幾種典型的 iOS 應(yīng)用界面的交互框架各自的優(yōu)缺點(diǎn)是什么?

2 評(píng)論 8449 瀏覽 20 收藏 6 分鐘

小編按:優(yōu)秀的交互框架不僅僅可以讓用戶(hù)清晰地了解應(yīng)用的功能和內(nèi)容組織,還可以讓用戶(hù)更快更好的完成操作任務(wù)和信息查找。?iOS 應(yīng)用界面的交互框架又有哪些?其優(yōu)缺點(diǎn)又是如何?一起來(lái)了解下…

幾種典型的 iOS 應(yīng)用界面的交互框架各自的優(yōu)缺點(diǎn)是什么?

1. 以 Path、Facebook 為代表的「左側(cè)隱藏菜單抽屜式」;

2. 以 Instagram、微信、微博等為代表的「底部標(biāo)簽式」;

3. 以 Vine 為代表的「頂欄下拉菜單式」;

以上幾種交互框架各自的優(yōu)點(diǎn)和缺陷是什么?應(yīng)用如何根據(jù)需要選擇合適的交互框架?

以下為知乎作者@獾源提供的回答:

標(biāo)簽式?/ Tab Menu

2

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

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

2、輕松在各入口間頻繁跳轉(zhuǎn)且不會(huì)迷失方向

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

缺點(diǎn):

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

3

 跳板式 / Springborad

4

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

1、清晰展現(xiàn)各入口

2、容易記住各入口位置,方便快速找到

缺點(diǎn):

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

2、容易形成更深的路徑

3、不能直接展現(xiàn)入口內(nèi)容

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

5

列表式?/ List Menu

6

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

1、層次展示清晰

2、可展示內(nèi)容較長(zhǎng)的標(biāo)題

3、可展示標(biāo)題的次級(jí)內(nèi)容

缺點(diǎn):

1、同級(jí)內(nèi)容過(guò)多時(shí),用戶(hù)瀏覽容易產(chǎn)生疲勞

2、排版靈活性不是很高

3、只能通過(guò)排列順序、顏色來(lái)區(qū)分各入口重要程度

7

旋轉(zhuǎn)木馬?/ Carousel

8

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

1、單頁(yè)面內(nèi)容整體性強(qiáng)

2、線(xiàn)性的瀏覽方式有順暢感、方向感

缺點(diǎn):

1、不適合展示過(guò)多頁(yè)面

2、不能跳躍性地查看間隔的頁(yè)面,只能按順序查看相鄰的頁(yè)面

3、由于各頁(yè)面內(nèi)容結(jié)構(gòu)相似,容易忽略后面的內(nèi)容

9

抽屜式?/ Drawer

10

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

1、兼容多種模式

2、擴(kuò)展性好

缺點(diǎn):

1、隱藏框架中其他入口

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

3、對(duì)排版要求高

11

點(diǎn)聚式?/ Plus

13

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

1、靈活

2、展示方式有趣

3、使界面更開(kāi)闊

缺點(diǎn):

1、隱藏框架中其他入口

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

14

陳列館式?/ Gallery15

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

1、直觀(guān)展現(xiàn)各項(xiàng)內(nèi)容

2、方便瀏覽經(jīng)常更新的內(nèi)容

缺點(diǎn):

1、不適合展現(xiàn)頂層入口框架

2、容易形成界面內(nèi)容過(guò)多,顯得雜亂

3、設(shè)計(jì)效果容易呆板

16

瀑布式?/ Waterfall

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

1、瀏覽時(shí)產(chǎn)生流暢體驗(yàn)

缺點(diǎn):

1、缺乏對(duì)整體內(nèi)容的體積感,容易發(fā)生空間位置迷失

2、瀏覽一段時(shí)間后,容易產(chǎn)生疲勞感

18

原文作者: 獾源@知乎

本文由人人都是產(chǎn)品經(jīng)理@思靜整理自知乎問(wèn)答,轉(zhuǎn)載請(qǐng)注明并保存本文鏈接!

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

    來(lái)自廣東 回復(fù)