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

相关推荐

  • 认知设计论:关于认知最全面的一篇

    所谓的成长就是认知升级。——傅盛

    2017-05-03
  • 设计思考模式(一):删除、组织、隐藏、附加

    “删除每个页面上一半的文字,然后把剩下的文字再去掉一半。”(《Don’t make me think》中Krug可用性第三定律)“先假定所有内容都是视觉噪音,除非你证明它们不是。”(《Don’t make me think》)“点击多少次都没关系,只要每次点击都是无须思考,明确无误的选择。”(《Don’t make me think》中Krug可用性第二定律》)

    2017-06-03
  • 提问:用户体验设计师、UI设计师和交互设计师有什么区别?

    在知乎上看到有人提问:“用户体验设计师、UI 设计师和交互设计师有什么区别?”因为他发现有公司同时有以上 3 种或两种职位,不知道具体区别是在什么地方。薛天禄给出的回答很赞,如果你也不清楚这三者之间的区别,…

    交互设计 2015-01-07
  • Facebook 改变「点赞」背后的故事

    Facebook 在上段时间做出了一个改变,堪称是最近科技界的最重磅的新闻之一,那就是他们改变了自己实施已达 7 年的「赞」的功能,增加了 5 种新的回复选择。从某种程度上说,这是 Facebook 近几年在自身产品设计上迈…

    IxD案例 2016-03-03
  • 几乎是最完美的用户体验模型—CUBI

    【导读】我们都希望能做出引人注目的创意项目——能解决业务问题,同时通过有意义、有价值的体验吸引用户的项目。然而,紧缩的预算以及紧张的时间安排,都给创造真正新颖的设计、确定设计流程中的遗漏,以及充分考虑…

    交互设计 2015-04-24
  • Axure遇见大数据

    本期介绍数据可视化工具:Echarts工具地址:http://echarts.baidu.com/examples/Echarts图表适用于哪些大数据可视化场景体重分析访问来源分析下载统计指标分析公交线路分析Echarts图表可满足哪些实际需求和交互效果满足需求:支持对图表标题修改支持对图表数据进行修改支持对图表数据进行可视化调整支持代码的获取支持图表的高清原图下载基础交互:点击主题色块,切换主题配色点击色块,可打开或关闭开关数据展示项...

    2018-04-06
  • 聊聊交互新人容易犯的七个错误

    新手们在学习交互设计时永恒的问题

    2016-07-21
  • 国家地理:创新设计世界地图APP-炫酷、叼、高度还原设计方案。

    本文首发在iamue.com(我是UE网) 头条号同步发布 来看一看别人家的UEUi 国家地理做了一个世界地图app,动效狂拽酷炫叼炸天。关键是app线上高度还原了设计的动画效果,而且非常流畅。一起来欣赏一下吧 然后默默的收…

    2015-06-25
  • 设计方法论:一种统一图标大小的方法

    最近在整理设计稿中出现的图标,整理除了汇总之外,还需要重新调整一下图标的大小,使他们看起来“差不多大”。调了很久,也咨询了一些设计师朋友,最后在谷歌的Material Design找到了一种规定的方式,特此来记录一下。需要注意的是,方法有很多,这只是提供一种可行的方法,可供参考,有什么问题可以留言讨论。

    2017-05-18
  • 对于交互、视觉设计师来说,至少要了解的产品知识

    之前在设计体系规划里面有提到过,产品常识也是我们需要了解的内容,其中产品定位就是最基础,也是最重要的一个概念,因为项目后期的所有工作都是围绕产品定位所展开的。比如还是上面那个例子,使用人群是单身男女,我们将使用人群细分为:18-25岁、25-35岁、35-45岁和45岁以上的单身男女。最后将目标用户定为25-35岁的单身男女,当然为什么选取这部分人群需要一些理由,比如这部分群体的经济比较独立,年龄更适合步入婚姻的殿堂等等。比如我们的主要功能是即时通讯,那即时通讯会分为很多使用场景,比如上下班的路上、睡觉前,起床后等等。比如产品的特色是“更容易约会成功”,那为了达成这个大的产品目标,我们需要细化,将其分解成多个小的用户目标,如快速看到周围单身异性的信息状态、快速了解周围哪些异性对自己有兴趣等等。

    2017-05-09