人
已閱讀
已閱讀
APP開發(fā)常見的幾種導(dǎo)航模式區(qū)別
來源:lexintech.com ?? ?? 發(fā)布時(shí)間:2017-12-07
APP的導(dǎo)航設(shè)計(jì)是APP主體結(jié)構(gòu)的體現(xiàn),比較常見的一些導(dǎo)航模式有底部標(biāo)簽式、抽屜式、列表式、跳板式、旋轉(zhuǎn)木馬式、點(diǎn)聚式、瀑布式等。每種導(dǎo)航模式各有特點(diǎn),在APP開發(fā)時(shí)選擇何種導(dǎo)航模式,具體得根據(jù)APP的本身的類型和特性來選擇。下面我們簡(jiǎn)單講一下各種導(dǎo)航模式的優(yōu)缺點(diǎn),提供給大家在選擇導(dǎo)航模式時(shí)做為參考。
一、底部標(biāo)簽式(如微博、微信等APP)
優(yōu)點(diǎn):
1、清楚當(dāng)前所在的入口位置
2、輕松在各入口間頻繁跳轉(zhuǎn)且不會(huì)迷失方向
3、直接展現(xiàn)最重要入口的內(nèi)容信息
缺點(diǎn):
功能入口過多時(shí),該模式顯得笨重不實(shí)用
二、抽屜式 / Drawer (側(cè)滑菜單式)
優(yōu)點(diǎn):
1、兼容多種模式
2、擴(kuò)展性好
缺點(diǎn):
1、隱藏框架中其他入口
2、對(duì)入口交互的功能可見性(affordance)要求高
3、對(duì)排版要求高
三、列表式 / List Menu
優(yōu)點(diǎn):
1、層次展示清晰
2、可展示內(nèi)容較長(zhǎng)的標(biāo)題
3、可展示標(biāo)題的次級(jí)內(nèi)容
缺點(diǎn):
1、同級(jí)內(nèi)容過多時(shí),用戶瀏覽容易產(chǎn)生疲勞
2、排版靈活性不是很高
3、只能通過排列順序、顏色來區(qū)分各入口重要程度
四、跳板式 / Springborad
優(yōu)點(diǎn):
1、清晰展現(xiàn)各入口
2、容易記住各入口位置,方便快速找到
缺點(diǎn):
1、無法在多入口間靈活跳轉(zhuǎn),不適合多任務(wù)操作
2、容易形成更深的路徑
3、不能直接展現(xiàn)入口內(nèi)容
4、不能顯示太多入口次級(jí)內(nèi)容
五、旋轉(zhuǎn)木馬 / Carousel
優(yōu)點(diǎn):
1、單頁面內(nèi)容整體性強(qiáng)
2、線性的瀏覽方式有順暢感、方向感
缺點(diǎn):
1、不適合展示過多頁面
2、不能跳躍性地查看間隔的頁面,只能按順序查看相鄰的頁面
3、由于各頁面內(nèi)容結(jié)構(gòu)相似,容易忽略后面的內(nèi)容
六、點(diǎn)聚式 / Plus
優(yōu)點(diǎn):
1、靈活
2、展示方式有趣
3、使界面更開闊
缺點(diǎn):
1、隱藏框架中其他入口
2、對(duì)入口交互的功能可見性(affordance)要求高
七、瀑布式 / Waterfall
優(yōu)點(diǎn):
1、瀏覽時(shí)產(chǎn)生流暢體驗(yàn)
缺點(diǎn):
1、缺乏對(duì)整體內(nèi)容的體積感,容易發(fā)生空間位置迷失
2、瀏覽一段時(shí)間后,容易產(chǎn)生疲勞感
以上就是APP開發(fā)中各種常見導(dǎo)航模式的優(yōu)缺點(diǎn),產(chǎn)品設(shè)計(jì)師們根據(jù)不同的APP選擇合適的導(dǎo)航模式。