熱門標簽
網站導航的有效演示
A網站導航有效地證明了用戶在網絡上獲取信息有兩種方式：搜索或瀏覽。瀏覽ndash移動多面內容結構ndash；是一個直觀的導航層次時信息架構師當前用戶更容易。本文討論了兩種技術。
有一首郵政大歌說這個地方是監獄ldquo；如果每晚都是這樣，那就不是派對了。rdquo；雖然這位歌手特別提到了一個有太多派對的生活，但這是一個很好的提醒，任何經常發生的事情都失去了意義。這個概念在我們的航行中是正確的。作為人類，我們的大腦會通知那些對比事物的準則，使它們脫穎而出。這就是復印機使用綠色大啟動按鈕的原因。這就是為什么我的智能手機在界面上提供了一組彩色圖標，而不是文本鏈接。在Yelp上查找我的iPhone時，我沒有掃描ldquoYelp；ldquo；我掃描了紅場。這是一種比詳細讀取每個應用程序的名稱更快的心算。顯然，在這兩種情況下，設計司把視覺語言工作放在首位。
我們的術語定義優先級是相對于元素在（導航）級別上的重要性來突出它。至于導航層次結構，首先考慮每個元素與用戶目標的關系。排名原因如ldquo；將“0”設為“0”；或ldquo；配置rdquo；它通常不如網站或應用程序中的重要。它可以用多種方式來完成，但基本的優先權意味著項目更重要，應該更多地關注自身。
另一方面，視覺語言需要視覺元素來傳達意義。這通常是通過插圖或插圖來完成的，盡管任何增強功能元素的視覺提示都有助于應用程序的視覺語言。相反，考慮文本導航結構ndash；尤其是那些使用相同字體大小的。如果不引入豐富的視覺語言，這些結構就無法發揮其**大的交際潛力。簡單的視覺提示有很大的幫助，因為它們可以幫助用戶分析信息來識別召回。一些著名的網站和應用程序使用日歷圖標。
不幸的是，設計除法通常在設計中做相反的事情。為了一致性，他們經常強迫用戶仔細掃描每一個項目，直到他們找到他們想要的愛默生曾經被稱為這種愚蠢的ldquo；一個無腦的怪物。rdquo；讓我們看看一些不好的例子：CraigslistCraigslist提供了低優先級和不存在的視覺語言。用戶需要找到他們正在尋找的鏈接并閱讀主頁上幾乎所有的條目。
吉米約翰網站每次在三明治吉米約翰網站中，我都會仔細地重讀每一個導航項目。為了統一起見，每個導航項看起來都一樣：紅、黑、白。導航在吉米約翰三明治，這么大。
微軟Metro UI我**近**喜歡的罪犯之一是微軟Metro UI。這對于Windows Phone界面已經有一段時間了，它很快就會出現在Windows8桌面上。通過主屏幕上白色字體和白色圖標的瓷磚狀顏色，用戶必須閱讀每個瓷磚，而不是響應獨特的圖標和顏色（johnc德沃夏克**近在pC雜志上寫了這部偉大的作品rdio的iPhone應用程序接口出現了與微軟Metro UI相同的錯誤。當他們把圖案，顏色和圖標放在同一個大小，迫使用戶仔細掃描每個項目。在一個漂亮、成功的應用程序中，我發現自己多次掃描屏幕，以找到需要移動的選項。
iTunes在蘋果iTunes10（及其搜索）中，側邊欄項從顏色轉換為灰度。一致性蘋果被刪除并在每個項目之間進行比較，因此用戶需要更仔細地掃描標簽以找到所需的內容。以前，如果您正在查找播客，則掃描紫色圖標。現在你要掃描ldquo播客rdquo；因為圖標同時運行，iTunes9顯示在左側，iTunes10顯示在右側。路徑幻燈片菜單路徑iPhone應用程序使用Facebook應用程序中類似的幻燈片導航。但是，在不使用圖標和標記的路徑中，有一個重要的區別Facebook。每當我打開路徑導航，我都會閱讀每個條目，直到找到一個我想要的。在Facebook上，我的視覺模式和選擇反應以及較少的認知負荷更快。
通過從例子中學習，現在我們已經看到了它們，我們能避免這些怪物的一致性并創建一個更有效的導航結構嗎 讓我們來看一些好的例子：peppermint一直被視為典型的用戶體驗，他們的一些領域使用高視覺導航效果良好ldquo；保留它；尤其是標簽，它依賴于一種經過深思熟慮的方式來導航圖標ESPNESPN和網站有各種不同的導航樣式，但是我發現懸停狀態作為主要的導航項對于照片的組合特別有效，視頻和文字具有不同的權重美國大眾汽車在瀏覽選擇車型時，組合美國大眾網站下拉導航菜單，優先ndash；敞篷車前部ndash；視覺語言ndash；推特中不同顏色推特Web應用程序Web應用程序的每款車的標志性版本，界面非常簡單，只有幾個鏈接，但都伴隨著一個獨特而有意義的圖標，除了明亮中的藍色之外，這個圖標也是**重要的角色，構成了一個新的微博。
Instagram的iPhone應用程序與Instagram應用程序按鈕有效地結合了優先級和視覺語言。每個按鈕都由其相關圖標定義，其中**重要的一個（快照）位于中間，表示藍色背景。環保型光纖EPB和光纖網站在most高水平導航中充分利用了不同的優先級。主要導航項目為黑色，**重要的選項（ldquo）；“命令。”它是藍色的。我們看到的例子包括好的和壞的。現在我們來總結一下。以下方法可以幫助我們創建優先級更高的視覺導航解決方案：
1關注用戶目標和/或轉換在嘗試確定如何安排導航并為導航帶來意義時，如果您想從用戶的主要目標和/或網站轉換率轉移。使這些元素突出并易于理解。
2從復印機中獲得靈感是不一致的：與其嘗試給所有導航項目相同的大小和外觀，不如利用設計中的不一致性，為**重要的項目獲得**大的可見性。
3使用視覺語言，而不是在有意義的地方使用文字，使用圖標和其他視覺線索，你不只是使用文本導航帶來額外的意義。這將允許用戶的大腦進程更快地依賴模式識別而不是閱讀。
4大小（顏色）事項使用大小和顏色的差異來區分更重要的鏈接或按鈕。
**后一個想法是導航時要考慮很多方面設計，因此它可以很容易地依賴約定并為用戶創建更多的工作。盡管在某些情況下，使用這些技術是沒有意義的，但請記住，差異化是一個強大的工具。
并非所有的導航都是平等的。通過在導航元素中使用優先級和視覺語言，您將幫助用戶完全導航。
謝潑德設計
一SEO和聯建如何再設計網站流量增長515%，2016網站設計方向的五個預測，你準備好了嗎
