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

相关推荐

  • 英国各大院校交互设计专业的侧重点!

    随着网络和新技术的发展,人们越来越重视交互的体验,许多公司、网站、APP都开始注意到交互设计在品牌的创建、客户回头率、客户满意度等方面的影响,交互设计师也越来越受到重视。因此,许多同学在选择留学时,都会考虑英国的交互设计专业。交互设计专业在英国已经有半个世纪的历史,教学模式是:用心理学发现问题,用数学证明问题,用计算机解决问题。英国交互设计专业分为两个方向:1.Human Computer Interaction(HCI,人机交互设计)...

    2018-04-27
  • 这些走心的用户体验应该多学学

    不仅仅局限于互联网的设计,可能还有服务,线下的设计等。先问一下自己,到底什么是好的用户体验?我认为有以下三点:第一,无需思考,符合本能的设计。(反例,各种需要用户大量动脑的设计)第二,不打扰用户,让用户沉浸的设计。(反例,各种不必要的弹窗提示)第三,温暖的设计,细节打动人心,超出用户的心理预期。(反例,各种冰冷的缺省页面)1.网易云音乐分享提示最近发现了网易云音乐的一个小彩蛋,那就是在播放页当你点了某一首音乐喜欢后,会给你跳出来一个可爱...

    2018-02-01
  • 从2种形式和4种附加价值,来浅谈APP启动页

    当应用程序被用户打开时,在程序启动过程中被用户所看到的过渡页面(或动画)都被我们统称为启动页。为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。
    ——摘自苹果官方对于iOS启动页的设计说明

    2017-05-05
  • 交互设计是什么?好学吗? 交互设计_百科,什么是交互设计?

    交互设计(Interaction Design) 作为一门关注交互体验的新学科在二十世纪八十年代产生了,它由IDEO的一位创始人比尔•莫格里奇在1984年一次设计会议上提出,他一开始给它命名为“软面(Soft Face)”,由于这个名字容易…

    交互设计 2015-01-05
  • 【译文】来看看糟糕的用户体验如何毁掉一个设计

    作者:JAKE ROCHELEAU;译者:岩盐盐盐   谷歌团队近几年的数据研究表明,用户体验的重要性在网页设计中越来越突出。然而现在还是还有好多网站采用中心提示用来阻碍网站的可用性,它们有些疏忽导致,有些确实故意为…

    交互专题 2023-03-03
  • 超实用!3分钟带你掌握11个最常用的交互控件

    之前的一系列文章,为大家介绍了iOS和Android规范中,各种弹出物的用法,罗列如下:

    2017-05-31
  • Adobe XD 中文汉化包 - UI/UX design in Adobe Experience Design

    Adobe XD 中文汉化包 - UI/UX design in Adobe Experience Design

    2016-03-30
  • 2015-2016交互体验趋势

    移动产品篇: 2015年移动应用数量增长依然强劲,但是移动交互体验却在发生着变化。较之去年层出不穷的新颖形式,今年交互体验趋势中,更多的是某一个方面的体验优化与深耕,而较少有创造性的引领者出现。这说明移动…

    2015-04-20
  • 用户体验设计与创新怎么做?首期高端讲座,听世界知名企业用户体验设计总监为你答疑

    4月28日一大早海信学院的阶梯教室就已经满!满!都!是!人你看,现场是这样的还有这样的大家聚精会神,全神贯注地在做什么?原来,咱们首期高端讲座开讲啦!大家都知道,做高质量好产品一直是咱们集团的重点战略在高端讲座的首期,我们就邀请到了世界知名企业用户体验设计总监现任韩国某体验设计公司总裁Yoo老师给大家进行分享三个小时的讲座中,Yoo老师阐明了他对用户体验设计创新的理解他提到,大部分大企业往往就问题而直接解决问题,而忽略了去进行充分调查,...

    2018-05-05
  • UI设计有哪些规范?

    UI设计有哪些规范?可能很多小伙伴都在工作中思考过这个问题,现在作者总结了一些UI的设计规范,给大家做个参考。

    2017-05-22