ios android 交互 区别,浅论安卓(Android)与苹果(iOS)的交互设计差异

本文探讨了iOS和Android两大移动端操作系统在导航方式、单条item操作、二级页面导航条、弹出框样式、按钮设计、列表指引、屏幕分辨率及应用内更新方式等多方面的设计差异。例如,iOS的TAB按钮切换通常需要点击,而Android则允许滑动;iOS的列表项滑动常用于显示更多操作,Android则通常需要长按。此外,还提到了两者在屏幕分辨率和应用更新方式上的不同。
摘要由CSDN通过智能技术生成

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

1. 导航方式不一样

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

1a2f449fb9b3

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

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

1a2f449fb9b3

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

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

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

1a2f449fb9b3

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

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

1a2f449fb9b3

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

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

3. 二级页面导航条区别

iOS:这里以iOS版本的微信朋友圈为例。

返回箭头+父级页面标题;

当下页面标题(居中,可以没有);

重要操作:可一个或多个;

更多操作:横向省略号。

1a2f449fb9b3

微信朋友圈截图

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

安卓:这里以安卓版陌陌聊天窗口为例。

返回箭头+当前页面标题:这个跟iOS的最大区别在于去掉了父级页面的标题;

当下页面标题:居左,与返回箭头有一定间隔;

重要操作:可一个或多个;

更多操作:竖向省略号;

1a2f449fb9b3

更多操作为竖向省略号

4. 弹出框样式区别

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

1a2f449fb9b3

安卓与iOS弹框对比

5. 按钮圆角细节

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

1a2f449fb9b3

IOS按钮

1a2f449fb9b3

安卓按钮

6. 列表指引

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

1a2f449fb9b3

注意列表的小箭头

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

1a2f449fb9b3

安卓的列表无小箭头

7. 屏幕分辨率不一样

安卓:720X1280或者1090X1920;

iOS:750X1334或者1242X2208;

8. 应用内更新的方式

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

1a2f449fb9b3

iOS版无手动更新入口

1a2f449fb9b3

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值