目前移动端的操作系统基本上由安卓(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产品经理的岗位上总结出来的部分,欢迎大家补充指正。部分内容来源于互联网。