iOS平台产品分析——电话

iPhone自带APP电话作为苹果公司自己设计研发的产品,是iOS设计规范很具代表性的作品,所以从各个角度对电话此APP进行分析。
主要从以下几点方面进行分析:
1,页面布局分析
2,页面架构分析
3,设计模式分析
4,设计优缺点分析

1,页面布局分析
从下图可以看出电话APP的页面布局是严格按照iOS设计规范进行设计的,整个页面分为3个部分:导航栏(页眉)、标签栏(页脚)、页面主体。

页面布局

2,页面架构分析
分析电话APP的页面架构,如下图所示:


页面架构

3,设计模式分析
从页面架构可以看出,内容相对较多,所以电话采用的也是多种导航相互配合的设计模式。用到的导航模式有:标签导航、分段式导航、列表式导航;用到的列表形式有:标准模式的垂直列表、控制模式的垂直列表。

  1. 一级导航-标签导航
    从页面架构可以看出,对于电话来说,个人收藏、最近通话、通讯录、拨号键盘、语音留言是五个主要功能点。他们相互独立,并且切换较为频繁,所以电话的一级导航采用的是标签导航。
  2. 二级导航-分段式导航
    从页面架构可以看出,在最近通话这个功能页面里,所有通话和未接来电是同一级别并列的功能,使用分段式导航体积小巧又便于用户进行选择切换。
  3. 二级导航-列表式导航
    对于收藏列表、通话列表、语音留言列表这些列表而言,内容是会随着用户使用而不断增加的,所以使用列表形式展示用于导航可以使界面更加精简,清晰干净,便于用户选择操作。
分段式导航与列表式导航

4,设计优缺点分析
用户使用电话的主要目的是可以快速进行拨打电话,而用户可以通过个人收藏、最近通话、通讯录、拨号键盘、语音留言这几个功能来实现这个目标,所以采用标签式导航作为一级导航非常方便操作,虽然标签式导航占用空间较大,但是现在大多是大屏手机,影响相对较小,如果是小屏手机的话,会明显感觉内容展示空间太小。
APP内多个页面的二级导航采用的是列表式导航,对于简单的列表,页面简洁清晰,易于理解,展示内容条目多,但是没有实质性内容;稍复杂的列表,页面相对繁杂,展示内容条目少,但是内容详细,方便操作。
分段式导航:主要用于并列的内容,导航占用空间少,而且操作简单,相比较于其他导航,可展示的条目太少。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,678评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 当阳明板听歌舞,羊角吹来离别雨。 廿载红尘容易过,唯有黄昏倚桂树。 月里蟾宫抱玉兔,庭前响落吴刚斧。 人间多少悲欢...
    江寒RiversFrigid阅读 1,173评论 2 0
  • 死在一个女人手里,一个不值得的女人手里…我也觉得自己太傻了。 已经看得很清楚了,他不爱我了,他不好,他什么都不好…...
    把幸福搞丢了阅读 125评论 0 0
  • 我身边有一朋友,90后,年轻的心总是不甘于安分,所以她喜欢尝试很多新鲜事情,这本来也是件好事,因为年轻,所以做什么...
    up咆哮姐阅读 257评论 1 1