Android和iOS在交互上差异的小总结
1.返回
Android是有物理返回按钮的,点击返回按钮,控制的不光是一个页面,而是包括了上一步操作。比如说:进入页面A,点击文本框弹出键盘。那么点击返回按键就是收起键盘。所以,android的返回逻辑是按照倒叙的时间流进行的,返回控制的不仅是页面,还有动作。
Android导航是应用内和系统的双向导航。航栏标题前的一个小箭头,点击这个小箭头,可以回到该页面的上一层级,如:当上一个查看的界面是当前界面的父层级时,点击“返回”按键和点击“向上”按键的结果是一样的。然而,“向上”图标可以确保用户停留在应用程序中,而“返回”物理按键可以让用户回到系统首页,甚至会回到另一个应用户程序。
iOS没有实体返回键,所有返回都是通过导航栏的back按钮返回。iOS系统应用内的导航与系统导航分隔开,返回控制的是应用的页面,应用内一般无[退出]选项,通过home按键返回到主屏界面及退出应用。
2. Android有menu键,点击后调出menu菜单,iOS没有
3,iOS10,iPhone6s之后3d touch带来的交互上的改变,在iOS10人机交互指南的第二章节中专门有介绍。例如:
(1)3D Touch 为触碰式交互增加了一个维度。在支持3D Touch的设备的主屏按压应用图标会触发相应的操作视图。该视图让你能够快速地执行常用的应用任务和预览有趣的信息。
(2)轻压(Peek)和重压(Pop)
4, 布局:iOS有很多控件都是现成的,并且系统版本比较少。安卓系统的基本都是自定义控件,不同版本不同手机会造成交互效果的很大不同。
由于众多的手机型号,公司没有统一的规范,很多设计师是以iOS为主要参考做的,Android端就会根据设计稿做一些自定义的布局,这样导致iOS和Android的交互和设计互相使用。
列举几个:
(1)应用的通知处理不一致,iOS有图标右上角的小红圈(徽标Badge),搜索屏幕和主屏幕的窗口控件(widget);Android为statuesbar中的滚动显示。
(2)Tabs和Segment Controls
Tabs来自Android规范,早在Android 2.0时代,官方的通讯录App就使用顶部Tab导航,之前Android 4.0规范和最新的Material Design都将Tabs作为推荐的导航形式。而Segment Controls则来源于iOS规范。
(3)提示反馈。Android的Toast和iOS的HUD。我在之前的日志《iOS和Android规范解析:提示框(Toast)对比》中总结过。
HUD出现在屏幕的中央,Toast在底部;
HUD可以由icon,Toast不能有icon,只能用文字;
HUD一般是毛玻璃透明,Toast一般是灰黑或者黑色半透明;
HUD中内容可以变化(如调节音量时),Toast中内容不可变化
5,(来自知乎)标题位置
标题的位置是最基础的一个,Android靠左,iOS 居中。
这个是最基础的一个交互差异,但是也不是每家公司都在遵守。正面的例子,微信和淘宝,在Android设备上做了靠左的设计。但是仍然有例外,比如下面的例子(也是大厂):
然而,即使是微信和淘宝都遵守着的Android的设计规范,还是被大部分Android厂商自身系统UI抛弃。这也是安卓UI比较尴尬的地方:一方面安卓设计规范一直在不断大改,一方面各个厂商“致敬”iOS风气浓重,这也间接导致很多设计师干脆照搬了iOS的交互。
6,(来自知乎)右滑和长按
Android 对列表操作栏的处理为长按,iOS为左滑。
这个交互其实是大家比较熟悉的一个,目前比较成熟的产品基本也会遵守这个交互习惯,这已经属于不遵守就会让用户很别扭的细节。现在2017.1.14的情况是Android端微信是长按,QQ是左滑。
7,(来自知乎)消息开关设计
对于iOS系统而言,push是否能够发到主要取决于系统级的开关,而对于Android系统而言,push到达设备主要取决于各家是否能够保活。所以对于iOS而言,消息开关需要强调系统级的开关,而对于Android则可以直接打开或者关闭。如微信的设计:
当然对于微信这种大厂而言,不太需要在乎消息开关打开率,如果再进一步考虑消息开关的打开情况的话,则可以对于开关做进一步处理:打开消息情况不做直接关闭引导,关闭情况则引导用户打开设置。比如当时重构功能时候我给的方案:
8,(来自知乎)多筛选交互
对于地址选择,iOS一般使用系统交互的滚筒控件,但是部分Android APP也用这个交互,则是不对的。对于Android交互而言,一般是用列表选择代替滚筒的设计。对于这点,有问题的APP倒还有一些。我们还是看一下淘宝的选择地址时的设计(请忽略淘宝这个贴边的按钮设计):
9,(来自知乎)搜索框交互
关于搜索框,也是有标准交互的。
Android交互为:返回,搜索框,搜索按钮。iOS交互为:搜索框,取消。如下可见(京东):
当然,也有反面的例子(某新闻客户端):
为什么要这么做呢?其实也是iOS和Android的系统决定的。对于iOS而言,系统搜索框本就是这样设计,而且在搜索模式下,底部确认按钮可以变为搜索按钮,这符合iOS用户的习惯操作。而对于Android系统而言,底部没有搜索按钮,虽然回车是可以起到相同的作用,但是对于用户而言,顶部没有搜索按钮还是会造成误解。(如下:为搜索调起时候我的手机键盘)
iOS和Android在交互上的区别还有很多,以上只是个人可以想到的一小部分,用于总结学习。
iOS和Android在交互上的区别还有很多,以上只是个人可以想到的一小部分,用于总结学习。
文章的部分观点来自总结网络文章,仅用于个人总结思考,若有侵权请告知马上删除或修改。如有不足请指出,欢迎补充。