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

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

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

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

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

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

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

缺點(diǎn)

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

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

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

應(yīng)用案例：

舵式導(dǎo)航

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

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

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

缺點(diǎn)

(1)中間按鈕極其顯眼，周圍的兩個按鈕單擊率較低。

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

應(yīng)用案例：

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

優(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)對入口交互的功能可見性要求高。

應(yīng)用案例：

抽屜式導(dǎo)航

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

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

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

缺點(diǎn)

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

(2)對入口交互的功能可見性要求高。

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

應(yīng)用案例：

猜你喜歡：

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

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

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

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