• 您当前的位置:首页 > 科技资讯 > 互联网新闻 > 通过微信Android和iOS版看两大系统差异
  • 通过微信Android和iOS版看两大系统差异

    时间:2017-06-06 10:28:00

    来源:woshipm.com

    作者:

    3. 组件风格的差异

    大部分App在组件设计方面都是在iOS和Android版官方组件的基础上做了一点改变。框架结构等都不变。改变的大部分是视觉风格。

    警告框

    iOS版的警告框的文字和按钮都是左右居中对齐,Android版的警告框的文字是左对齐,按钮是右对齐。

    更多操作选择时

    iOS版用的组件是“上滑列表”,用户对功能的进一步选择。Android用的是“操作列表”。

    iOS设计规范里面,如果涉及到多项操作时,多用下滑列表。而Android设计规范多用操作列表

    搜索栏

    iOS规范一般都是直接把搜索栏展示在导航栏下,而Android规范一般都是在导航栏里面(右侧)。

    当然一些大厂App的ios版把搜索放在搜索放在状态栏里面(右侧),Android版把搜索展示在导航栏下。只能说官方推荐只能作为参考,具体看业务需求和用户目标来做设计,例如手机淘宝Android版的用户对搜索过度依赖,如果按照Android官方推荐的搜索标准来,那么对搜索过于弱化,用户使用起来会变得麻烦,从商业上来说也是一种巨大的损坏。

    4. 信息发送按钮不一致

    Android版微信信息发送的按钮放在了工具栏上,ios版微信的信息发送按钮内嵌在键盘上。出现这两个不一致的原因,应该是Android输入法没法做到内部定制。

    总结:如果想快速且详细了解IOS和Android版组件的差异化,可以在sketch上面New From Template 里面找到 iOS UI Design 和Material Design 查看

    5. 导航栏的不一致

    Android版的返回icon,通常用左箭头(中间有一杠)。同时导航栏的标题位于左边箭头之后,标题为当前界面的标题。

    iOS版的返回箭头(中间没有一杠),返回箭头之后为上一级界面的标题。导航栏中间的标题为当前界面的标题。

    6. 返回上一级界面的差异

    除了左上角的返回箭头,Android手机都可以点击虚拟返回键返回上一级界面。

    iOS版App都可以从左边缘向右滑动返回上一级界面,部分App的Android版也做了从左边缘向右滑动返回上一级界面。i

    总结

    做设计,有一个很简单的办法就是先借鉴官方、行业主流的设计,在学习和借鉴的过程中总结分析别人设计背后的逻辑。官方、主流设计已经将用户的认知和使用习惯培养起来了。正如交互之父Alan Cooper所说:如果你找不到更好的设计方案,就按照目前的标准来做,强打差异化有违背用户习惯的,可能这对用户价值是有伤害的。

    这就是为什么我以微信为载体对比iOS和Android两大系统的差异。

    当设计能力到达一定的水平,同时目前市场的解决方案都满足不了现有的业务需求,就可以学会创造,但是在创造过程中最好依据现有标准设计来改变与创造。

    作者:UX,华为ITUX交互组组长 微信公众号:UXED

    文章作者系 @UX 未经许可,禁止转载。

    关键词:
    最近更新