iPhone自带APP电话作为苹果公司自己设计研发的产品,是iOS设计规范很具代表性的作品,所以从各个角度对电话此APP进行分析。
主要从以下几点方面进行分析:
1,页面布局分析
2,页面架构分析
3,设计模式分析
4,设计优缺点分析
1,页面布局分析
从下图可以看出电话APP的页面布局是严格按照iOS设计规范进行设计的,整个页面分为3个部分:导航栏(页眉)、标签栏(页脚)、页面主体。
2,页面架构分析
分析电话APP的页面架构,如下图所示:
3,设计模式分析
从页面架构可以看出,内容相对较多,所以电话采用的也是多种导航相互配合的设计模式。用到的导航模式有:标签导航、分段式导航、列表式导航;用到的列表形式有:标准模式的垂直列表、控制模式的垂直列表。
- 一级导航-标签导航
从页面架构可以看出,对于电话来说,个人收藏、最近通话、通讯录、拨号键盘、语音留言是五个主要功能点。他们相互独立,并且切换较为频繁,所以电话的一级导航采用的是标签导航。 - 二级导航-分段式导航
从页面架构可以看出,在最近通话这个功能页面里,所有通话和未接来电是同一级别并列的功能,使用分段式导航体积小巧又便于用户进行选择切换。 - 二级导航-列表式导航
对于收藏列表、通话列表、语音留言列表这些列表而言,内容是会随着用户使用而不断增加的,所以使用列表形式展示用于导航可以使界面更加精简,清晰干净,便于用户选择操作。
4,设计优缺点分析
用户使用电话的主要目的是可以快速进行拨打电话,而用户可以通过个人收藏、最近通话、通讯录、拨号键盘、语音留言这几个功能来实现这个目标,所以采用标签式导航作为一级导航非常方便操作,虽然标签式导航占用空间较大,但是现在大多是大屏手机,影响相对较小,如果是小屏手机的话,会明显感觉内容展示空间太小。
APP内多个页面的二级导航采用的是列表式导航,对于简单的列表,页面简洁清晰,易于理解,展示内容条目多,但是没有实质性内容;稍复杂的列表,页面相对繁杂,展示内容条目少,但是内容详细,方便操作。
分段式导航:主要用于并列的内容,导航占用空间少,而且操作简单,相比较于其他导航,可展示的条目太少。