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-20
  • App加载动画知识体系:交互、视觉都需要掌握!

    我大胆预测了一下,以后App的加载动画都应该遵循越来越简洁的设计原则,突出内容,去掉无用的、过渡的形式设计。也许无文字提示的加载动画确实是一个流行趋势!

    2017-05-12
  • 升级篇|上传作品,咱要包装一下

    上期简单地介绍了几点包装的技巧,这期再分享一波,接着上期,再深入的讨论一下关于包装的技巧。

    2017-04-29
  • 交互设计师如何设计复杂信息架构产品

    最近忙于一个技术平台类项目,信息架构非常复杂,所以想写一些关于设计复杂信息架构产品的想法和经验。 我们做产品设计的设计师日常工作粗略分一下,可以分为两类,一类是ToC产品,面向消费者的产品,一类是ToB产品…

    2015-04-06
  • 超实用!聊聊标签式导航的设计思路(附设计师做笔记方法)

    现在文章基本上都不深入,只是点到某个知识,跟大家说个理论的东西,然后罗列出所有导航的形式。读者看了之后跟没看是一样的,遇到问题还是没法解决,只知道有这类导航存在而已。今天这篇详细地讲了关于标签类导航的几个知识点,希望可以帮助大家在工作中更好的运用。

    2017-05-21
  • 为什么蓝色会成为UI设计中最常用的色彩?

    蓝色依然是一种安全的色彩,当你的产品或者网站契合蓝色的气质的时候,不妨选择它,但是始终记住一点:选择适合自己的产品的色彩,才是正确的选择。

    2017-06-08
  • Axure优雅装逼指南:开启原型高颜值形态

    作者寄语 / 一直想写的Axure小技巧分享,终于动手写了。望能对亲有所帮助,文笔粗糙请谅解。内容目录:啥是高保真原型?简单说明原型Axure可以画出什么水准的高保真?给示例,开启装逼模式特殊的技巧:核心内功:目标清晰/理解设计规范画图习惯:像素对齐/用浅色/上素材啥时候上高保真?:适用场景 and 不适用场景啥是高保真原型?啥是原型,从事互联网研发体系的同学,肯定非常熟悉,特别是产品岗同学。如果不是,那如下简单讲原型和高保真原型的:原...

    2018-04-28
  • 设计的组件化

    我们在设计一个系统的时候会不可避免的与各个不同的角色互动:不同的设计师、不同的前端工程师,这其中不可避免的会出现大量的沟通和协作问题,如何在这类多角色互动中提高效率,降低沟通损耗就不可避免的成为一个…

    交互设计 2016-06-16
  • 【译文】用户体验部门的领导者需要读什么?

    Ivan Boyko的观点 其实有大量的书单可以让我们使用,但是这里我只推荐2个博客和2本书 Blog 1. NNgroup ,我最喜欢的博客。 Writing for Web series这篇文章是必读的。除此之外,他还有大量的资料:手机可用性研究,…

    2016-08-04
  • 如果你即将面试交互设计,可以看看这篇文章

    从今年年初开始面试到现在,大大小小的面试也经历了十几场吧。之前苦于交互设计没有面试的题库,所以一路下来自己都有留心收集一些面试题,今天就来做个汇总。 本来交互设计也是设计类,设计类的面试只要看作品说话…

    2016-04-13