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

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

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

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

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

　　吉米約翰網(wǎng)站每次在三明治吉米約翰網(wǎng)站中，我都會(huì )仔細地重讀每一個(gè)導航項目。為了統一起見(jiàn)，每個(gè)導航項看起來(lái)都一樣：紅、黑、白。導航在吉米約翰三明治，這么大。

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

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

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

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

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

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

　　3使用視覺(jué)語(yǔ)言，而不是在有意義的地方使用文字，使用圖標和其他視覺(jué)線(xiàn)索，你不只是使用文本導航帶來(lái)額外的意義。這將允許用戶(hù)的大腦進(jìn)程更快地依賴(lài)模式識別而不是閱讀。

　　4大小（顏色）事項使用大小和顏色的差異來(lái)區分更重要的鏈接或按鈕。

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

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

　　謝潑德設計

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

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