在我們的導(dǎo)航。作為人類，我們的大腦有線要注意對(duì)比，從規(guī)范的事情，脫穎而出。這就是為什么影印機(jī)采用大的，綠色的啟動(dòng)按鈕。
這是一個(gè)更快的心算比詳盡的讀取每個(gè)應(yīng)用程序的名稱。很顯然，在這兩種情況下，設(shè)計(jì)師已經(jīng)把工作的優(yōu)先級(jí)和視覺(jué)語(yǔ)言。
定義我們的條款
優(yōu)先級(jí)是給人一種元素突出，相對(duì)于它的重要性(導(dǎo)航)層次的行為。問(wèn)候一個(gè)導(dǎo)航的層次結(jié)構(gòu)中，這是通過(guò)首先考慮每個(gè)元素的關(guān)系，它的用戶的目標(biāo)。
優(yōu)先級(jí)的項(xiàng)目，如“設(shè)置”或“個(gè)人資料”的原因通常不太明顯比上一個(gè)網(wǎng)站或應(yīng)用程序的主要操作。它可以在各種不同的方式溝通，但本質(zhì)上的優(yōu)先次序，更重要的項(xiàng)目應(yīng)該呼吁更多的關(guān)注自己。
豐收的應(yīng)用程序的優(yōu)先級(jí)比其他更經(jīng)常使用的鏈接(報(bào)告及時(shí)間表)，(個(gè)人資料)
視覺(jué)語(yǔ)言，在另一方面，包括使用視覺(jué)元素，以傳達(dá)意義。很多時(shí)候是通過(guò)插圖或圖解的視覺(jué)線索，強(qiáng)化了功能的元素，雖然該應(yīng)用程序的視覺(jué)語(yǔ)言。
通過(guò)對(duì)比的方式，只考慮文本的導(dǎo)航結(jié)構(gòu)-尤其是那些使用相同的字體大小。沒(méi)有引入/包含豐富的視覺(jué)語(yǔ)言，這些結(jié)構(gòu)沒(méi)有達(dá)到其最大的通信潛力。簡(jiǎn)單的視覺(jué)線索很長(zhǎng)的路要走，以幫助用戶分析信息，因?yàn)樗鼈儽阌谧R(shí)別過(guò)召回。
一些知名的網(wǎng)站和應(yīng)用程序使用的日歷圖標(biāo)。
妖怪
不幸的是，設(shè)計(jì)師經(jīng)常做的正好相反，在他們的設(shè)計(jì)中。在他們的愿望的一致性，他們常常迫使用戶仔細(xì)瀏覽每一個(gè)項(xiàng)目，直到他們找到他們想要的東西。愛(ài)默生曾經(jīng)被稱為這種愚蠢的一致性“小小的心靈的妖怪。”
讓我們來(lái)看看一些不好的例子：
CRAIGSLIST的
Craigslist的同時(shí)提供一些優(yōu)先級(jí)和一個(gè)不存在的視覺(jué)語(yǔ)言。用戶需要讀取幾乎每個(gè)條目的主頁(yè)上才能找到他們正在尋找的鏈接。
吉米·約翰的網(wǎng)站
每次我一個(gè)三明治吉米·約翰的網(wǎng)站上，我發(fā)現(xiàn)自己重新仔細(xì)閱讀每個(gè)導(dǎo)航項(xiàng)目。為了保持一致性，每一個(gè)導(dǎo)航產(chǎn)品看起來(lái)是一樣的：紅色，黑色和白色。吉米·約翰的三明治是偉大的，導(dǎo)航，所以較少。
微軟METRO UI的
最近違反我最喜歡的是微軟Metro UI的。這已經(jīng)出了一段時(shí)間，在Windows Phone接口，并很快將抵達(dá)與Windows 8在桌面上。白字和白色的圖標(biāo)，主屏幕上所有相同顏色的瓷磚，用戶閱讀每瓦，而不是獨(dú)特的圖標(biāo)和顏色。(約翰·C·德沃夏克在PC雜志“最近寫(xiě)了一個(gè)很大的一塊約)。
RDIO IPHONE應(yīng)用程序
微軟Metro UI的的RDIO iPhone應(yīng)用程序接口犯同樣的錯(cuò)誤。雖然他們并不納入圖解，圖標(biāo)的顏色和大小的一致性強(qiáng)制用戶密切掃描每個(gè)資料。否則美麗和成功的應(yīng)用，我發(fā)現(xiàn)自己多次掃描主屏幕上找到我想要的動(dòng)作。
蘋(píng)果ITUNES
在蘋(píng)果公司的iTunes 10(以及其搜索)，側(cè)邊欄的顏色轉(zhuǎn)換成灰度。在帶來(lái)一致性，蘋(píng)果去掉了每個(gè)項(xiàng)目之間的對(duì)比，因此需要用戶更加緊密地掃描，讀取標(biāo)簽，以找到所需的內(nèi)容。在此之前，如果你正在尋找播客，掃描紫色的圖標(biāo)。現(xiàn)在，你必須掃描“播客”這個(gè)詞，是因?yàn)閳D標(biāo)一起運(yùn)行。
iTunes 9的出現(xiàn)在左邊，iTunes 10的出現(xiàn)在右側(cè)。
路徑滑動(dòng)菜單
路徑iPhone應(yīng)用程序使用一個(gè)類似Facebook的應(yīng)用程序中發(fā)現(xiàn)的滑動(dòng)導(dǎo)航。然而，有一個(gè)重要的區(qū)別，在該路徑不使用的圖標(biāo)與標(biāo)簽，而 Facebook的那樣。每次我打開(kāi)路徑導(dǎo)航，直到我找到我想要的，我要讀的每個(gè)條目。隨著Facebook，我的視覺(jué)模式和選擇反應(yīng)是認(rèn)知負(fù)荷較少的要快得多。
通過(guò)示例學(xué)習(xí)
所以，現(xiàn)在，我們已經(jīng)看到了他們，我們避免這些妖怪的一致性，創(chuàng)造更有效的導(dǎo)航結(jié)構(gòu)?讓我們來(lái)看看一些很好的例子：
薄荷
薄荷長(zhǎng)期以來(lái)被視為一個(gè)典型的用戶體驗(yàn)，他們有一些不錯(cuò)的領(lǐng)域，利用高度可視化的導(dǎo)航。“的方式來(lái)保存”選項(xiàng)卡，特別是依賴于一個(gè)周到的圖標(biāo)集合進(jìn)行導(dǎo)航。
ESPN
ESPN網(wǎng)站有各種不同的導(dǎo)航風(fēng)格貫穿始終，但我覺(jué)得懸停狀態(tài)的主導(dǎo)航項(xiàng)目，其組合的照片，視頻和各種文本的權(quán)重是特別有效的。
美國(guó)大眾汽車(chē)公司
當(dāng)瀏覽的美國(guó)網(wǎng)站上的大眾的車(chē)型選擇，下拉導(dǎo)航菜單結(jié)合優(yōu)先級(jí) -轎車(chē)前可換股票據(jù)-與視覺(jué)語(yǔ)言 -每輛車(chē)的一個(gè)標(biāo)志性的版本在不同的顏色。
TWITTER的WEB應(yīng)用程序
Twitter的Web應(yīng)用程序有一個(gè)非常簡(jiǎn)單的接口，只有極少數(shù)的鏈接，但都伴隨著一個(gè)獨(dú)特的和有意義的圖標(biāo)來(lái)設(shè)置它拆開(kāi)，最重要的行動(dòng)，組成一個(gè)新的鳴叫，設(shè)置，除了在明亮的藍(lán)色。
INSTAGRAM的IPHONE應(yīng)用程序
Instagram的應(yīng)用程序上的按鈕有效地結(jié)合這兩種優(yōu)先級(jí)和視覺(jué)語(yǔ)言。被確定每個(gè)按鈕相關(guān)的圖標(biāo)，最重要的一個(gè)(相機(jī))為中心，具有藍(lán)色背景的。
EPB光纖
EPB光纖網(wǎng)站是一個(gè)很好的使用不同的優(yōu)先級(jí)在頂級(jí)導(dǎo)航。主導(dǎo)航項(xiàng)目都是最重要的選項(xiàng)(“立即訂購(gòu)”)在藍(lán)色與黑色。
成功的指南
我們已經(jīng)看到了好的和壞的例子，現(xiàn)在讓我們嘗試歸納了一下。下面的指南可以幫助我們創(chuàng)建更優(yōu)先，視覺(jué)導(dǎo)航計(jì)劃：
1、注意用戶的目標(biāo)和/或轉(zhuǎn)換
當(dāng)試圖確定如何優(yōu)化，使您的導(dǎo)航意義，認(rèn)為在你的用戶的主要目標(biāo)和/或網(wǎng)站的轉(zhuǎn)換。這些元素突出的和容易理解的。
2、是不一致的
靈感來(lái)自復(fù)印機(jī)，而不是努力向所有的導(dǎo)航項(xiàng)目的大小和外觀，利用不一致的設(shè)計(jì)，使最重要的項(xiàng)目最的知名度。
3、使用視覺(jué)語(yǔ)言，不只是文本
哪里是有道理的，使用圖標(biāo)和其他視覺(jué)線索帶來(lái)了額外的意義，而不是僅使用文本到您的導(dǎo)航。這將允許用戶的大腦處理更迅速地通過(guò)依靠模式識(shí)別而不是讀取。
4、尺寸(顏色)的事項(xiàng)
使用大小和顏色的區(qū)別，更重要的鏈接或按鈕來(lái)區(qū)分。
最后的思考
有這么多的問(wèn)題，設(shè)計(jì)時(shí)要考慮的導(dǎo)航，它可以很容易回落公約“的后果，創(chuàng)造更多的工作，為您的用戶。雖然總是會(huì)有的情況下使用這些技術(shù)沒(méi)有意義的，記住，分化可能是一個(gè)功能強(qiáng)大的工具。
并非所有的導(dǎo)航平等。在您的導(dǎo)航元素，通過(guò)采用優(yōu)先級(jí)和視覺(jué)語(yǔ)言，就可以幫助用戶完全忘了導(dǎo)航。他們的方式，他們可以專注于內(nèi)容，他們是真的后。