App主界面交互框架一覽

3 評(píng)論 26518 瀏覽 51 收藏 4 分鐘

增哥導(dǎo)讀:掌握常見的APP應(yīng)用界面交互框架,了解他們各自的優(yōu)缺點(diǎn),使用時(shí)才能游刃有余。你還在等什么呢?趕快去學(xué)習(xí)吧。標(biāo)簽式、跳板式、列表式和旋轉(zhuǎn)木馬等在等著你。

1>標(biāo)簽式

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

1、當(dāng)前位置入口清晰?? 2、輕松在各入口間頻繁跳轉(zhuǎn)且不會(huì)迷失方向

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

缺點(diǎn):入口較多時(shí)候,模式笨重。

2>跳板式

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

1、各入口清晰????? 2、快速找到入口位置。

缺點(diǎn):

1、無法在多入口間靈活跳轉(zhuǎn),不適合多任務(wù)操作

2、容易形成更深的路徑??? 3、不能直接展現(xiàn)入口內(nèi)容

4、不能顯示太多入口次級(jí)內(nèi)容

3>列表式

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

1、層次展示清晰????? 2、可展示較長(zhǎng)的標(biāo)題???? 3、可展示次級(jí)內(nèi)容

缺點(diǎn):

1、同級(jí)內(nèi)容過多時(shí),瀏覽體驗(yàn)易產(chǎn)生疲勞??????? 2、排版靈活性不是很高

3、只能通過排列順序、內(nèi)容帥選、顏色來區(qū)分各入口重要程度

4>旋轉(zhuǎn)木馬

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

1、單頁面內(nèi)容整體性強(qiáng)??? 2、左右切換操作流暢

缺點(diǎn):

1、不適合展示過多頁面???2、頁面之間不能跳躍查看???? 3、視覺容易疲勞

5>抽屜式

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

1、兼容多種模式??? 2、擴(kuò)展性好

缺點(diǎn):

1、隱藏其他入口???2、對(duì)入口交互的功能可見性要求高??? 3、對(duì)排版要求高

6>點(diǎn)聚式

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

1、靈活?? 2、展示方式有趣?? 3、界面更開闊

缺點(diǎn):

1、隱藏框架中其他入口?? 2、對(duì)入口交互的功能可見性要求高

7>陳列館式

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

1、直觀展現(xiàn)各項(xiàng)內(nèi)容??? 2、方便瀏覽經(jīng)常更新的內(nèi)容

缺點(diǎn):

1、不適合展現(xiàn)頂層入口框架??? 2、界面內(nèi)容容易過多,顯得雜亂

8>瀑布式

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

1、內(nèi)容顯示明了。

缺點(diǎn):

1、容易發(fā)生空間位置迷失?????2、瀏覽一段時(shí)間后,容易產(chǎn)生疲勞感

作者:留言樂語;轉(zhuǎn)載自:簡(jiǎn)書

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 學(xué)習(xí)了

    來自浙江 回復(fù)
  2. 別逗了,這不是交互框架,只是UI中的Tab Bar的形式罷了,所謂的交互框架是包含了更多內(nèi)容的模型

    來自浙江 回復(fù)