淺析汽車類網(wǎng)站導(dǎo)航設(shè)計(jì)

摘要：本文從用戶心理分析角度出發(fā)，對汽車類網(wǎng)站的導(dǎo)航設(shè)計(jì)進(jìn)行討論。分別從網(wǎng)站導(dǎo)航設(shè)計(jì)的功能性和藝術(shù)性方面對汽車類網(wǎng)站導(dǎo)航設(shè)計(jì)進(jìn)行分析。并結(jié)合中外汽車類網(wǎng)站的導(dǎo)航設(shè)計(jì)優(yōu)劣實(shí)例，說明該類型網(wǎng)站導(dǎo)航設(shè)計(jì)的易用性和視覺感受中的展現(xiàn)特色，以及常用的設(shè)計(jì)方法。并以奔馳汽車網(wǎng)站和紅旗轎車網(wǎng)站為例進(jìn)行相關(guān)的論證和闡述。并以此來促進(jìn)汽車類網(wǎng)站的發(fā)展，進(jìn)而促進(jìn)國內(nèi)汽車產(chǎn)業(yè)的進(jìn)步。

關(guān)鍵詞：汽車類網(wǎng)站；導(dǎo)航設(shè)計(jì)；網(wǎng)站架構(gòu)；視覺藝術(shù)

隨著汽車工業(yè)在我國的發(fā)展，越來越多的汽車類網(wǎng)站應(yīng)運(yùn)而生，汽車網(wǎng)絡(luò)媒體的影響力與日俱增。這就要求網(wǎng)站設(shè)計(jì)師能把握設(shè)計(jì)發(fā)展潮流，通曉汽車類網(wǎng)站設(shè)計(jì)的視覺特征，并運(yùn)用圖形語言與交互技術(shù)實(shí)現(xiàn)吸引用戶的目的，最終促成汽車銷售業(yè)績，提升國產(chǎn)汽車品牌價(jià)值和競爭力。在這一過程中，汽車類網(wǎng)站導(dǎo)航設(shè)計(jì)，成為設(shè)計(jì)師關(guān)注的焦點(diǎn)，也是整個(gè)網(wǎng)站設(shè)計(jì)實(shí)現(xiàn)的重中之重。

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

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

再來分析紅旗轎車的網(wǎng)站導(dǎo)航設(shè)計(jì)。紅旗轎車在我國家喻戶曉，由于其特殊的政治經(jīng)歷，在60年代，接待外賓的最高禮遇之一就是乘坐紅旗轎車。當(dāng)時(shí)的紅旗已不是一輛簡單的汽車，而是一種民族尊嚴(yán)的象征，可見其品牌地位之高，時(shí)至今日，作為最好的國產(chǎn)品牌車之一，人們?nèi)詫λ瞥鐐渲痢＜t旗轎車網(wǎng)站的頁面及導(dǎo)航設(shè)計(jì)，除了欄目內(nèi)容外，導(dǎo)航設(shè)計(jì)主要集中在右下角，用轎車外觀線描表現(xiàn)了不同時(shí)期，紅旗品牌下不同車型。這種表現(xiàn)形式非常獨(dú)特，也有些復(fù)古。當(dāng)點(diǎn)擊一款車型時(shí)即進(jìn)入相關(guān)圖片展示頁。總體感覺，在汽車類網(wǎng)站導(dǎo)航設(shè)計(jì)的范例中，紅旗轎車網(wǎng)站的設(shè)計(jì)有鮮明的中國特色，導(dǎo)航線索明晰，按鈕設(shè)計(jì)與眾不同，但缺少交互感。

這種導(dǎo)航設(shè)計(jì)的優(yōu)勢在哪里，和通常所說的網(wǎng)站導(dǎo)航有什么區(qū)別？下面筆者將從用戶心理分析的角度出發(fā)，對上述問題進(jìn)行詳細(xì)的闡釋。

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

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

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

參考文獻(xiàn)：

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

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

[3] 張志輝.設(shè)計(jì)心理學(xué)[M].天津人民美術(shù)出版社，2010.

作者簡介：王宏玥（1975—），女，北京人，碩士，中級職稱，主要研究方向：網(wǎng)站導(dǎo)航藝術(shù)設(shè)計(jì)。