導(dǎo)航欄交互優(yōu)缺點(diǎn)

1、 扁平導(dǎo)航內(nèi)容主導(dǎo)式導(dǎo)航列表式導(dǎo)航其他導(dǎo)航交互分類宮格式導(dǎo)航標(biāo)簽導(dǎo)航舵式導(dǎo)航扁平導(dǎo)航陳列式導(dǎo)航旋轉(zhuǎn)木馬式導(dǎo)航內(nèi)容主導(dǎo)式導(dǎo)航列表式抽屜式列表式導(dǎo)航點(diǎn)聚式導(dǎo)航瀑布式導(dǎo)航其他導(dǎo)航宮格式導(dǎo)航特征:登錄界面中的菜單選項(xiàng)就是進(jìn)入各個應(yīng)用的起點(diǎn)例子:支付寶、愛奇藝等優(yōu)點(diǎn)：優(yōu)點(diǎn)：（1）清晰展現(xiàn)各入口。（2）用戶容易記住各入口的位置，方便快速查找。缺點(diǎn)：缺點(diǎn)：（1）無法在多入口間靈活跳轉(zhuǎn)，不適合多任務(wù)操作。（2）容易形成更深的路徑。（3）不能直接展現(xiàn)入口內(nèi)容。返回標(biāo)簽導(dǎo)航特征：方便用戶在不同分頁里頻繁切換。沿襲了PC端網(wǎng)頁導(dǎo)航模式，所以用戶很容易上手。案例：微信曾經(jīng)嘗試在Android平臺使用非標(biāo)簽式導(dǎo)航，但經(jīng)

2、過多個版本更迭，最終還是選擇了標(biāo)簽式導(dǎo)航，這也是一種向大多數(shù)用戶習(xí)慣妥協(xié)的結(jié)果?？傮w來說，只有緊跟用戶的使用習(xí)慣和大眾審美主流，才能推動應(yīng)用產(chǎn)品不斷更新?lián)Q代，更加適合用戶。例子：微信、大眾點(diǎn)評、App Store等。優(yōu)點(diǎn)： （1）用戶清楚當(dāng)前所在的入口位置。 （2）用戶在各入口間頻繁跳轉(zhuǎn)且不會迷失方向。 （3）直接展現(xiàn)最重要入口的內(nèi)容信息。缺點(diǎn)： （1）會占用一定高度的顯示面積。 （2）功能入口過多時，該模式顯得笨重且不實(shí)用。 （3）不利于大屏幕手機(jī)進(jìn)行單手切換操作。返回舵式導(dǎo)航特征;舵式導(dǎo)航是標(biāo)簽卡式導(dǎo)航的一種變體。中間的標(biāo)簽作為重要且操作頻繁的入口，一般都用圖形或顏色凸顯出來。例子：微博、

3、美拍等。優(yōu)點(diǎn)：（1）重要且操作頻繁的入口很顯眼。 （2）較大限度地引導(dǎo)用戶進(jìn)行操作。缺點(diǎn)： （1）中間按鈕極其顯眼，按鈕周圍的兩個按鈕單擊率較低。 （2）對中間按鈕的設(shè)計(jì)要求比較高，需要有高度的設(shè)計(jì)美感，否則顯得不協(xié)調(diào)。返回陳列式導(dǎo)航特征：陳列式導(dǎo)航是通過直接在界面上顯示各個內(nèi)容項(xiàng)來實(shí)現(xiàn)導(dǎo)航的，主要用于展示文章、菜譜、照片和產(chǎn)品等。例子：廚房故事、Dribbble、Pinterest等。優(yōu)點(diǎn)： （1）直觀地展現(xiàn)各項(xiàng)內(nèi)容。 （2）能夠方便地瀏覽經(jīng)常更新的內(nèi)容。缺點(diǎn)： （1）不適合展現(xiàn)頂層入口框架。 （2）對界面內(nèi)容要求較高，否則顯得雜亂。 （3）設(shè)計(jì)效果較單一，容易呆板。 返回旋轉(zhuǎn)木馬式導(dǎo)航用途

4、：當(dāng)應(yīng)用程序信息足夠扁平時可以嘗試輪播導(dǎo)航，如果應(yīng)用得當(dāng)，能夠給人耳目一新的體驗(yàn)，這就是旋轉(zhuǎn)木馬式導(dǎo)航。特點(diǎn)：這種導(dǎo)航能夠較大程度保證應(yīng)用頁面的簡潔性，得到極為流暢的用戶體驗(yàn)和直觀的流程，實(shí)現(xiàn)概覽和細(xì)節(jié)界面的無縫過渡。頁面輪盤式更換，適用于有少量頁面的導(dǎo)航，可用來作為展示某些情況，如系列產(chǎn)品。例子：iPhone自帶的天氣應(yīng)用。優(yōu)點(diǎn)： （1）單頁面內(nèi)容，整體性強(qiáng)。 （2）線性的瀏覽方式有順暢感和方向感。缺點(diǎn)： （1）不適合展示過多的頁面。 （2）不能跳躍性地查看間隔的頁面，只能按順序查看相鄰的頁面。 （3）由于各頁面結(jié)構(gòu)相似，容易忽略后面的內(nèi)容。返回列表式特征：列表式導(dǎo)航有很多種形式，包括個性化

5、列表菜單、分組列表和增強(qiáng)列表等。增強(qiáng)列表是在簡單的列表菜單之上增加搜索、瀏覽或過濾之類的功能后形成的。列表菜單適合顯示較長或擁有次級文字的標(biāo)題。例子：小米手環(huán)、VPN、手機(jī)系統(tǒng)設(shè)置。優(yōu)點(diǎn)： （1）層次展示清晰。 （2）可展示內(nèi)容較長的標(biāo)題。 （3）可展示標(biāo)題的次級內(nèi)容。缺點(diǎn)： （1）同級內(nèi)容過多時，用戶瀏覽容易產(chǎn)生疲勞感。 （2）排版靈活性不是很強(qiáng)。 （3）只能通過排列順序和顏色來區(qū)分各入口的重要程度。返回抽屜式特點(diǎn)：抽屜式導(dǎo)航也叫側(cè)滑導(dǎo)航，抽屜式導(dǎo)航的核心思路是“隱藏”。隱藏非核心的操作與功能，讓用戶更專注于核心的功能操作。菜單隱藏在當(dāng)前頁面之后，只要單擊入口就能將它拉出來，此類導(dǎo)航節(jié)省了頁

6、面展示空間，有利于將用戶的注意力聚集在當(dāng)前的頁面，可以應(yīng)用在不需要頻繁切換內(nèi)容的應(yīng)用上。為了導(dǎo)航與界面間平滑過渡切換，此類導(dǎo)航需設(shè)計(jì)切換的過渡動畫。例子： QQ。 優(yōu)點(diǎn) ： （1）節(jié)省了頁面展示空間。 （2）擴(kuò)展性好，可以放置多個入口。而標(biāo)簽導(dǎo)航最多放置5個入口。缺點(diǎn) （1）左上角的小按鈕具有隱蔽性，若第一次打開時不進(jìn)行引導(dǎo)，用戶可能會忽略這個入口。 （2）對入口交互的功能可見性要求高。返回點(diǎn)聚式導(dǎo)航特征：點(diǎn)聚式導(dǎo)航的交互方式以Path為代表，最新Android平臺設(shè)計(jì)規(guī)范在MATERIAL DESIGN（谷歌推出了全新的設(shè)計(jì)語言MaterialDesign。谷歌表示，這種設(shè)計(jì)語言旨在為手機(jī)、平板電腦、臺式機(jī)和“其他平臺”提供更一致、更廣泛的“外觀和感覺”。 ）定義了這種導(dǎo)航交互方式。希望原生Android系統(tǒng)的應(yīng)用程序大量采用這種導(dǎo)航方式。例子： Path。 優(yōu)點(diǎn) ： （1）流暢的動畫使展示方式顯得更加有趣。 （2）節(jié)省空間，避免了標(biāo)簽導(dǎo)航占用空間大的問題。 （3）具有更強(qiáng)的引導(dǎo)性，避免了抽屜導(dǎo)航引導(dǎo)性不足的問題。缺點(diǎn) （1）隱藏了框架中的入口內(nèi)容。 （2）對入口交互的功能可見性要求高。返回瀑布式導(dǎo)航特征：瀑布式導(dǎo)航適合在一屏中向用戶展示大量的信