A網(wǎng)站導(dǎo)航有效地證明了用戶在網(wǎng)絡(luò)上獲取信息有兩種方式：搜索或瀏覽。瀏覽ndash移動多面內(nèi)容結(jié)構(gòu)ndash；是一個直觀的導(dǎo)航層次時信息架構(gòu)師當前用戶更容易。本文討論了兩種技術(shù)。

　　有一首郵政大歌說這個地方是監(jiān)獄ldquo；如果每晚都是這樣，那就不是派對了。rdquo；雖然這位歌手特別提到了一個有太多派對的生活，但這是一個很好的提醒，任何經(jīng)常發(fā)生的事情都失去了意義。這個概念在我們的航行中是正確的。作為人類，我們的大腦會通知那些對比事物的準則，使它們脫穎而出。這就是復(fù)印機使用綠色大啟動按鈕的原因。這就是為什么我的智能手機在界面上提供了一組彩色圖標，而不是文本鏈接。在Yelp上查找我的iPhone時，我沒有掃描ldquoYelp；ldquo；我掃描了紅場。這是一種比詳細讀取每個應(yīng)用程序的名稱更快的心算。顯然，在這兩種情況下，設(shè)計司把視覺語言工作放在首位。

　　我們的術(shù)語定義優(yōu)先級是相對于元素在（導(dǎo)航）級別上的重要性來突出它。至于導(dǎo)航層次結(jié)構(gòu)，首先考慮每個元素與用戶目標的關(guān)系。排名原因如ldquo；將“0”設(shè)為“0”；或ldquo；配置rdquo；它通常不如網(wǎng)站或應(yīng)用程序中的重要。它可以用多種方式來完成，但基本的優(yōu)先權(quán)意味著項目更重要，應(yīng)該更多地關(guān)注自身。

　　另一方面，視覺語言需要視覺元素來傳達意義。這通常是通過插圖或插圖來完成的，盡管任何增強功能元素的視覺提示都有助于應(yīng)用程序的視覺語言。相反，考慮文本導(dǎo)航結(jié)構(gòu)ndash；尤其是那些使用相同字體大小的。如果不引入豐富的視覺語言，這些結(jié)構(gòu)就無法發(fā)揮其**大的交際潛力。簡單的視覺提示有很大的幫助，因為它們可以幫助用戶分析信息來識別召回。一些著名的網(wǎng)站和應(yīng)用程序使用日歷圖標。

　　不幸的是，設(shè)計除法通常在設(shè)計中做相反的事情。為了一致性，他們經(jīng)常強迫用戶仔細掃描每一個項目，直到他們找到他們想要的愛默生曾經(jīng)被稱為這種愚蠢的ldquo；一個無腦的怪物。rdquo；讓我們看看一些不好的例子：CraigslistCraigslist提供了低優(yōu)先級和不存在的視覺語言。用戶需要找到他們正在尋找的鏈接并閱讀主頁上幾乎所有的條目。

　　吉米約翰網(wǎng)站每次在三明治吉米約翰網(wǎng)站中，我都會仔細地重讀每一個導(dǎo)航項目。為了統(tǒng)一起見，每個導(dǎo)航項看起來都一樣：紅、黑、白。導(dǎo)航在吉米約翰三明治，這么大。

　　微軟Metro UI我**近**喜歡的罪犯之一是微軟Metro UI。這對于Windows Phone界面已經(jīng)有一段時間了，它很快就會出現(xiàn)在Windows8桌面上。通過主屏幕上白色字體和白色圖標的瓷磚狀顏色，用戶必須閱讀每個瓷磚，而不是響應(yīng)獨特的圖標和顏色（johnc德沃夏克**近在pC雜志上寫了這部偉大的作品rdio的iPhone應(yīng)用程序接口出現(xiàn)了與微軟Metro UI相同的錯誤。當他們把圖案，顏色和圖標放在同一個大小，迫使用戶仔細掃描每個項目。在一個漂亮、成功的應(yīng)用程序中，我發(fā)現(xiàn)自己多次掃描屏幕，以找到需要移動的選項。

　　iTunes在蘋果iTunes10（及其搜索）中，側(cè)邊欄項從顏色轉(zhuǎn)換為灰度。一致性蘋果被刪除并在每個項目之間進行比較，因此用戶需要更仔細地掃描標簽以找到所需的內(nèi)容。以前，如果您正在查找播客，則掃描紫色圖標?，F(xiàn)在你要掃描ldquo播客rdquo；因為圖標同時運行，iTunes9顯示在左側(cè)，iTunes10顯示在右側(cè)。路徑幻燈片菜單路徑iPhone應(yīng)用程序使用Facebook應(yīng)用程序中類似的幻燈片導(dǎo)航。但是，在不使用圖標和標記的路徑中，有一個重要的區(qū)別Facebook。每當我打開路徑導(dǎo)航，我都會閱讀每個條目，直到找到一個我想要的。在Facebook上，我的視覺模式和選擇反應(yīng)以及較少的認知負荷更快。

　　通過從例子中學(xué)習(xí)，現(xiàn)在我們已經(jīng)看到了它們，我們能避免這些怪物的一致性并創(chuàng)建一個更有效的導(dǎo)航結(jié)構(gòu)嗎 讓我們來看一些好的例子：peppermint一直被視為典型的用戶體驗，他們的一些領(lǐng)域使用高視覺導(dǎo)航效果良好ldquo；保留它；尤其是標簽，它依賴于一種經(jīng)過深思熟慮的方式來導(dǎo)航圖標ESPNESPN和網(wǎng)站有各種不同的導(dǎo)航樣式，但是我發(fā)現(xiàn)懸停狀態(tài)作為主要的導(dǎo)航項對于照片的組合特別有效，視頻和文字具有不同的權(quán)重美國大眾汽車在瀏覽選擇車型時，組合美國大眾網(wǎng)站下拉導(dǎo)航菜單，優(yōu)先ndash；敞篷車前部ndash；視覺語言ndash；推特中不同顏色推特Web應(yīng)用程序Web應(yīng)用程序的每款車的標志性版本，界面非常簡單，只有幾個鏈接，但都伴隨著一個獨特而有意義的圖標，除了明亮中的藍色之外，這個圖標也是**重要的角色，構(gòu)成了一個新的微博。

　　Instagram的iPhone應(yīng)用程序與Instagram應(yīng)用程序按鈕有效地結(jié)合了優(yōu)先級和視覺語言。每個按鈕都由其相關(guān)圖標定義，其中**重要的一個（快照）位于中間，表示藍色背景。環(huán)保型光纖EPB和光纖網(wǎng)站在most高水平導(dǎo)航中充分利用了不同的優(yōu)先級。主要導(dǎo)航項目為黑色，**重要的選項（ldquo）；“命令?！彼撬{色的。我們看到的例子包括好的和壞的?，F(xiàn)在我們來總結(jié)一下。以下方法可以幫助我們創(chuàng)建優(yōu)先級更高的視覺導(dǎo)航解決方案：

　　1關(guān)注用戶目標和/或轉(zhuǎn)換在嘗試確定如何安排導(dǎo)航并為導(dǎo)航帶來意義時，如果您想從用戶的主要目標和/或網(wǎng)站轉(zhuǎn)換率轉(zhuǎn)移。使這些元素突出并易于理解。

　　2從復(fù)印機中獲得靈感是不一致的：與其嘗試給所有導(dǎo)航項目相同的大小和外觀，不如利用設(shè)計中的不一致性，為**重要的項目獲得**大的可見性。

　　3使用視覺語言，而不是在有意義的地方使用文字，使用圖標和其他視覺線索，你不只是使用文本導(dǎo)航帶來額外的意義。這將允許用戶的大腦進程更快地依賴模式識別而不是閱讀。

　　4大?。伾┦马検褂么笮『皖伾牟町悂韰^(qū)分更重要的鏈接或按鈕。

　　**后一個想法是導(dǎo)航時要考慮很多方面設(shè)計，因此它可以很容易地依賴約定并為用戶創(chuàng)建更多的工作。盡管在某些情況下，使用這些技術(shù)是沒有意義的，但請記住，差異化是一個強大的工具。

　　并非所有的導(dǎo)航都是平等的。通過在導(dǎo)航元素中使用優(yōu)先級和視覺語言，您將幫助用戶完全導(dǎo)航。

　　謝潑德設(shè)計

　　一SEO和聯(lián)建如何再設(shè)計網(wǎng)站流量增長515%，2016網(wǎng)站設(shè)計方向的五個預(yù)測，你準備好了嗎

http://m.ezekroy.com/jianzhanzhishi/1356.html 網(wǎng)站導(dǎo)航的有效演示