解读iPhone平台的一些优秀设计思路

本文试图从iPhone的角度结合一些iPhone平台项目的设计经验提炼出iPhone平台的一些优秀设计思路,以供大家在做移动互联网设备设计时参考。

1、移动互联网设备和传统手机的区别

在传统手机时代,标准的通话键、挂机键、菜单键是手机的标配,用户被教育成了用键盘来操作数据,于是我们就养成了使用键盘的习惯,经典的案例就是诺基亚主导的时代。

在移动互联网时代,特别是触屏的大规模应用,手机的功能已经发生了转变,对互联网内容的浏览、下载、消费等等成为主要应用场景,触摸屏成为行业趋势,直接对内容进行操作,在屏幕范围内的点击成为主要的操作。绝大部分操作通过直接和内容交互完成,不要让用户通过中间设备间接进行控制。

因此,就可以理解为什么苹果会这么激进,只保留了一个home键,而将其他功能性的操作全部做在了屏幕里面。

在底部的几个按键的处理上(返回、菜单、home、搜索),Android的做法似乎介于传统手机和iPhone两者之间,既保留了传统手机的一些特性,但也在学习iPhone的触屏做法。从苹果遵循极简的设计思路来看,iPhone做得更彻底、更加极致一些。

2、高度直觉化的界面

苹果采用了隐喻等方式来暗示用户这里的操作,目的就是降低用户的学习门槛,使用户第一眼就知道怎么去用iPhone,典型的案例就是锁屏界面的解锁操作,以及缩放照片的操作。

iPhone采用了全触屏的操作方式,绝大部分操作都通过直接触摸完成,仅提供一个home键的实际按键,这种做法配合multi-touch技术,无论是完成一个任务还是体验游戏,操作都最大程度简化了用户的操作路径。

为此,iPhone还提供了各种丰富的手势,基于此,开发者可以创造丰富的操作体验。比如:tweetie 2

3、在需要时给我导航,且告诉我将去向何处

在iPhone平台上,如果应用程序有信息层级关系(比如邮箱>收件箱>邮件),利用title进行导航,导航栏左侧始终是返回按钮,右侧如果有必要,可以放针对内容的操作控件,中间有标题。

对这里的导航按钮来说,始终只有返回上一级的功能,且明确指明上一级的title是什么。

那么,另外一个问题是 如果这里的信息层级太深怎么办?是否需要给出返回首页等按钮或者更长的面包屑路径,这里需要考虑的是怎样减少程序的信息层级而不是一味地去将这里的导航复杂化。

iPhone提倡直接对界面元素进行操作,返回上一级也是如此,无需通过其他物理按键来切换页面,你所需要做的事情就是直接在屏幕上点击。

Navigation Bar

4、稳定的界面结构——tab bar,toolbar的位置

iPhone典型应用的界面结构很稳定,导航栏和页签栏的位置不会因为应用不同而发生变化,用户能形成比较一致的体验。

Android平台在规范性方面不如iPhone,比如:

a)  Andorid对标题的处理方式比较奇怪,有的程序有标题栏,有的地方没有,不符合一致性原则;另外,还存在大小两种尺寸的标题栏。

b)  tab bar的位置。有的应用放在顶部,有的放在底部,体验不一致。

另外,对手持设备来说,关注焦点是从上而下的,tab bar的关注点没有内容那么高,其实只是在需要的时候可以方便地进行切换就足够了,放置于顶部对于手持设备来说操作很不便。

5、一次做一件事情,避免一个按键承载太多的功能

Android的菜单键是一个全局按键,使用频率比较高,根据不同的场景功能又各不相同,用户较难形成一致的体验,系统级的菜单和上下文菜单也容易让用户混淆。

苹果的做法是将菜单里的功能进行分解,重要操作用户可直接操作(如通讯录的添加联系人,iPhone是直接放出来,Android是将其放到菜单里面),其他操作或集中在设置或通过滑动等交互方式进行扩展。(tweetie 2是将针对当前联系人的更多操作通过滑动的操作展示出来)

6、增强用户体验

iPhone在增强用户体验上有很多点值得学习。比如core animation提供了大量优雅的动画可以直接使用,以实现华丽的动画效果。

为什么用动画?

在整个界面转换的过程中,苹果会添加一些动画元素,作用有三:

a)  缓解用户等待的焦躁情绪,如:经典的程序登录界面动画。
b)  暗示用户当前界面的来源。如:有信息层级关系的左右切换动画。

c)  增强用户体验

用什么动画?

界面常用的几种动画:

a)  有信息层级关系的采用左右切换动画。
b)  针对当前视图内容的操作常用的采用model view的从下往上升起的动画。如:写邮件,action sheet。

拟物化设计

除此之外,还有声音元素、透明设计等其他手段以提升用户的使用体验。
(本文出自Tencent CDC Blog,转载时请注明出处)

时间: 2024-09-20 08:10:56

解读iPhone平台的一些优秀设计思路的相关文章

ios:iPhone平台下的游戏开发

在iPhone平台上开发游戏也有一段日子了,相对于windows开发市场的一片混乱,iPhone以及Mac平台上展现出的却是平静有序.我在美留学,学习之余最喜欢做得事情就是坐在我的macbook前开发自己的iPhone游戏,将所有的热情与灵感都投入其中,创作出包含成就的作品,然后拿到我钟爱的App Store出售它.App Store是如此的便捷高效,并且充满了激情与挑战,我总能通过它获得程序的改进方案和一份丰厚的回报. 在iPhone上开发游戏你需要准备很多东西,首先你需要拥有一台漂亮的mac

浅析iPhone平台 三种应用类型的布局方式

在手机这样一个小小的有限的屏幕尺寸里,要使界面保持清晰合理.简洁美观,就涉及到产品"框架布局"的设计问题,我们需要根据不同的产品需求及应用场景来设计合理的界面布局. iPhone平台的标准界面布局为顶部标题栏.中部内容区.底部工具栏/标签栏,设计师们根据不同的应用类型以及不同的使用情境进行着巧妙的布局,其中不乏很多勇于打破常规,精巧合理的布局设计.今天就一起来看看iPhone平台多样化的界面布局方式. iPhone平台有三种类型的应用: 效率型应用(Productivity Appli

【阿里在线技术峰会】李金波:企业大数据平台仓库架构建设思路

本文根据阿里云高级技术专家李金波在首届阿里巴巴在线峰会的<企业大数据平台仓库架构建设思路>的分享整理而成.随着互联网规模不断的扩大,数据也在爆炸式地增长,各种结构化.半结构化.非结构化数据的产生,越来越多的企业开始在大数据平台下进行数据处理.分享中,李金波主要从总体思路.模型设计.数加架构.数据治理四个方面介绍了如何利用大数据平台的特性,构建更贴合大数据应用的数据仓库. 直播视频: (点击图片查看视频) 幻灯片下载:点此进入 以下为整理内容. 总体思路 随着互联网规模不断的扩大,数据也在爆炸式

iPhone平台发布音乐游戏《迈克杰克逊:体验》

育碧近日在iPhone平台发布音乐游戏<迈克杰克逊:体验>,此前该公司相继在XBOX平台.PS3平台推出音乐游戏<迈克杰克逊:生涯>,iPad平台和PSP.wii.NDS平台上推出了<迈克杰克逊:体验>.实现同款游戏多平台体验. 本作由育碧蒙特利尔工作室研发,发行商则由育碧娱乐软件公司担任.作为育碧公司的重点产品,<迈克杰克逊:体验>根据不同平台特性推出了不同的版本,XBOX和PS3都采用体感模式,移动平台则采用独创的音乐节拍模式.给玩家带来新的体验.制作方

iOS版现身 iPhone平台《来电通》试用

iPhone版<来电通>试用要问现在最流行的通讯管理软件是什么,想必Android用户和Symbian用户一定都会回答是来电通.没错,来电通是国内最老牌.最权威的通讯管理软件,也是使用量最大的通讯管理软件之一,拥有强大的通讯管理功能,帮助用户解决了很多用手机打电话和发短信时的问题,如来去电号码的归属地显示和查询.便捷的通讯录管理.强大的防骚扰功能等,深 受用户的好评.最近,来电通登陆iOS平台,拥有来电通这个品牌的UC优视公司为越狱用户放出了iPhone平台下的来电通.而作为已经将手中iPho

7月21日 企业大数据平台仓库架构建设思路直播视频

7月21日 企业大数据平台仓库架构建设思路--李金波(阿里云高级技术专家) 采访:我们该如何做好一个数据仓库? 演讲视频:https://yq.aliyun.com/edu/lesson/119 演讲整理文章:https://yq.aliyun.com/articles/57901 PDF下载:点此进入 现场问答整理:https://yq.aliyun.com/ask/36706/ 更多技术峰会视频资料详见:https://yq.aliyun.com/articles/57826

iPhone平台QQ同步助手1.6发布

QQ同步助手是目前覆盖平台最广的手机联系人备份和恢复软件,支持Android.iPhone.塞班.WP7等10大平台手机互导通讯录,而且永久免费.特别是iPhone平台的QQ同步助手支持,一键清空联系人,大大解决了iPhone无法批量删除联系人的难题.近日,iPhone平台QQ同步助手1.6发布,以全新的UI设计,全面支持ios 5.1,同时推荐用户使用手机号备份联系人. 全新UI设计,更好视觉体验 QQ同步助手1.6的闪屏设计,就如同一本真皮包装的纸质电话薄,配合iPhone4/iPhone4

Beluga的群聊工具,该应用将兼容Android和iPhone平台

三名谷歌前员工开发了一款名为Beluga的群聊工具,该应用将兼容Android和iPhone平台,并且可以通过该公司的网站访问聊天记录.TextPlus.GroupMe.Path和Instagram等群聊服务都已经获得了一定成功,这类服务可以帮助用户与特定类别的好友分享信息,而不是像Facebook和Twitter那样,不加区别地与所有好友交流.Beluga则可以创建类似于群组的"Pod",并对特定Pod内的好友发送文本.图片和表情.该服务可以与手机地址簿相整合,所以无需单独记忆每个人

浅析iPhone平台三种应用类型的布局方式

在手机这样一个小小的有限的屏幕尺寸里,要使界面保持清晰合理.简洁美观,就涉及到产品"框架布局"的设计问题,我们需要根据不同的产品需求及应用场景来设计合理的界面布局. iPhone平台的标准界面布局为顶部标题栏.中部内容区.底部工具栏/标签栏,设计师们根据不同的应用类型以及不同的使用情境进行着巧妙的布局,其中不乏很多勇于打破常规,精巧合理的布局设计.今天就一起来看看iPhone平台多样化的界面布局方式. iPhone平台有三种类型的应用:效率型应用(Productivity Applic