|
網(wǎng)站中導(dǎo)航的設(shè)計(jì)既存在著科學(xué)，也蘊(yùn)涵著藝術(shù)，使用者可以用最短的時(shí)間從A點(diǎn)到達(dá)B點(diǎn)，這是導(dǎo)航的魅力所在，也是它的職責(zé)所在。 在一個(gè)完整的網(wǎng)站中，導(dǎo)航不單單是鏈接，可以說導(dǎo)航是一種思維，是一種創(chuàng)建網(wǎng)站的思維，這樣的思維讓用戶清晰可見網(wǎng)站中的信息內(nèi)容，所有想查找的信息是處于可及范圍之內(nèi)的，并不需要費(fèi)勁去尋找，是顯而易見的。
1、網(wǎng)站導(dǎo)航設(shè)計(jì)的意義 網(wǎng)站這樣的虛擬世界要想擁有一個(gè)完全準(zhǔn)確的導(dǎo)航還存在困難，有諸多問題，有時(shí)是設(shè)計(jì)人員大意，把瀏覽者所在位置尚未標(biāo)明，這樣瀏覽者很難知道自己所在站點(diǎn)的確切位置，最后暈頭轉(zhuǎn)向，只好重進(jìn)該網(wǎng)站首頁，重新進(jìn)行鏈接。 還有的干脆就掃興離開，不再給該網(wǎng)站機(jī)會(huì)，將它拉入自己的黑名單，再也不點(diǎn)擊進(jìn)入。 還有的設(shè)計(jì)人員在進(jìn)行主導(dǎo)航設(shè)計(jì)時(shí)，特點(diǎn)不突出不明顯，也不吸引人目光，瀏覽者面對(duì)這樣的導(dǎo)航有時(shí)想到達(dá)哪里都不知所措。 還有的網(wǎng)頁，在頁面某個(gè)位置莫名其妙地就安插返回鍵，我們卻不知道這個(gè)返回鍵要把我們返回到哪里去，讓人覺得莫名其妙，甚至?xí)J(rèn)為是一些小廣告而不去點(diǎn)擊，這樣設(shè)計(jì)就是沒有意義的設(shè)計(jì)。 2、創(chuàng)建醒目確切的導(dǎo)航 好的網(wǎng)站的導(dǎo)航系統(tǒng)應(yīng)該醒目且明確，瀏覽者在瀏覽網(wǎng)頁時(shí)是隨性的、跳躍的，這樣設(shè)計(jì)人員所設(shè)計(jì)的網(wǎng)站就得達(dá)到讓瀏覽者無論在網(wǎng)站的哪個(gè)位置，只要想到達(dá)目的地頁面，都可以自由跳躍，我們需要在所有的網(wǎng)頁頁面上都設(shè)計(jì)一個(gè)鏈接點(diǎn)，最好是只通過一次的跳躍便能達(dá)到目的地。 也可以做一個(gè)網(wǎng)站的結(jié)構(gòu)圖，讓瀏覽者一看便了解了網(wǎng)站的整體面貌及內(nèi)容，想了解什么內(nèi)容，可以輕而易舉地到達(dá)，不會(huì)浪費(fèi)時(shí)間。 當(dāng)我們到一個(gè)陌生的城市，不知身處何處時(shí)，都要打聽旁人來幫助我們，在網(wǎng)絡(luò)這個(gè)大世界里，也會(huì)讓人經(jīng)常不知身處何處，這就需要設(shè)計(jì)人員設(shè)計(jì)時(shí)應(yīng)該更加注重人性化設(shè)計(jì)，告訴瀏覽者目前的所在，下一步又該去往何處，這就要求導(dǎo)航要醒目并確切。 3、導(dǎo)航具有簡(jiǎn)潔大方易操作的特點(diǎn) 你所設(shè)計(jì)的導(dǎo)航應(yīng)當(dāng)是容易操作且簡(jiǎn)潔大方的，設(shè)計(jì)人員覺得自己設(shè)計(jì)的網(wǎng)頁很成功，但是如果使用者不理解他所設(shè)計(jì)的意圖，也不會(huì)操作，那么一切都是白費(fèi)工夫。 瀏覽者想看到想要的內(nèi)容卻需要花費(fèi)很長時(shí)間，并且還要點(diǎn)擊數(shù)次才能到達(dá)所要到達(dá)的頁面，這樣的設(shè)計(jì)是不可取的，這只會(huì)消耗盡瀏覽者的耐性，引起瀏覽者的厭煩感，以最少的點(diǎn)擊卻可以得到想要的信息，這是網(wǎng)頁設(shè)計(jì)的一個(gè)標(biāo)準(zhǔn)。 如果網(wǎng)頁設(shè)計(jì)的層次越來越復(fù)雜，信息被訪問的次數(shù)也會(huì)隨之降低，那么想傳遞給用戶的信息也就越難到達(dá)，這就要求我們?cè)O(shè)計(jì)人員設(shè)計(jì)網(wǎng)頁時(shí)應(yīng)該把網(wǎng)頁的層次設(shè)計(jì)得簡(jiǎn)單化，打造可以通過最少的點(diǎn)擊次數(shù)卻可以得到最多的信息量，最好是只需要兩次或三次的點(diǎn)擊便可以到達(dá)內(nèi)容所在地。 4、導(dǎo)航位置安排合理化 通過導(dǎo)航我們可以隨心所欲地到達(dá)任何一個(gè)頁面，是網(wǎng)頁設(shè)計(jì)中視覺要素的重要環(huán)節(jié)，所以導(dǎo)航的設(shè)計(jì)一定要一目了然，具有合理化。 一般情況下，導(dǎo)航欄最好是出現(xiàn)在電腦屏幕的第一屏上，因?yàn)樵谶M(jìn)行網(wǎng)頁設(shè)計(jì)的時(shí)候，把頁面向下拖動(dòng)是唯一可以讓網(wǎng)頁內(nèi)容增加的方法，否則就得跳轉(zhuǎn)到下一個(gè)頁面，這樣我們最好是把導(dǎo)航欄設(shè)計(jì)在第一屏并且是橫向放置，橫向擺放比縱向擺放更能方便瀏覽者。 即使第一屏非常矮，橫向的導(dǎo)航也可以全部被看到，但是縱向的導(dǎo)航就不一定了，因?yàn)轱@示器現(xiàn)在寬屏的越來越普及，所以，馬海祥覺得瀏覽者不會(huì)受寬度的影響，但是縱向就存在不定性因素，要想讓瀏覽者向下拖動(dòng)屏幕繼續(xù)向下瀏覽，那必須是非常具有吸引力的內(nèi)容，否則，瀏覽者拖動(dòng)頁面不會(huì)超過三個(gè)屏幕。 5、導(dǎo)航模式 常見的導(dǎo)航模式有很多，從顯示位置來說分為：頂部水平橫欄式，垂直導(dǎo)航欄，側(cè)邊固定式，滑出或者彈出窗口導(dǎo)航等，通常網(wǎng)站是根據(jù)所要展示的內(nèi)容要點(diǎn)來選擇不同的導(dǎo)航，在此例舉幾種導(dǎo)航模式進(jìn)行詳細(xì)解說。 （1）、當(dāng)網(wǎng)站內(nèi)容相對(duì)較少時(shí)，選擇網(wǎng)站水平式的導(dǎo)航相對(duì)來說比較方便，能夠突出重點(diǎn)內(nèi)容，且簡(jiǎn)單清晰，又不至于顯得頁面太空蕩，對(duì)于某個(gè)大類的信息還可以通過下拉菜單的方式進(jìn)行展示，歸類明確。 （2）、當(dāng)網(wǎng)站內(nèi)容相對(duì)較多時(shí)，一般采用固定式或者抽屜式的導(dǎo)航，這樣在用戶瀏覽網(wǎng)站時(shí)，導(dǎo)航就想網(wǎng)站目錄一樣，從最大內(nèi)容標(biāo)題細(xì)分到各個(gè)詳細(xì)內(nèi)容頁的標(biāo)題，用戶瀏覽時(shí)不管跳轉(zhuǎn)到哪個(gè)網(wǎng)頁，都可以通過導(dǎo)航目錄快速回到目標(biāo)信息上繼續(xù)瀏覽，還可節(jié)省網(wǎng)頁的位置資源。 （3）、當(dāng)網(wǎng)站內(nèi)容在網(wǎng)頁顯示過長的時(shí)，用戶習(xí)慣用鼠標(biāo)無限去滾動(dòng)網(wǎng)站內(nèi)容，以便更加快速加載下面的內(nèi)容，這時(shí)網(wǎng)站適合采用垂直式的導(dǎo)航，方便用戶在瀏覽內(nèi)容時(shí)導(dǎo)航信息始終保持在一個(gè)位置可以被快速找到。 6、導(dǎo)航的設(shè)計(jì)原則 我們先看看導(dǎo)航的分類：橫排導(dǎo)航、豎排導(dǎo)航、多排導(dǎo)航、圖片式導(dǎo)航、Frame框架快捷導(dǎo)航、Jump Menu下接菜單導(dǎo)航、隱藏式導(dǎo)航，甚至還可以是動(dòng)態(tài)效果的Flash導(dǎo)航等，有時(shí)，大的導(dǎo)航里面還有小的導(dǎo)航，在某些情況下，大導(dǎo)航和小導(dǎo)航需要設(shè)計(jì)在同一個(gè)頁面內(nèi)。 網(wǎng)站導(dǎo)航系統(tǒng)基本遵循以下設(shè)計(jì)原則： （1）、盡可能多的提供相關(guān)資源的鏈接。 （2）、一致性原則，導(dǎo)航樣式非常多，怎樣選用適合網(wǎng)頁風(fēng)格一致的志航條呢？就是要符合頁面風(fēng)格，要符合信息類別分類。 （3）、網(wǎng)站板塊和層次劃分合理，導(dǎo)航條既是網(wǎng)站路標(biāo)，又是分類名稱，是十分重要的，導(dǎo)航條應(yīng)放置到明顯的頁面位置，讓瀏覽者在第一時(shí)間內(nèi)看到它并作出判斷，確定要進(jìn)入哪個(gè)欄目中去搜索他們所要的信息。 導(dǎo)航條的設(shè)計(jì)根據(jù)具體情況可以有多種變化，它的設(shè)計(jì)風(fēng)格決定了頁面設(shè)計(jì)的風(fēng)格，反過來，設(shè)計(jì)師已經(jīng)大致上有了網(wǎng)頁設(shè)計(jì)的模式，也可以按照模式的方向去把握導(dǎo)航的風(fēng)格。 7、導(dǎo)航設(shè)計(jì)按鈕應(yīng)符號(hào)化 把導(dǎo)航按鈕設(shè)計(jì)得具有符號(hào)化，使得風(fēng)格更加統(tǒng)一穩(wěn)定，我們進(jìn)行符號(hào)化設(shè)計(jì)時(shí)也應(yīng)該與網(wǎng)站的整體環(huán)境相匹配，這樣使用者在運(yùn)用過程中也不會(huì)出現(xiàn)錯(cuò)誤，在進(jìn)行具體的導(dǎo)航按鈕設(shè)計(jì)時(shí)，應(yīng)該運(yùn)用大眾化的方式，讓人一看便明白。 運(yùn)用符號(hào)規(guī)范化，便于人們應(yīng)用起來得心應(yīng)手，也縮短了到達(dá)信息所在地的時(shí)間，在進(jìn)行按鈕符號(hào)化設(shè)計(jì)時(shí)，我們應(yīng)遵守以下設(shè)計(jì)原則： （1）、符號(hào)在隱喻設(shè)計(jì)上要合理。 （2）、設(shè)計(jì)圖標(biāo)符號(hào)時(shí)功能要確切、簡(jiǎn)單化、簡(jiǎn)潔化。 （3）、與使用者文化觀念上不應(yīng)該有沖突。 （4）、尺寸大小應(yīng)該適中等。 遵守這些符號(hào)設(shè)計(jì)規(guī)則，設(shè)計(jì)人員把符號(hào)運(yùn)用到導(dǎo)航按鈕設(shè)計(jì)中去，最終可以提高使用者瀏覽網(wǎng)頁信息內(nèi)容的速度。 8、導(dǎo)航內(nèi)容 網(wǎng)站的導(dǎo)航內(nèi)容是對(duì)整個(gè)網(wǎng)站想要展示的信息的總結(jié)，首先要遵循的是導(dǎo)航欄目標(biāo)題要與對(duì)應(yīng)的詳細(xì)頁面相符合，才不會(huì)導(dǎo)致用戶認(rèn)為信息不一致產(chǎn)生不信任的后果。 當(dāng)然，標(biāo)題總結(jié)詞要精簡(jiǎn)，注意網(wǎng)站小內(nèi)容最好不要以導(dǎo)航的總標(biāo)題形式出現(xiàn)，可通過細(xì)分的下拉菜單，或者以更多形式的小菜單欄里出現(xiàn)。 從用戶體驗(yàn)度的角度來看：一般情況下，網(wǎng)站導(dǎo)航上的欄目或單頁面，是這個(gè)網(wǎng)站中最主要的、必不可少的內(nèi)容，也是站長希望除了首頁外，最希望訪客點(diǎn)擊進(jìn)入的一些頁面，或想要?jiǎng)e人了解的一些信息。 從搜索引擎優(yōu)化的角度來看：網(wǎng)站的主導(dǎo)航位于優(yōu)化網(wǎng)站中F區(qū)的最重要的部位，是搜索引擎蜘蛛檢索最看重、權(quán)重較高的一個(gè)位置，同時(shí)在網(wǎng)站的主導(dǎo)航上還布局了產(chǎn)品新聞欄目及各個(gè)單頁面的導(dǎo)入鏈接(各個(gè)二級(jí)欄目間的回流設(shè)置)，是設(shè)置整個(gè)網(wǎng)站回流的最核心的部分。 所以，不管是從用戶體驗(yàn)度上考慮還是從搜索引擎優(yōu)化的角度考慮，網(wǎng)站的主導(dǎo)航都是一個(gè)網(wǎng)站中必不可缺少的一部分。 9、導(dǎo)航創(chuàng)意 千篇一律的導(dǎo)航形式，用戶早已習(xí)慣，如果在網(wǎng)站建設(shè)時(shí)將用戶最先注意到的導(dǎo)航加點(diǎn)創(chuàng)意，那么是否能給網(wǎng)站一個(gè)畫龍點(diǎn)睛的作用呢？ 事實(shí)是這樣的，導(dǎo)航在指引用戶搜尋內(nèi)容時(shí)，還能改變用戶瀏覽網(wǎng)站的心情，瀏覽網(wǎng)站也像一場(chǎng)旅行，有創(chuàng)意的導(dǎo)航欄讓用戶欣賞起來也會(huì)更加愉悅，增加對(duì)網(wǎng)站的興趣，例如，采用別致的圖標(biāo)式導(dǎo)航，情景式導(dǎo)航等。 導(dǎo)航是網(wǎng)站風(fēng)格的主要組成部分，一個(gè)好的導(dǎo)航條可以在確定網(wǎng)頁風(fēng)格的同時(shí)，使頁面層次清晰，導(dǎo)航制作一直是設(shè)計(jì)師們需要重點(diǎn)思考的問題，是網(wǎng)頁創(chuàng)意的重要體現(xiàn)，現(xiàn)在互聯(lián)網(wǎng)最流行的導(dǎo)航布局方式有以下幾種： （1）、水平導(dǎo)航條：以水平方式排列導(dǎo)航項(xiàng)，如百度 （2）、垂直導(dǎo)航條：以垂直的方式排列導(dǎo)航項(xiàng)。 （3）、POP導(dǎo)航條和組織有序的導(dǎo)航條。 10、導(dǎo)航設(shè)計(jì)的細(xì)節(jié) 大家有沒有注意到，很多網(wǎng)站在內(nèi)容過多時(shí)，用戶往下滾動(dòng)內(nèi)容過長，如果用戶想要快速回到導(dǎo)航上面，就會(huì)浪費(fèi)部分時(shí)間往上滾動(dòng)內(nèi)容，對(duì)于缺乏耐心的客戶來說，若不是內(nèi)容確實(shí)吸引人，那么他們很有可能就此結(jié)束對(duì)網(wǎng)站的瀏覽，所以一般對(duì)于這種導(dǎo)航的設(shè)置，還要考慮一個(gè)細(xì)節(jié)，通常在內(nèi)容旁邊設(shè)置一個(gè)“回到頂部”的標(biāo)志，以便用戶快速到達(dá)頭部的導(dǎo)航位置。 規(guī)劃一個(gè)大型網(wǎng)站，規(guī)劃好內(nèi)容是進(jìn)行導(dǎo)航設(shè)計(jì)之前的第一要?jiǎng)?wù)，而我們此處所說的信息架構(gòu)，是合理的組織信息的展現(xiàn)形式，支撐起網(wǎng)站內(nèi)容的骨架，信息架構(gòu)的主要任務(wù)是為信息與用戶認(rèn)知之間構(gòu)建一座暢通的橋梁。 從更高的位置來看待網(wǎng)站內(nèi)容有助于信息架構(gòu)的搭建，更重要的是，你得學(xué)會(huì)從用戶的角度來看待網(wǎng)站內(nèi)容，這也就意味著，有的時(shí)候你得站在正反兩個(gè)位置來看待同一個(gè)東西，不同視角下你會(huì)發(fā)現(xiàn)有的內(nèi)容的呈現(xiàn)方式非常反人類，你可以通過下面的問題來完善整個(gè)架構(gòu)： （1）、哪些頁面是這個(gè)網(wǎng)站必不可少的？ （2）、從宏觀架構(gòu)上來看是否每個(gè)頁面都有其獨(dú)立的目的，它們的存在是否影響整體的連續(xù)性和可靠性？ （3）、有哪些內(nèi)容是需要在將來持續(xù)提供并更新的？ （4）、網(wǎng)站所需要涉及到的用戶群有哪些？（登錄用戶、訂閱用戶、廣告商等等） （5）、針對(duì)每種用戶，網(wǎng)站所要達(dá)成的目標(biāo)是什么？ 思考這些問題能夠幫助你更好的完善網(wǎng)站的信息架構(gòu)，為導(dǎo)航設(shè)計(jì)做好準(zhǔn)備。 綜上所述，導(dǎo)航是網(wǎng)站的一項(xiàng)重要組成部分，設(shè)計(jì)人員一定要重視它在網(wǎng)頁設(shè)計(jì)中所起到的作用，努力設(shè)計(jì)一個(gè)清晰明確的導(dǎo)航。 筆者點(diǎn)評(píng)： 綜上所述，一個(gè)好的導(dǎo)航可以讓用戶了解目前所處的位置，以及當(dāng)前頁面在整個(gè)網(wǎng)站中的位置，它體現(xiàn)了網(wǎng)站的架構(gòu)層級(jí)，能夠幫助用戶快速學(xué)習(xí)和了解網(wǎng)站內(nèi)容和組織方式，從而形成很好的位置感，并且好的導(dǎo)航能夠提供返回各個(gè)層級(jí)的快速入口，提升用戶體驗(yàn)。  為網(wǎng)站而生 為策劃而活 |
|
|
