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

2 評論 8469 瀏覽 20 收藏 6 分鐘

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

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

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

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

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

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

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

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

2

優(yōu)點:

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

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

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

缺點:

功能入口過多時,該模式顯得笨重不實用

3

 跳板式 / Springborad

4

優(yōu)點:

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

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

缺點:

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

2、容易形成更深的路徑

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

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

5

列表式?/ List Menu

6

優(yōu)點:

1、層次展示清晰

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

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

缺點:

1、同級內(nèi)容過多時,用戶瀏覽容易產(chǎn)生疲勞

2、排版靈活性不是很高

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

7

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

8

優(yōu)點:

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

2、線性的瀏覽方式有順暢感、方向感

缺點:

1、不適合展示過多頁面

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

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

9

抽屜式?/ Drawer

10

優(yōu)點:

1、兼容多種模式

2、擴展性好

缺點:

1、隱藏框架中其他入口

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

3、對排版要求高

11

點聚式?/ Plus

13

優(yōu)點:

1、靈活

2、展示方式有趣

3、使界面更開闊

缺點:

1、隱藏框架中其他入口

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

14

陳列館式?/ Gallery15

優(yōu)點:

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

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

缺點:

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

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

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

16

瀑布式?/ Waterfall

優(yōu)點:

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

缺點:

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

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

18

原文作者: 獾源@知乎

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

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

    來自廣東 回復(fù)