Android VS iOS:多数PM忽视的5个交互设计

本文简单介绍了5个Android和iOS设计不同的地方,可以说大部分PM都可能会忽视这些细节。不是大盘点,只是作为思考的引子。


本文简单介绍了5个Android和iOS设计不同的地方,可以说大部分PM都可能会忽视这些细节。不是大盘点,只是作为思考的引子。

Android VS iOS:多数PM忽视的5个交互设计

相信大部分产品经理使用的都是iOS设备,对Android设备的交互总是很不习惯,所以在做设计的时候,有的时候就会忽略Android和iOS的设计差异,而执意按照自己的使用习惯进行设计。

其实这个问题也是产品经理需要突破自己的地方,作为一个产品经理而不是用户,一定要客观地看待产品设计,而非主观臆想。从产品逻辑触发,而不是从“我觉得”出发,是产品经理进阶的第一步。本文就简单介绍了5个Android和iOS设计不同的地方,可以说大部分PM都可能会忽视这些细节。不是大盘点,只是作为思考的引子。

1. 标题位置

标题的位置是最基础的一个,Android靠左,iOS 居中。

Android VS iOS:多数PM忽视的5个交互设计

Android VS iOS:多数PM忽视的5个交互设计

Android VS iOS:多数PM忽视的5个交互设计

Android VS iOS:多数PM忽视的5个交互设计

这个是最基础的一个交互差异,但是也不是每家公司都在遵守。正面的例子,微信和淘宝,在Android设备上做了靠左的设计。但是仍然有例外,比如下面的例子(也是大厂):

Android VS iOS:多数PM忽视的5个交互设计

然而,即使是微信和淘宝都遵守着的Android的设计规范,还是被大部分Android厂商自身系统UI抛弃。这也是安卓UI比较尴尬的地方:一方面安卓设计规范一直在不断大改,一方面各个厂商“致敬”iOS风气浓重,这也间接导致很多设计师干脆照搬了iOS的交互。

2. 右滑和长按

Android 对列表操作栏的处理为长按,iOS为左滑。

Android VS iOS:多数PM忽视的5个交互设计

Android VS iOS:多数PM忽视的5个交互设计

这个交互其实是大家比较熟悉的一个,目前比较成熟的产品基本也会遵守这个交互习惯,这已经属于不遵守就会让用户很别扭的细节。

3. 消息开关设计

对于iOS系统而言,push是否能够发到主要取决于系统级的开关,而对于Android系统而言,push到达设备主要取决于各家是否能够保活。所以对于iOS而言,消息开关需要强调系统级的开关,而对于Android则可以直接打开或者关闭。如微信的设计:

Android VS iOS:多数PM忽视的5个交互设计

Android VS iOS:多数PM忽视的5个交互设计

当然对于微信这种大厂而言,不太需要在乎消息开关打开率,如果再进一步考虑消息开关的打开情况的话,则可以对于开关做进一步处理:打开消息情况不做直接关闭引导,关闭情况则引导用户打开设置。比如当时重构功能时候我给的方案:

Android VS iOS:多数PM忽视的5个交互设计

Android VS iOS:多数PM忽视的5个交互设计

4. 多筛选交互

对于地址选择,iOS一般使用系统交互的滚筒控件,但是部分Android APP也用这个交互,则是不对的。对于Android交互而言,一般是用列表选择代替滚筒的设计。对于这点,有问题的APP倒还有一些。我们还是看一下淘宝的选择地址时的设计(请忽略淘宝这个贴边的按钮设计):

Android VS iOS:多数PM忽视的5个交互设计

Android VS iOS:多数PM忽视的5个交互设计

5. 搜索框交互

关于搜索框,也是有标准交互的。

Android交互为:返回,搜索框,搜索按钮。iOS交互为:搜索框,取消。如下可见(京东):

Android VS iOS:多数PM忽视的5个交互设计

Android VS iOS:多数PM忽视的5个交互设计

当然,也有反面的例子(某新闻客户端):

Android VS iOS:多数PM忽视的5个交互设计

为什么要这么做呢?其实也是iOS和Android的系统决定的。对于iOS而言,系统搜索框本就是这样设计,而且在搜索模式下,底部确认按钮可以变为搜索按钮,这符合iOS用户的习惯操作。而对于Android系统而言,底部没有搜索按钮,虽然回车是可以起到相同的作用,但是对于用户而言,顶部没有搜索按钮还是会造成误解。(如下:为搜索调起时候我的手机键盘)

Android VS iOS:多数PM忽视的5个交互设计

Android VS iOS:多数PM忽视的5个交互设计

6. 总结

做交互,其实很基础的一个方法就是抄别人。但是很多人在抄的时候,也没有研究透别人设计背后的逻辑,固执于自己的使用产品的习惯,有的时候甚至是造成了很多错误。

多看看别人怎么做,多想想别人为什么这么做。

多思考成熟交互背后的逻辑,不固执于自己的用户习惯,从产品逻辑触发,而不是从“我觉得”出发,这才是产品经理进阶的第一步。

 

本文由 @潘一鸣 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/22051/

(0)
CatherineCatherine
上一篇 2017-04-30 08:04
下一篇 2017-04-30 10:08

相关推荐

  • Interaction Design - Beyond Human-Computer Interaction, 4th Edition 下载 pdf&epub

    “交互设计呈现在交互设计领域的高度需要全面的和当代的视角。第三版再次确立了书作为该领域的基本教材。“

    2016-09-08
  • 这个按钮不简单

    Slack 将保存时的「状态提示」设计在了同一按钮中。Flava 通过按钮的不同状态将「删除」与「确认」两个操作结合在了一起。Arent & Pyke 巧妙的将进度提示设计在了提交按钮中。Fantastical 2 利用了 iOS 的 Switch Button 来对 Event 和 Reminder 两种类型进行切换,并在按钮中加入了相应的图标用以识别。Wifeel 将 iOS 和 Android 版 App 的下载按钮统一设计在了一个按钮中。Tidy 在进行「归档」和「添加至相册」操作时,会在顶部以同色的方式来标识所对应的操作按钮。在 Tumblr 中关注某个用户时,「Follow」按钮会变为当前用户的头像并以一个小动画来作为关注成功的提示。

    2017-06-05
  • 网页设计中,如何突破栅格的限制又保持协调?

    想要打破栅格又保持网页的协调,是有技巧的,并非任何“破格”的设计都是好的。

    2017-05-09
  • 13毫米:触屏按钮的完美尺寸【UXRen译#170】

    作者:Scott Hurff   |  翻译:taitai,校审:天蛙   有种感觉你无以言表但却了然于心——当你在触屏上不能正确操作时,当你不得不小心翼翼地点屏幕上的一个小按钮来触发某个指令时,那种挫败混杂着气恼的滋味。 但假…

    交互专题 2017-08-07
  • 你可能忽略掉的Sketch使用技巧

    Sketch毕竟没有什么学习曲线,颇易上手,相应的也时常导致新手在一开始就忽略掉一些重要的、高频的使用小技巧,而将一些稍许费力耗时的方式一路沿用下去。这篇内容所针对的便是这样的情况。几乎没有进阶的要点,只针对初学的同学培养正确习惯,还望各位老司机们见谅。

    2017-05-03
  • 新手福利!超全面的UI设计切图规范指南

    移动UI设计切图是UI设计师最重要的设计输出物,切图资源输出是否规范直接影响到工程师对设计效果的还原度。设计师的切图输出物是是体现一个设计师专业水准的重要标准,同时也是设计师表达自己对设计态度的最有力的语言。合适、精准的切图可以最大限度的还原设计图,起到事半功倍的效果。如何输出具有全局把控和细节专注的高段位切图,应该是所有设计师一直需要追求的能力。

    2017-05-11
  • 译文|移动体验设计禁忌

    就移动用户体验设计而言,不断地实践是检验其好坏的一条必经之路。在这篇文章中我们聚焦于基础。我们需要去解决的是如何避免打断用户或者强迫用户思考的问题。

    2017-05-20
  • APPLE WATCH案例学习!

    编者按:这篇实战的对象是Wallaby,一款个人财务APP,文章总结了四点经验:导航、通知、复杂任务以及动效。每个方面都有需要注意的问题和对应的解决方法,进入译文 >>> Wallaby是一款个人财务app,可以在…

    2015-05-21
  • 产品经理的UX——移动端的输入操作设计

    UX是User experience的缩写,指用户体验,UX设计指以用户体验为中心的设计。UX Planet (uxplanet.org)上面讨论很多关于移动设计里做好UX的技巧,很多观点都非常具有指导意义。

    2017-05-19
  • H5三个设计方向的自我定位

    如今,移动端H5如雨后春笋般迅速发展花样繁多,无论是宣传产品、内容介绍、新闻推广都会想方设法搞套H5出来。那么如何在众多H5中脱颖而出?如何使手上的资源发挥最大化?如何扬长避短,做出吸睛的H5?都是摆在我们面前的问题。

    2017-05-27