教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

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

更新時間:2021年04月02日14時12分 來源:傳智教育 瀏覽次數(shù):

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

標簽式導航

優(yōu)點

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

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

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

缺點

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

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

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

應(yīng)用案例：

標簽式導航

舵式導航

優(yōu)點

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

(2)較大限度地引導用戶進行操作。

缺點

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

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

應(yīng)用案例：

舵式導航


點聚式導航

優(yōu)點

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

(2)節(jié)省空間，避免了標簽導航占用空間大的問題。

(3)具有更強的引導性，避免了抽屜導航引導性不足的問題。

缺點

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

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

應(yīng)用案例：

點聚式導航
點聚式導航


抽屜式導航

優(yōu)點

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

(2)擴展性好，可以放置多個入口。而標簽導航最多放置5個入口。

缺點

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

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

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

應(yīng)用案例：

抽屜式導航


猜你喜歡：

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

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

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

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

0 分享到：
和我們在線交談！