幾種典型的 iOS 應(yīng)用界面的交互框架各自的優(yōu)缺點(diǎn)是什么?
小編按:優(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 優(yōu)點(diǎn): 1、清楚當(dāng)前所在的入口位置 2、輕松在各入口間頻繁跳轉(zhuǎn)且不會(huì)迷失方向 3、直接展現(xiàn)最重要入口的內(nèi)容信息 缺點(diǎn): 功能入口過(guò)多時(shí),該模式顯得笨重不實(shí)用 跳板式 / Springborad 優(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)容 列表式?/ 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)容過(guò)多時(shí),用戶(hù)瀏覽容易產(chǎn)生疲勞 2、排版靈活性不是很高 3、只能通過(guò)排列順序、顏色來(lái)區(qū)分各入口重要程度 旋轉(zhuǎn)木馬?/ Carousel 優(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)容 抽屜式?/ Drawer 優(yōu)點(diǎn): 1、兼容多種模式 2、擴(kuò)展性好 缺點(diǎn): 1、隱藏框架中其他入口 2、對(duì)入口交互的功能可見(jiàn)性(affordance)要求高 3、對(duì)排版要求高 點(diǎn)聚式?/ Plus 優(yōu)點(diǎn): 1、靈活 2、展示方式有趣 3、使界面更開(kāi)闊 缺點(diǎn): 1、隱藏框架中其他入口 2、對(duì)入口交互的功能可見(jiàn)性(affordance)要求高 優(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ì)效果容易呆板 瀑布式?/ Waterfall 優(yōu)點(diǎn): 1、瀏覽時(shí)產(chǎn)生流暢體驗(yàn) 缺點(diǎn): 1、缺乏對(duì)整體內(nèi)容的體積感,容易發(fā)生空間位置迷失 2、瀏覽一段時(shí)間后,容易產(chǎn)生疲勞感 原文作者: 獾源@知乎 本文由人人都是產(chǎn)品經(jīng)理@思靜整理自知乎問(wèn)答,轉(zhuǎn)載請(qǐng)注明并保存本文鏈接!
mark