淺析汽車類網站導航設計

摘要：本文從用戶心理分析角度出發，對汽車類網站的導航設計進行討論。分別從網站導航設計的功能性和藝術性方面對汽車類網站導航設計進行分析。并結合中外汽車類網站的導航設計優劣實例，說明該類型網站導航設計的易用性和視覺感受中的展現特色，以及常用的設計方法。并以奔馳汽車網站和紅旗轎車網站為例進行相關的論證和闡述。并以此來促進汽車類網站的發展，進而促進國內汽車產業的進步。

關鍵詞：汽車類網站；導航設計；網站架構；視覺藝術

隨著汽車工業在我國的發展，越來越多的汽車類網站應運而生，汽車網絡媒體的影響力與日俱增。這就要求網站設計師能把握設計發展潮流，通曉汽車類網站設計的視覺特征，并運用圖形語言與交互技術實現吸引用戶的目的，最終促成汽車銷售業績，提升國產汽車品牌價值和競爭力。在這一過程中，汽車類網站導航設計，成為設計師關注的焦點，也是整個網站設計實現的重中之重。

汽車類網站導航設計是整個汽車網站設計的重要組成部分，也是瀏覽者關注的核心內容。汽車類網站導航設計正從傳統導航設計的方式中尋求突破，導航按鈕的排布已變得越來越靈活，已成為整個網頁畫面元素的一部分被隱藏，用戶通過鼠標滑動的交互反應，網站的欄目內容得以顯現，再通過點擊觸發進入相關具體內容頁面。整個網站始終會營造一種氛圍，使瀏覽者產生一種自然而然的參與意識。

梅賽德斯一級方程式轎車網站從一個駕駛員的視角展示了一段具有明晰標識線的公路，街道兩邊商戶林立，華燈初上，營造了一個夜景環境。網站的標志以白色展示在頁面左上角，文字說明排列在左下方，右側中下部是不同形狀的導航按鈕，它們像夜明珠一樣鑲嵌在主頁面上，由于其間有一藍色按鈕的色差，很容易讓用戶發現，這是導航，可以進行互動操作。相比傳統導航橫向布局，縱向更有創意和趣味。當用戶將鼠標滑動到右側導航按鈕上時，在其左側即刻顯現文字的相關說明，在頁面底部同時顯示部分主導航信息。整個頁面變暗，轎車說明消失，右側的導航按鈕顯得更加明晰，易識別。被選中按鈕變成藍色，當點擊時，畫面會有一種向前行駛的感覺，停止后顯示相關內容，給用戶以動態的感覺。再點Best of按鈕，將進入新車推薦頁面。其中包含First impression（第一印象）和Live session highlights（車展精彩回眸）左右兩個圓形按鈕，鼠標滑向其中一個即顯示相關內容及圖片。為顯示車輛的品質，該網站的奔馳車都由考究的產品照片顯示。點擊First impression按鈕后進入的頁面，主體圖片是Class A奔馳轎車，左下角換成了微縮的轎車立體圖片，點周圍的圓環部分會切換到相應的立體車位圖，左上部位的眾多黑色圓點是動態的，用以點按切換車展上用戶對此類車型的評語。通過這種特殊的導航設計體驗，將用戶原有的圖形文字羅列的導航瀏覽定式打破，使用戶的參與意識增強，具有探索感和發現感，使用戶在無頁面切換的條件下，能更整體地把握頁面元素，了解產品詳情，并產生試駕或購買沖動。

再來分析紅旗轎車的網站導航設計。紅旗轎車在我國家喻戶曉，由于其特殊的政治經歷，在60年代，接待外賓的最高禮遇之一就是乘坐紅旗轎車。當時的紅旗已不是一輛簡單的汽車，而是一種民族尊嚴的象征，可見其品牌地位之高，時至今日，作為最好的國產品牌車之一，人們仍對它推崇備至。紅旗轎車網站的頁面及導航設計，除了欄目內容外，導航設計主要集中在右下角，用轎車外觀線描表現了不同時期，紅旗品牌下不同車型。這種表現形式非常獨特，也有些復古。當點擊一款車型時即進入相關圖片展示頁。總體感覺，在汽車類網站導航設計的范例中，紅旗轎車網站的設計有鮮明的中國特色，導航線索明晰，按鈕設計與眾不同，但缺少交互感。

這種導航設計的優勢在哪里，和通常所說的網站導航有什么區別？下面筆者將從用戶心理分析的角度出發，對上述問題進行詳細的闡釋。

當汽車類網站的用戶瀏覽網站時，通常會有慣性并善于把握規律。一旦他養成了用一種方式，下次還會使用原來的方法。這就需要網站導航設計有一定的穩定性，當需要改變原有設計風格時，界面需要盡量簡潔，細節清晰，要及時通過一定的展示表達方式通知用戶，使其不用看使用手冊就能掌握新導航的進入方法，盡快找到自己想查找的資訊。第一印象形成，接下來用戶的關注力都會集中在證明自己的第一印象是正確的。所以，不要認為用戶不夠寬容，不接受變化，不理解設計過程中設計師持續的努力，而是要竭盡全力去給用戶一個好的體驗。讓他們收藏你，并能經常光顧你的網站。最應該避免的是，當網站導航設計方式改變后，用戶感到新站很陌生，不適應新設計或表現狀態，于是造成老用戶流失，使新站點的訪問量大幅下降，這就得不償失了。汽車類網站的用戶基本上都有購車需求，并具有一定的經濟實力和社會地位，通過購買品牌車彰顯個人價值。所以，他們更需要別人的首肯和尊重。對于普通轎車他們一般不考慮，更關注品牌車和進口車，且不會選擇價位偏低的車輛，因為會覺得不安全。基于上述的考慮，我們會將網站的設計品位進行提升，網站的導航設計要突出創意，并具有吸引用戶的特點。在圖形處理，文字編排，交互設計方面要求更高。作為網站的設計者要重視每一位訪客的需求，他們也許只是人群中的少數，但對設計來說就是全部。

作為一名設計師，我們往往在剛開始策劃汽車類網站導航的時候會選擇“簡單”兩個字，因為我們要讓網站導航設計看起來更清晰，更易用。但隨著設計內容的不斷豐富，設計思路不斷打開，很容易使設計工作陷入繁雜的陷阱。這與我們曾經的想法背道而馳。對于用戶來說，他們會望而卻步。保持簡潔，而不會讓用戶迷失在浩瀚的網絡海洋中是設計師的職責。從心理學的研究中，我們得出人的頭腦分左右腦，右腦識別圖型并且關乎人們的感性認識；左腦編輯文字，主管人們的理性思考。因此，圖片文字合理完美的結合是至關重要的，是汽車類網站導航設計成功與否的關鍵所在。認識到這一點，就要使汽車類網站看起來覺得更值得信賴。創建一個使用戶安心的網站，就意味著他們很可能會注冊一個賬戶，并且購買產品，或者用其他方式和你做生意。這些可以通過網站設計和語言實現。

從上面的分析中，我們發現了優秀的汽車類網站導航設計的優勢：第一，它具有豐富的視覺效果，更易帶領人們進入一種審美關注的情態中，營造一種既定的氛圍場景里；第二，它具有趣味性的極具吸引力的互動體驗，調動了用戶心理的主動參與意識，引起了用戶深入探索發現的主動性，帶給用戶更多的藝術設計感受；在用戶交互行為執行的過程中時空轉換的延伸與視覺的變化，使網站給用戶留下了深刻的印象，達到了較好的宣傳效果。但在網站的建設過程中為建立大量且美觀豐富的視覺信息，必然會產生網站設計乃至汽車類網站導航設計的工作量激增，設計開發費時耗力、網頁初始化加載速度變慢、而網站本身所包含的內容有限、其他網站不可復制、資訊及時更新不便等問題，因此這種導航設計形式一般只用于專屬汽車品牌網站。

參考文獻：

[1] 梅賽德斯一級方程式轎車網站.http：//aclass.mercedesbenz.com/com/en/？s=start[DB/OL].

[2] 紅旗車.http：//www.hongqiche.com/[DB/OL].

[3] 張志輝.設計心理學[M].天津人民美術出版社，2010.

作者簡介：王宏玥（1975—），女，北京人，碩士，中級職稱，主要研究方向：網站導航藝術設計。