UI常用導(dǎo)航和優(yōu)缺點(diǎn)分析【傳智教育UI設(shè)計(jì)】

UI設(shè)計(jì)中常見(jiàn)的有標(biāo)簽式導(dǎo)航、舵式導(dǎo)航、點(diǎn)聚式導(dǎo)航和抽屜式導(dǎo)航，下面我們分別介紹它們的有缺點(diǎn)。

標(biāo)簽式導(dǎo)航

優(yōu)點(diǎn)

(1)用戶(hù)清楚當(dāng)前所在的入口位置。

(2)用戶(hù)在各入口間頻繁跳轉(zhuǎn)且不會(huì)迷失方向。

(3)直接展現(xiàn)最重要入口的內(nèi)容信息。

缺點(diǎn)

(1)會(huì)占用一定高度的顯示面積。

(2)功能入口過(guò)多時(shí)，該模式顯得笨重且不實(shí)用。

(3)不利于大屏幕手機(jī)進(jìn)行單手切換操作。

應(yīng)用案例：

舵式導(dǎo)航

優(yōu)點(diǎn)

(1)重要且操作頻繁的入口很顯眼。

(2)較大限度地引導(dǎo)用戶(hù)進(jìn)行操作。

缺點(diǎn)

(1)中間按鈕極其顯眼，周?chē)膬蓚€(gè)按鈕單擊率較低。

(2)對(duì)中間按鈕的設(shè)計(jì)要求比較高，需要有高度的設(shè)計(jì)美感，否則顯得不協(xié)調(diào)。

應(yīng)用案例：

點(diǎn)聚式導(dǎo)航

優(yōu)點(diǎn)

(1)流暢的動(dòng)畫(huà)使展示方式顯得更加有趣。

(2)節(jié)省空間，避免了標(biāo)簽導(dǎo)航占用空間大的問(wèn)題。

(3)具有更強(qiáng)的引導(dǎo)性，避免了抽屜導(dǎo)航引導(dǎo)性不足的問(wèn)題。

缺點(diǎn)

(1)隱藏了框架中的入口內(nèi)容。

(2)對(duì)入口交互的功能可見(jiàn)性要求高。

應(yīng)用案例：

抽屜式導(dǎo)航

優(yōu)點(diǎn)

(1)節(jié)省了頁(yè)面展示空間。

(2)擴(kuò)展性好，可以放置多個(gè)入口。而標(biāo)簽導(dǎo)航最多放置5個(gè)入口。

缺點(diǎn)

(1)左上角的小按鈕具有隱蔽性，若第一次打開(kāi)時(shí)不進(jìn)行引導(dǎo)，用戶(hù)可能會(huì)忽略這個(gè)入口。

(2)對(duì)入口交互的功能可見(jiàn)性要求高。

(2)左上角的小按鈕不適合大屏幕手機(jī)單手操作。

應(yīng)用案例：

猜你喜歡：

如何更好地設(shè)計(jì)APP界面中的圖像元素？

2021年UI設(shè)計(jì)發(fā)展新趨勢(shì)，你Get到了嗎？

設(shè)計(jì)原則有哪些？盤(pán)點(diǎn)那些深入人心的設(shè)計(jì)原則

傳智教育ui設(shè)計(jì)師課程