一個網站的導航有效演示
用戶有兩種方式獲取網絡上的信息：搜索或瀏覽。瀏覽–移動通過多方位的內容結構–是一個直觀的導航層次結構時，信息架構師目前用戶更容易。本文討論了兩個技術。

有一個很大的郵政服務的歌曲，這個地方是監獄，說，“這不是一個黨如果每天晚上都這樣。”雖然歌手具體指的是一個生活的聚會太多，這是一個很好的提醒，任何事情發生的太經常失去意義。
 
這個概念在我們的導航是正確的。作為人類，我們的大腦的通知對比，事情脫穎而出的規范。這是為什么復印機使用大，綠色啟動按鈕。這也是之所以在我的智能手機提供了一個收集的而不是文字鏈接彩色圖標界面。
當尋找Yelp上我的iPhone，我沒有掃描“Yelp；“我掃描了紅場。這是一個更快的心算比詳盡地閱讀每個應用程序的名稱。很明顯，在這兩種情況下，設計師把優先級和視覺語言的工作。

我們的術語定義
優先級就是給一個元素突出相對于其重要性在（導航）層次。至于導航層次結構，這是通過首先考慮每個元素的關系做了用戶的目標。
排序的原因是諸如“設置”或“配置”通常比在網站或應用程序的主要作用不明顯。它可以通過多種方式，但本質上的優先次序意味著項目更重要的應該更多的關注自己。

視覺語言，另一方面，需要用視覺元素來傳達意義。這通常是通過插圖或圖解，雖然任何視覺線索，強化了功能的元素有助于應用程序的視覺語言。
相反，考慮文本導航結構–尤其是那些使用相同的字體大小。不引入/將豐富的視覺語言，這些結構沒有達到他們最大的交際潛能。簡單的視覺線索去了漫長的道路，因為它們有助于幫助用戶分析信息識別召回。
 
一些知名的網站和應用程序使用的日歷圖標。

妖怪
不幸的是，設計師往往在設計做完全相反的事。為了一致性，他們常常強迫用戶仔細掃描每個項目直到他們找到他們要找的東西。愛默生曾經稱這種愚蠢的“沒腦子的妖怪。”
 
讓我們看一看一些不好的例子：
Craigslist
Craigslist提供小優先級和一個不存在的視覺語言。用戶需要在找到他們正在尋找的鏈接閱讀幾乎每個條目在首頁。
 

吉米約翰的網站
每一次我在一個三明治吉米約翰的網站，我發現自己重新仔細閱讀每個導航項目。為統一起見，每個導航項目看起來是一樣的：紅色，黑色，白色。在吉米約翰的三明治的導航，那么大。
 

微軟Metro UI
我最喜歡的一個最近的違規者是微軟Metro UI。這已經為Windows Phone界面的一些時間，很快就要到了對Windows 8的桌面。通過主屏幕瓷磚一樣的顏色與白色字體和白色的圖標，用戶必須閱讀每瓦而不是應對獨特的圖標和顏色。（John C.德沃夏克最近寫的這一偉大的作品在PC雜志。）
 
Rdio的iPhone應用程序
這個Rdio的iPhone應用程序界面使同樣的錯誤作為微軟Metro UI。當他們把圖案，顏色和圖標的大小一致，迫使用戶密切掃描每個項目。在一個美麗的、成功的應用，我發現自己多次掃描屏幕選項，找到我所需的行動。
 

蘋果的iTunes
在蘋果的iTunes 10（以及它的搜索），側邊欄項目從彩色到灰度轉換。將一致性，蘋果刪除對比每個條目之間，因此需要用戶掃描更仔細閱讀標簽，找到所需的內容。以前，如果你正在尋找播客，你掃描的紫色圖標。現在你要掃描“播客”因為圖標一起跑。
 
iTunes 9出現在左邊和右邊出現的iTunes 10。
路徑滑動菜單
路徑的iPhone應用程序使用了一個類似的滑動導航發現在Facebook的應用程序。有一個重要的區別，然而，在路徑不使用圖標和標簽，而Facebook。每當我打開路徑導航，我要讀每個條目直到我找到一個我想要的。在Facebook上，我的視覺模式和選擇反應和更少的認知負荷更快。

通過實例學習
現在我們已經看到了他們，我們才能避免這些妖怪的一致和創造更有效的導航結構？讓我們來看看一些好的例子：
薄荷
薄荷一直被視為一個典型的用戶體驗和他們的地區，使用高度視覺導航一些不錯。“保存”標簽，特別是依賴于一個經過反復推敲的圖標導航方式。
 
ESPN
ESPN的網站有多種不同的導航風格貫穿始終，但我發現懸停狀態為主要的導航項目是特別有效的照片，視頻和文字相結合，不同的權重。
 
美國大眾汽車
當瀏覽車輛模型的選擇美國的大眾網站下拉導航菜單的結合，優先級–敞篷轎車前–與視覺語言–標志性的版本，每輛車在不同的色彩。
 
推特Web應用程序
Web應用程序的推特有一個只有少數鏈接的接口非常簡單，但都伴隨著一個獨特的和有意義的圖標，它除了和最重要的作用，構成一個新的鳴叫，是除了在明亮的藍色。
 

Instagram的iPhone應用程序
對Instagram的應用程序按鈕有效結合優先級和視覺語言。每個按鈕都是由其相關的圖標，最重要的一個確定的（鏡頭）的中心，代表了一個藍色的背景。
 
環保纖維光學
EPB光纖網站充分利用不同級別的優先級在最高水平的導航。主要的導航項目都是黑的最重要的選項（“點菜”）掀起的藍色。
 
指引成功
我們看到的例子，包括好的和壞的，現在讓我們試著概括一點。以下方法可以幫助我們創造更多的優先，視覺導航方案：

1.重視用戶的目標和/或轉換
當試圖確定如何安排和帶來的意義，你的導航，想從你的用戶的首要目標和/或網站的轉化率。讓那些元素突出，易于理解。

2.是不一致的
從復印機中得到靈感：而不是努力給所有導航項目相同的尺寸和外觀，杠桿不一致在你的設計，最重要的項目得到最大的能見度。

3.用視覺的語言，不是文字
在有意義的地方，使用圖標和其他的視覺線索，你不是只使用文字導航帶來額外的意義。這將允許用戶的大腦過程更迅速依靠模式識別而不是閱讀。

4.尺寸（顏色）事項
使用大小和顏色的差別來區分更重要的鏈接或按鈕。

最后的思考
有這么多方面考慮設計時的導航，它可以很容易依靠公約和創造更多的工作給你的用戶作為一個后果。盡管總是會出現的情況下，使用這些技術沒有意義，記住，分化是一個強大的工具。

不是所有的導航是平等的。通過在你的導航元素采用優先級和視覺語言，你會幫助用戶導航完全忘記。

牧羊人設計文章推薦：

一個SEO和鏈接建設
如何重新設計網站流量增加了515%
2016年網站設計方向的5個預測，你準備好了嗎