|
Web導(dǎo)航的基本元素：logo、欄目、子欄目、當(dāng)前位置、輔助工具。
導(dǎo)航部分在每一頁以一致的外觀出現(xiàn)在同樣的位置，會讓用戶提升用戶的訪問信心，給用戶確定感可以提升用戶對網(wǎng)站的認(rèn)同。讓全局導(dǎo)航始終保持一致意味著用戶對它只需了解一次。全局導(dǎo)航應(yīng)該包括5個元素：logo、返回首頁、搜索鏈接、輔助工具、主欄目。
網(wǎng)站logo一般在網(wǎng)頁左上角，因為logo代表了整個網(wǎng)站，也就是說它在整個站點結(jié)構(gòu)中層次最高。要讓網(wǎng)站logo出現(xiàn)在頁面可視層次的首要位置，可采取兩種方式：讓它成為頁面最顯眼的內(nèi)容或者讓它涵蓋頁面所有其他的元素。
欄目導(dǎo)航條是訪問站點主要欄目的途徑，即站點層次結(jié)構(gòu)的最頂層。
大部分情況下，全局導(dǎo)航也留有二級導(dǎo)航的顯示位置。
輔助工具是到達(dá)網(wǎng)站中不屬于內(nèi)容層次的重要元素的鏈接。
輔助工具能幫助用戶使用站點（如幫助、網(wǎng)站地圖或購物車等），要么提供網(wǎng)站發(fā)布者的信息（如關(guān)于我們、聯(lián)系我們等）。
全局導(dǎo)航中最多只能放使用率最高的4-5個輔助工具。
全局導(dǎo)航中最重要的元素之一是讓用戶返回首頁的鏈接。
一般網(wǎng)站也會讓logo鏈接到首頁。
喜歡搜索的用戶并不少于習(xí)慣瀏覽的用戶。
一個簡單公式：搜索欄=一個輸入框、一個按鈕、還有“搜索”兩字。
搜索欄必須避免：
- 花哨的用詞。
- 指示說明。
- 選項。
如果必須提供選項，那就要保證哪些選項確實有用。
頁面名稱就是web上的路牌。
需注意的要點：
- 頁面名稱在視覺層次上要出現(xiàn)在合適的位置。
- 名稱樣式要引人注目，在大多數(shù)情況下，它是該頁里最大的文字。
- 名稱和鏈接的內(nèi)容要一致。
有時受頁面空間的限制，如果點擊的文字與鏈接的頁面名稱并不完全相同，則需保證盡量匹配和讓不匹配的原因顯而易見。
要抵消網(wǎng)絡(luò)空間固有的迷失感，其中一種方式就是時刻告訴用戶當(dāng)前所處的位置。
常用的標(biāo)記位置的方法：
- 在旁邊放一個小圖標(biāo)。
- 改變文字顏色。
- 使用粗體。
- 按鈕反白。
- 改變按鈕的顏色。
位置指示器必須要醒目突出，否則就失去了意義。
層級菜單的幾項實踐：
- 把它們放在最頂端。
- 用“>”符號對層級進(jìn)行分隔。
- 使用小字體。
- 使用文字提示“你在這里”
- 將最后一個元素加粗。
- 別讓它們顯得像頁面的名稱。
標(biāo)簽是大型網(wǎng)站的上佳選擇，理由：
- 它們不言而喻。
- 很難被忽視。
- 很靈活。
- 暗示了一個物理空間。
標(biāo)簽會給人一個視覺提示：讓人覺得網(wǎng)站被分成了不同的欄目，條理清晰，而自己正置身于其中的一個欄目，增加確定感。
amazon經(jīng)典的標(biāo)簽設(shè)計三要點：
- 正確繪制。
標(biāo)簽的圖形必須營造出“激活的標(biāo)簽頁位于其他標(biāo)簽頁之前”的效果。
營造出這種效果，比貨也必須有一種不同的顏色或外形作為對比，并且必須與它下面的空間在物理上鏈接起來。
- 顏色編碼。
Amazon使用相當(dāng)鮮艷和飽滿的的顏色來吸引用戶的注意力。未激活的標(biāo)簽和當(dāng)前的標(biāo)簽之間對比強(qiáng)烈，即使色盲的用戶也能正確理解。
- 進(jìn)入網(wǎng)站時，有個選中的初始標(biāo)簽。
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 Don’t make me think 閱讀筆記 [3] 下一頁 Don’t make me think 閱讀筆記 [5]
|
第 1 頁 
第 4 頁 Don’t make me think 閱讀筆記 [4]
