設計不只是為了好看。設計也決定用戶(hù)如何融入一個(gè)產(chǎn)品，無(wú)論是網(wǎng)站還是app。這是一種交談。導航就是一種交談。因為如果用戶(hù)不明白使用方式，你的網(wǎng)站或app再漂亮都沒(méi)用。

　　為什么底部導航如此重要？

　　Steven Hoober在他的關(guān)于移動(dòng)設備使用狀況的研究中發(fā)現，49%的人依靠一根手指完成手機上的操作。在下圖中，手機屏幕上的畫(huà)面表示大致的觸摸范圍，不同顏色表示用戶(hù)能用拇指在屏幕上觸及的區域。綠色表示輕易觸及；黃色表示需要伸長(cháng)手指；紅色表示需要用戶(hù)改變持握方式。

　　把重要常用的操作放在屏幕底部非常重要，因為它們能用一只手指輕松觸及。

　　標簽欄

　　許多應用遵循這一規律，將底部導航（又稱(chēng)作標簽欄）作為重要的app功能。Facebook的核心功能一觸即達，能夠在不同功能中迅速切換。

　　底部導航設計的3個(gè)關(guān)鍵

　　導航通常是搭載用戶(hù)的交通工具。底部導航應該承載重要性等同的頂級目的地。這些目的地需要在app的任何地方留有直接的入口。

　　優(yōu)秀的底部導航設計遵循以下3條定律：

　　1.只顯示重要的目的地

　　在底部導航中使用3到5個(gè)頂級目的地。如果少于3個(gè)，請考慮使用標簽代替。

　　底部導航避免使用5個(gè)以上，因為點(diǎn)擊目標相互會(huì )過(guò)于接近。在標簽欄放置過(guò)多的項目，讓人們難以點(diǎn)中他們的目標。每多展示一個(gè)標簽，app的復雜性就增加一分。

　　如果頂級目的地確實(shí)有5個(gè)以上，不要用底部導航來(lái)承載這些入口，請考慮放在其他位置。

　　避免內容滾動(dòng)

　　小屏幕上顯而易見(jiàn)的解決方式，就是部分隱藏式的導航——不必擔心屏幕空間的局限，把標簽項放入滾動(dòng)的標簽欄即可。但是滾動(dòng)的內容效率低下，因為你得滑動(dòng)一下才能看到想要的選項。

　　2.表達出當前位置

　　沒(méi)有表達當前位置，可能是app菜單中普遍的錯誤。“我在哪里？”是用戶(hù)需要回答的基本問(wèn)題之一，這是順利操作的前提。

　　用戶(hù)應該在沒(méi)有任何外部引導的情況下，一眼就看出如何從A前往B。應該提供適當的視覺(jué)線(xiàn)索（圖標、標簽和顏色），操作就不需要任何說(shuō)明了。

　　圖標

　　正因為底部導航操作以圖標方式展現，它們所表達的內容應該要適合通過(guò)圖標來(lái)表達。有些用戶(hù)熟知的通用圖標，通常這些都表示搜索、郵件、打印等功能。不幸的是，“通用”圖標很少。app的設計師常常用圖標來(lái)代表一些非常難以分辨的功能。

　　總結

　　底部導航應該：

　　可見(jiàn)且結構合理（使用3到5個(gè)頂級目的地，并且避免可滾動(dòng)內容）

　　清晰（導航欄元素要易于瀏覽，點(diǎn)擊區域要足夠大，方便操作）

　　簡(jiǎn)單（保證每個(gè)導航圖標都通向合適的目的地，而且通過(guò)底部導航要能夠觸達所有元素）

http://ezekroy.com/jianzhanzhishi/7098.html 移動(dòng)端用戶(hù)體驗:底部導航