几种典型的 iOS 应用界面的交互框架各自的优缺点是什么?

标签: 业界动态 iOS 交互框架 | 发表时间:2014-08-24 16:10 | 作者:思静
出处:http://www.woshipm.com

小编按:优秀的交互框架不仅仅可以让用户清晰地了解应用的功能和内容组织,还可以让用户更快更好的完成操作任务和信息查找。 iOS 应用界面的交互框架又有哪些?其优缺点又是如何?一起来了解下...

185100hp8xfhd4n7gfjy8n

几种典型的 iOS 应用界面的交互框架各自的优缺点是什么?

1. 以 Path、Facebook 为代表的「左侧隐藏菜单抽屉式」;

2. 以 Instagram、微信、微博等为代表的「底部标签式」;

3. 以 Vine 为代表的「顶栏下拉菜单式」;

以上几种交互框架各自的优点和缺陷是什么?应用如何根据需要选择合适的交互框架?

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

标签式  / Tab Menu

2

优点:

1、清楚当前所在的入口位置

2、轻松在各入口间频繁跳转且不会迷失方向

3、直接展现最重要入口的内容信息

缺点:

功能入口过多时,该模式显得笨重不实用

3

 跳板式 / Springborad

4

优点:

1、清晰展现各入口

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

缺点:

1、无法在多入口间灵活跳转,不适合多任务操作

2、容易形成更深的路径

3、不能直接展现入口内容

4、不能显示太多入口次级内容

5

列表式  / List Menu

6

优点:

1、层次展示清晰

2、可展示内容较长的标题

3、可展示标题的次级内容

缺点:

1、同级内容过多时,用户浏览容易产生疲劳

2、排版灵活性不是很高

3、只能通过排列顺序、颜色来区分各入口重要程度

7

旋转木马  / Carousel

8

优点:

1、单页面内容整体性强

2、线性的浏览方式有顺畅感、方向感

缺点:

1、不适合展示过多页面

2、不能跳跃性地查看间隔的页面,只能按顺序查看相邻的页面

3、由于各页面内容结构相似,容易忽略后面的内容

9

抽屉式  / Drawer

10

优点:

1、兼容多种模式

2、扩展性好

缺点:

1、隐藏框架中其他入口

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

3、对排版要求高

11

点聚式  / Plus

13

优点:

1、灵活

2、展示方式有趣

3、使界面更开阔

缺点:

1、隐藏框架中其他入口

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

14

陈列馆式  / Gallery 15

优点:

1、直观展现各项内容

2、方便浏览经常更新的内容

缺点:

1、不适合展现顶层入口框架

2、容易形成界面内容过多,显得杂乱

3、设计效果容易呆板

16

瀑布式  / Waterfall

优点:

1、浏览时产生流畅体验

缺点:

1、缺乏对整体内容的体积感,容易发生空间位置迷失

2、浏览一段时间后,容易产生疲劳感

18

原文作者: 獾源@知乎

本文由人人都是产品经理@思静整理自 知乎问答,转载请注明并保存本文链接!


(关注更多人人都是产品经理观点,参与微信互动(微信搜索“人人都是产品经理”或“woshipm”)

相关 [ios 应用 界面] 推荐:

送给 iOS 应用 UI 设计者:iOS 界面元素 PSD 素材

- 马克叔叔 - 果迷网
早在 8 月份我们曾给大家推荐过 Jonatan Castro 和 Joshua Geiger 的 OS X Lion 下应用程序 UI 素材文件,无论你是专职 UI 设计师,或是开发人员,或只是突发奇想,都可以使用这些制作精美的、专业水准的素材构建自己心目中的软件界面. 今天我们再给你带来 Teehan+Lax 制作的 iOS 系列的界面素材 PSD 文件,前边的是iPhone 4S 以及 iOS 5 的图形界面素材,后边的是旧版本 iOS 以及 iPhone、iPad 的素材.

推荐两个iOS应用UI界面分享网站

- - 天涯海阁|Web2.0Share
最近在微博上分享了这两个 iOS上UI的分享网站,很受欢迎. 目前移动互联网越来越受关注,移动互联网的从业者应该对于这类网站会很喜欢,这两个网站是很好的研究iOS应用UI设计的素材,推荐给所有移动互联网从业人员. 一、Patterns of Design. Patterns是一个分享ios应用UI界面的网站,专注于分享iOS应用UI界面的细节,按照设计元素进行分类,按照iOS常用功能对各类UI进行分类展示.

几种典型的 iOS 应用界面的交互框架各自的优缺点是什么?

- - 人人都是产品经理
小编按:优秀的交互框架不仅仅可以让用户清晰地了解应用的功能和内容组织,还可以让用户更快更好的完成操作任务和信息查找.  iOS 应用界面的交互框架又有哪些. 几种典型的 iOS 应用界面的交互框架各自的优缺点是什么?. 以 Path、Facebook 为代表的「左侧隐藏菜单抽屉式」;. 以 Instagram、微信、微博等为代表的「底部标签式」;.

iOS 7用户界面过渡指南

- - 搜狐MUED搜狐MUED - 移动用户体验团队
本文PDF格式文档下载地址: http://vdisk.weibo.com/s/HsGc- 过渡前的准备. 重要:由于iOS7还未最终发布,该文档的部分内容还会继续修改. iOS 7引入了许多用户界面上的改变,比如无边框的按钮,透明操作栏,全屏视图控制器布局. 使用Xcode 5可以创建iOS 7项目,并使用模拟器一窥iOS 7用户界面的变化.

Apple:年度最佳 iOS 应用榜单

- jicknan - 爱范儿 · Beats of Bits
过去的一年堪称苹果的丰收年,革命性的 iPad 和大卖特卖的 iPhone 4 的各种故事贯穿了整个 2010,然而,除去优秀的硬件设计,iOS 的真正竞争力,在于它那恐怖的 30 万应用. 今天,苹果公布了 2010 的最佳 iOS 应用榜单(应该是北美的统计). 1:美国人对于职棒的爱超过了一切,在总榜单上,MLB.com 的免费应用甚至超过了愤怒小鸟.

iOS应用下载“量价齐升”

- ItTalks - 《商业价值》杂志
专注于研究苹果公司的咨询公司Piper Jaffray’s Gene Munster近期发布了一份研究报告. 报告显示,2011年,iOS设备用户正在以更大的热情购买付费应用,而付费iOS应用的价格也普遍得到提升. Piper Jaffray详细监测了自App Store上线以来,包括终端数量、应用下载数量、付费应用数量、免费应用数量、收入等在内的各种数据.

《金融时报》移除iOS应用

- yonghai - Solidot
《金融时报》成为第一家因苹果应用内订阅分成政策而移除iOS应用的世界知名媒体. 金融时报发言人Tom Glover表示,他们是在与苹果友好协商后决定移除应用,表示iTunes对基于广告的应用来说仍然是一个重要渠道. 苹果的新政策要求从应用内内容销售和订阅中提取三成收入. 为了遵循苹果要求,Amazon、Barnes & Noble、Kobo、Google和《华尔街日报》决定从应用内移除购买功能.

官方的 Blogger for iOS 应用发布

- 橙子 - 谷奥——探寻谷歌的奥秘
尽管已经有iOS应用支持直接发布文章到Blogger,但第三方用着就是别扭. 于是今天Google推出了官方的Blogger for iOS应用,支持的功能包括:. 发布和编辑博文,也可保存为草稿. 可直接拍摄照片或选择图片库里的照片发布. 支持iPhone、iPad和iPod touch,需要3.1.3以上版本,内含中文界面.

《MovieCat!》挑战电影达人(iOS应用)

- Leomg - 36氪
我一直都认为自己是一个电影爱好者,自诩电影达人. 但是现在我发现自己其实是一个伪电影爱好者. 我彻底被MovieCat!(电影猫)打败了. 《MovieCat!》是一款电影知识问答类的iOS游戏. 在游戏中,主角是各种造型的猫咪,它出演电影中的各种角色、片段. 在游戏的过程中电影猫会想你提出很多和该电影相关各种问题,让各个玩家挑战自己对电影的熟悉程度.

HTML5能否取代Android和iOS应用?

- - CSS库
大量新生移动设备的兴起,改变了互联网的未来. 在技术的发展上, HTML5会取代App应用吗. 在HTML5规范中,已经加入了相机、磁力罗盘、GPS信息的支持. 很多新兴浏览器也已经开始支持这些新特性. 能否用一个统一的HTML5来替代 android和 ios并行开发的双重成本呢. 以下译自Michael Mahemoff的一篇文章,详细分析了HTML5能否取代Android和iOS应用程序.