Android和iOS在交互上差异的小总结

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在交互上的区别还有很多,以上只是个人可以想到的一小部分,用于总结学习。

文章的部分观点来自总结网络文章,仅用于个人总结思考,若有侵权请告知马上删除或修改。如有不足请指出,欢迎补充。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,179评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,229评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,032评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,533评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,531评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,539评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,916评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,813评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,568评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,654评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,354评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,937评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,918评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,152评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,852评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,378评论 2 342

推荐阅读更多精彩内容