今天給大家一起學(xué)習(xí)一下網(wǎng)站設(shè)計導(dǎo)航的作用及分類都有哪些方面？導(dǎo)航系統(tǒng)的分類：包括全站、區(qū)域、情景式、輔導(dǎo)性導(dǎo)航等。

一、網(wǎng)站索引

就是將網(wǎng)站的內(nèi)容以關(guān)鍵詞、詞匯、標(biāo)簽按一定順序(字母，筆劃)排列而成。內(nèi)容之間可以沒有等級關(guān)系。方便已知條目的尋找，比如歌星中找“曾軼可"，只要有找首字首拼音“Z”就可以。對小型網(wǎng)站可以利用你對內(nèi)容了解的知識來決定要引入哪些鏈接，來創(chuàng)建索引。對大型網(wǎng)站首先用戶從索引中選擇術(shù)語，再從以該術(shù)語為索引的文件清單中選出想要的。指南:網(wǎng)站的新手指南。設(shè)計指南原則1.指南要短。2.無論何時，用戶都能離開指南。3.允許用戶在指南中，前進(jìn)，后退的自由移動。4.指南的設(shè)計目的是回答問題的。5.截圖應(yīng)該明確，具有把重點功能放大的效果。6.如果指南有好幾頁，要目錄。

二、網(wǎng)站架構(gòu)設(shè)計

高級導(dǎo)航方法個性化和定制化：個性化(猜測用戶想要什么。在特定環(huán)境中會運(yùn)行的很好，但在用戶體驗時，就會失敗)就是針對個人的行為、需求、喜好提供剪裁后的網(wǎng)頁給用戶。如網(wǎng)上買書時，會有“推薦同類書籍”，可能有些推薦的書你已經(jīng)買過并看過了。定制化(用戶告訴我們想要什么。但有時候用戶自己都不知道他們要需要什么)是給用戶直接控制權(quán)，可以針對展現(xiàn)格式、導(dǎo)航和內(nèi)容選項的組合做調(diào)整。

可視化：讓用戶可能采用可視化的方式瀏覽GROXIS。(在網(wǎng)上瀏覽博物館網(wǎng)站時就像逛現(xiàn)實生活中的博物館一樣身臨其境的感覺，想了想谷歌音樂的[挑歌]欄目可能比較類似這種概念)

社會化導(dǎo)航：用戶上網(wǎng)的需求點、興趣點可以從觀察其它用戶行為中推論出來的基礎(chǔ)上。比如說一些人上論壇，微博時就是看最近有什么網(wǎng)絡(luò)話題，關(guān)注一些熱門的標(biāo)簽，標(biāo)題;而這類標(biāo)簽，話題主要是通過搜索日志、使用量統(tǒng)計數(shù)據(jù)、顧客數(shù)據(jù)庫等站長統(tǒng)計軟件中獲得。(其實這也是情境式導(dǎo)航，只不過作者用這類導(dǎo)航的產(chǎn)生方式來歸納：這類導(dǎo)航的內(nèi)容是通過用戶的行為統(tǒng)計產(chǎn)生的，就成了[社會化導(dǎo)航]了)

三、區(qū)域?qū)Ш较到y(tǒng)的編制

區(qū)域?qū)Ш较到y(tǒng)當(dāng)用戶進(jìn)行某個欄目中后，可能該欄目還會分很多小欄目，把這些小欄目列出來，方便用戶可以立刻瀏覽那些內(nèi)容，有些網(wǎng)站會把全站導(dǎo)航和區(qū)域?qū)Ш秸铣梢恢虑医y(tǒng)一的系統(tǒng)，如下拉菜單。和全站導(dǎo)航一樣，在同一個站點中他們的表現(xiàn)形式最好一致且統(tǒng)一的。

情境式導(dǎo)航進(jìn)入目的頁面后，會有一些內(nèi)容指向特定的網(wǎng)頁、文件、對象。比如網(wǎng)站上的“相關(guān)文章”，“喜歡這個商品的用戶也會喜歡”，“同類TOP10”，要注意[情境式全局導(dǎo)航系統(tǒng)]主要是說明所處的位置，[情境式導(dǎo)航]是說明在這張頁面內(nèi)容的情境下，有什么相關(guān)內(nèi)容可以告訴并提供鏈接給用戶(稱外部情境式導(dǎo)航鏈接，玩概念：)。比如你在Joyo買《精通CSS》這本書，在介紹這本書的頁面中，總會有一些鏈接是指向與CSS類的其它書籍。還有一種是在文章敘述的文字中放鏈接(稱內(nèi)聯(lián)情境式導(dǎo)航鏈接，玩概念：)。

實踐嵌入式導(dǎo)航認(rèn)識到全站、區(qū)域和情境區(qū)導(dǎo)航元素都在大多數(shù)網(wǎng)頁上同時共存，如何在網(wǎng)站中整合好。不過這個問題可能涉及到：網(wǎng)站欄目多少、頁面結(jié)構(gòu)復(fù)雜度、實現(xiàn)一些效果的JS程序、交互過程相關(guān)這些。

四、改善靈活性網(wǎng)站

瀏覽器的導(dǎo)航特點考慮瀏覽器環(huán)境，其實瀏覽器上已經(jīng)有后退、前進(jìn)、收藏、設(shè)為首頁等功能，但有時候在頁面本身的瀏覽情境當(dāng)中也最好要放這些功能，比如在瀏覽一篇文章，到了結(jié)尾能看到[收藏]、[關(guān)閉]、[返回]等功能可以方便不少用戶看完后其它意圖的操作。還有就是區(qū)分有無鏈接的文字樣式，區(qū)分是否瀏覽過文字的樣式(這些其實是編寫CSS樣式范圍內(nèi)的)。

建立情境最典型的例子用戶隨便從Google搜索到一張網(wǎng)頁，當(dāng)點擊進(jìn)入頁面后，就算是進(jìn)入了一個情境中。情境中應(yīng)該告訴用戶這是在哪里?(我在什么位置，這是什么網(wǎng)站)，這里有什么(頁內(nèi)標(biāo)題)，用戶下一步能做什么(能看，能下載，能購買)，還能去哪里(欄目，本欄頁內(nèi)導(dǎo)航)，以上幾點類似于《Dont make me think》中內(nèi)頁的6點基本要素：1.站點ID、2.頁面名稱、3.欄目下一級欄目、4.頁面導(dǎo)航、5.“你在這里”指示器、6.搜索。

改善靈活性網(wǎng)站中各欄目之間的內(nèi)容可能保持垂直的排列方式，但用戶在訪問內(nèi)容時要考慮Ta們可以會隨時跳轉(zhuǎn)到其它欄目的二級、三級頁面中，保持橫向和縱向的導(dǎo)航，注意不要導(dǎo)航輔助功能的設(shè)置。提供增加的情境和靈活性，彌補(bǔ)等級式系統(tǒng)的不足之處。