浅论安卓(Android)与苹果(iOS)的交互设计差异

目前移动端的操作系统基本上由安卓(Android)与苹果(iOS)垄断,大部分移动端设计也是针对这两个系统的,今天我们就来分析下这两者的产品设计有哪些不同。

1. 导航方式不一样

iOS的TAB按钮一般放在页面底部,而且不能通过滑动来切换,只能够通过点击来进行页面切换。如下图。

iOS底部TAB按钮通过点击切换

安卓则是滑动与点击均可进行TAB页面的切换,如下图安卓版微信,可通过左右滑动与点击切换页面。

安卓版微信可通过左右滑动或点击切换TAB页

2. 单条item的操作方法不同

在iOS中对单条item的操作有两种,点击和滑动,点击一般进入一个新的页面,滑动会出现对这条item的一些常用操作。这里以微博消息列表item为例。

微博消息列表左滑出现删除按钮

而在安卓系统里要完成同样的操作则需要对单条item进行长按,如下图。

安卓版对列表长按进行其它操作

针对新版安卓QQ,已经出现列表可左右滑动,包括锤子OS也增加了对单条item的左右滑动设计,这里不做特殊说明。包括苹果6s以上设备的3D触控功能。

3. 二级页面导航条区别

iOS:这里以iOS版本的微信朋友圈为例。
  • 返回箭头+父级页面标题;
  • 当下页面标题(居中,可以没有);
  • 重要操作:可一个或多个;
  • 更多操作:横向省略号。
微信朋友圈截图

目前部分IOS软件的更多操作设计也有用竖向省略号的。

安卓:这里以安卓版陌陌聊天窗口为例。
  • 返回箭头+当前页面标题:这个跟iOS的最大区别在于去掉了父级页面的标题;
  • 当下页面标题:居左,与返回箭头有一定间隔;
  • 重要操作:可一个或多个;
  • 更多操作:竖向省略号;
更多操作为竖向省略号

4. 弹出框样式区别

这部分逻辑是统一的,但是细节不一样。一般iOS的文案内容居中,安卓的居左。样式也不大一样。另外,不论安卓还是iOS,按钮都是否定在左,肯定在右,见下图(图侵删)。

安卓与iOS弹框对比

5. 按钮圆角细节

在按钮圆角的设计上,iOS比安卓的更为圆滑,见下图。

IOS按钮
安卓按钮

6. 列表指引

iOS会在单个可点击的列表上加右箭头,提醒有更多内容可供点击,见下图:

注意列表的小箭头

想对与iOS,安卓的设计理念为所有区域均可点击,没有小箭头指示,见下图:

安卓的列表无小箭头

7. 屏幕分辨率不一样

安卓:720X1280或者1090X1920;
iOS:750X1334或者1242X2208;

8. 应用内更新的方式

iOS一般通过应用商店统一更新,APP内部不提供手动点击更新按钮,而安卓则在APP内部保留了更新入口,见下图。

iOS版无手动更新入口
安卓版本有手动检测更新入口

以上就是我在从事移动APP产品经理的岗位上总结出来的部分,欢迎大家补充指正。部分内容来源于互联网。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,676评论 25 709
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,961评论 22 665
  • 突然想起 好久没有投稿了 偶尔会写写心情 也有可能是吐槽 投稿的心思是越来越淡了 也无所谓有没有人看 自己想写就写...
    小二不2阅读 211评论 0 0
  • 兔走鸟飞东复雨,为人切莫用心机。 百年奇事三更梦,万里江山一局棋。 禹治九河汤立业,秦吞六国汉登基。 古来多少英雄...
    侯烫烫阅读 262评论 0 0
  • 小孩子的世界总是简单的,开心的理由也是单纯的!晚上睡觉前,可能是晚饭没有吃好,北北要求吃香蕉!我本来想讲一堆睡前吃...
    一天到晚游泳的黄花鱼阅读 131评论 0 0