Android平台和iPhone平台虽然都是潜力无限的触屏系统,但是iPhone的设计风格已经成型,设计规范也得到了广泛的认可,Android平台却有很多的不确定因素,可以这样设计,也可以那样设计,没有硬性的规范,也没有顽固的用户习惯。并且由于平台具有开放性和延展性,Android系统不像iPhone,只有480*320一种分辨率、一个home键,而是根据硬件厂商的定制,可以有多种分辨率、可以有全键盘、轨迹球、五个物理按键或没有物理按键。
一、Android和iPhone的异同
1、分辨率
Android手机屏幕大小不一,有480×320, 640×360, 800×480,怎样才能让App自动适应不同的屏幕呢?其实很简单,只需要在res目录下创建不同的layout文件夹,比如layout-640×360,layout-800×480,所有的layout文件在编译之后都会写入R.java里,而系统会根据屏幕的大小自己选择合适的layout进行使用。
iPhone手机则只有480*320的分辨率。
2、硬件特征
Android大部分是电容屏,可带全键盘(G1),有轨迹球,有home键、menu键、拨打键、挂断键、search键、返回键(G3等),也可以没有任何按键(乐phone)。也有LG、MTK出的千元出头的电阻屏的Android手机。用户除了跟软件交互之外还要跟手机交互,比如调出菜单、调出搜索都需要接管默认按键的服务。
iPhone是电容屏,只有单一Home键。
3、触控方式
Android和iPhone都习惯向右划屏后退,向左划屏前进的操作。都是多点触控,可用两个手指完成缩放。不同点在于Android有长按之后弹层的操作,iPhone有向下拖拽刷新的操作。
4、提醒方式
Android和iPhone都有弹层提醒、声音、振动、闪光、气泡数字提醒。Android还有通知区域提醒和轨迹球闪光提醒。
5、产品形态
Android的title区一般很窄,标签栏和工具栏可以在下边,也可以在上边,还没有统一的设计规范,所以这是Android平台让人郁闷的地方。
iPhone的title区很宽,因为title会有操作按钮,同时利用title区域进行操作指引,title的左边经常是返回、编辑、设置之类的,右边经常是新增、撰写、搜索之类的。让用户明确层级之间的关系。
工具栏一般在下面,以图标加文字的方式呈现出来。
6、硬件交互
Android和iPhone都可以通过传感器实现一些交互,比如摇晃手机刷新页面。
二、可否把iPhone的交互逻辑沿用到Android上?
1、title区的操作按钮
这个是可以移植的,虽然用户一开始会觉得比较“苹果”,但是逻辑上是没有问题的。不过作为优秀的设计师,在iPhone上都会设计的比较有风格,在Android上更不会模仿一个别的平台的风格。这么做无非是为了统一设计风格或者一种快速覆盖的过渡方案罢了。我们可以看到,Android上已经有一些软件是采用iPhone上的交互逻辑了,比如Android平台上腾讯微博客户端和开心网客户端:
2、标签栏和工具栏
Android原本的设计思路是由于手机下端有物理按键,所以把标签栏放在软件界面的最上端,操作放在menu里,但是由于一些软件的操作实在是使用的比较频繁,所以不得不拿出来放在下边的工具栏里,上边的标题栏和下边的工具栏同时存在比较占空间,于是又通过整合把tab和bar整合到一起放在最下面,也是可行的,如上图的新浪微博客户端。
当然也有极简化的设计,就是标签栏和工具栏都不要,只要一些操作图标和menu支持,如下图的两个Android平台上的twitter客户端。
三、Android平台上独有的设计
1、软件界面上是否还需要menu?
按键menu和软件界面上的菜单要保持一致。由于已经提供了menu和back按键,很多产品设计人员都在讨论是否Android系统上的产品,界面上是否不再需要提供菜单、返回了。但是我们假设这样几种情况——
①物理按键坏了,menu和back不能按了,是否软件就不能使用了?
②您使用的是Ophone或乐Phone,是否因为没有menu和back,软件就没有菜单了,还是说再开发一个OPhone、乐Phone版本?
③广大的低端用户群体也许根本不认识menu这个词,不给他提供个界面上的“菜单”,他也许一辈子不回去按硬件“menu”
④触控操作和按键操作感觉是很不一样的,手指在触屏上滑动的时候,忽然要移动到物理按键上按一下按键,会不会有种中断操作的感觉?
所以个人意见,界面上的菜单要和按键menu保持一致,提供两个入口。
2、长按操作
Android有一个iPhone不具备的高级功能,就是长按操作。很多快捷操作是隐藏在长按操作里的。当然,个人意见,这个长按操作也是作为第二、第三入口,而不能是某个功能的唯一入口,比如添加书签、新窗口打开、复制粘贴等操作。