连高手都容易忽略的9个 iOS 与 Android 间的交互差异

分手后的思念是犯贱 2023-10-08 09:51 25阅读 0赞

现在大多数的 PM /交互/ UI 设计师，在设计产品的时候都是以 iOS 为基准 思考产品上的各种功能逻辑、交互状态，而很容易忽略了某些功能在 Android 里并不能「一稿适应两端」，部分产品差异在安卓上是不一样的。

所以本文就讲下 Android 和 iOS 9大产品/交互差异，希望你在日后的产品设计时，可以考虑到更多层面的知识点。

#### **虚拟商品、支付规则和方式的不同** ####

**支付规则**

对在于一些虚拟商品的支付上，如 vip 会员、xx币，xx豆。iOS 和 Android 就存在不同的支付规则：Android 基本无限制，无抽成。而 iOS 限制比较多，而且要抽成大约 30% 的手续费。

举个例子：同样充值 30 元，Android 端会得到 300 金币，而在 iOS 中，只有 210 金币。正因这个抽成规则的不同(没办法，这是苹果硬性规定的)，才会出现各种平台的虚拟货币，在 Android 和 iOS 中的充值比例是不一样的，如快手：

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android]

所以对于虚拟商品在 iOS 端的抽成规则，在产品设计时一定得考虑清楚，因为这关系产品的商业和盈利模式。通常有 2 种解决思路：

**A. 让用户承担 30% 的抽成：**

*  同样的价格，iOS 用户得到的商品少些
 *  如同样充值 30 元，Android 端会得到 300 金币，而在 iOS 中，只有 210 金币。像快抖音、陌陌等各种货币充值。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 1]

**同样的商品，iOS 用户支付更高的费用**

如 3 个月的 vip 会员，Android 端定价是 58 元，iOS 端则可以设为 68 元。如优酷、腾讯视频的 vip 会员价格。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 2]

**B. 公司自己承担 30% 的抽成：**

如 iOS 端充值 30 元，公司实收 21 元，但 iOS 用户能得到和 Android 一样的 300 个金币。(理论上是有这个解决思路，但现实中很少有公司去实现，毕竟抽成成本就摆在那里)

另外还需要注意的是：因为抽成规则的不同，对于同一个 ID 的账户余额，在 Android 和 iOS 端中是不能通用的。因此在产品设计时需要将这点告知用户，预防用户犯错、以及恶意刷币。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 3]

**支付方式**

Android 由于开源的特性，因此对接的都是第三方支付平台，如微信支付、支付宝、银联卡等。 而 iOS 出于系统的封闭性和安全性考虑，只能调用苹果自己的支付系统：登录 Apple ID ，然后用授权的支付方式(支付宝、银联卡)进行付款。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 4]

#### **状态栏交互的不同** ####

「状态栏」也就是我们手机界面最顶部的电池栏，它除了可以在不同背景里切换颜色外，在交互的触发上，Android 和 iOS 中也各不相同。

**iOS ：**用户在 Y 轴滚动了很长内容时，点击状态栏可以快速回到初始位置。

**Android ：**无论用户滚动了多长内容，都是点击无任何效果。

虽然这一交互差异是 iOS 专有的，但它却启发我们一个新的设计思路：在必要的时候，状态栏可以为产品承载新的交互状态。如网易的 LOFTER( iOS 端)，用户离开音乐播放界面时，状态栏就用于显示音乐信息和操作入口，方便用户在浏览其他内容时可以快速关闭音乐，极大提升了用户的操作效率。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 5]

#### **下载方式和状态的不同** ####

这种大多应用于运营的「拉新」场景，为了能让新用户得到好处(红包、优惠券、更好看的内容等)。通常会让新用户下载产品 APP 领取。而由于 Android 与 iOS 的下载方式不同，会带来不同的交互状态和产品逻辑。

**Android ：**可以在当前页面(后台)下载，也可以在应用商店下载;过程中可以显示进度，且允许用户暂停下载;下载完成后调起安装页面，用户可以取消安装，也可以自动安装……正因为 Android 下载软件的各种便捷性，所以才会带来各种交互状态：未下载、下载中、暂停中、已下载但未安装、已安装。这些都是交互设计师需要特别注意的，每个不同的状态背后都会不同的产品逻辑。

**iOS ：**只能跳转到 App Store 里下载，所有下载流程和状态都是在那完成的，可以脱离开活动页面，相比于 Android 的下载方式就简单很多。跳转的方式可以是全屏幕，也可以是半屏。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 6]

#### **软件更新方式的不同** ####

**Android ：**由于安卓的开源特性，当有新版本时都会提示用户更新，且每个产品内部都带有「版本更新」入口。而更新的方式可分 2 种：

*  引导更新：弹出提示让用户更新 APP ，用户点击「更新」按钮前往应用商店更新、或者在当前页面更新并显示下载进度。
 *  强制更新：也是先提示用户更新，只不过用户点击「更新」按钮，即调起软件安装页面。(前提是产品已在用户处于 wifi 模式下，将安装包已下载完成)

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 7]

**iOS ：**而 iOS 端出于对用户体验的考虑，是禁止向用户提示版本更新信息的。这也是为什么绝大部分的 iOS 产品，都是没有「版本更新」入口的原因(像 QQ 、支付宝、百度网盘等大厂产品)。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 8]

即使有，点击了也直接跳转到 App Store 查看版本情况。且下载渠道都固定在 App Store 里。理所应当的，软件的更新方式也只能在 App Store 里进行，无法做到与 Android 一样后台下载、后台更新。

#### **文字发送指令位置的不同** ####

在手机键盘里输入文字时，iOS 由于系统的限制，对文字的发送指令只能在键盘上来完成，因此 iOS 用户的交互操作都全部集中在键盘右下角。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 9]

而 Android 端就灵活很多，不仅可以在键盘上执行发送指令，也可以在输入栏/搜索栏周边新增操作入口。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 10]

#### **退出浮层列表的不同** ####

长按一张图片后，都会弹出一个列表浮层，因为 iOS 手机只有一个「Home 键」 而已，为方便用户退出浮层才增加了「取消」入口。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 11]

而 Android 手机本来就有「返回」虚拟键，安卓用户的退出/返回行为都习惯于通过虚拟键触发，所以多做一个「取消」的意义性不大。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 12]

#### **删除方式的不同** ####

iOS 端一直教育着用户使用「左滑」删除列表信息，所有的删除功能都是支持「左滑」来实现的。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 13]

而 Android 系统大部分只能通过「长按」来触发编辑状态，其中就包括了删除功能。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 14]

不过现在也有极少数的产品，正在逐渐打破这两端间的「删减」界限，比如网易邮箱(Android)就做到了左滑删除信息。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 15]

#### **消息推送机制的不同** ####

当我们第一次打开产品、允许了获取消息通知的权限后，所有的信息传输都会基于服务器进行推送。而两端在这块的推送机制又有所不同：

iOS ：所有新信息都会实时推送到你的手机里，即使你关闭了软件，还是一样会收到提示。就算是你处于断网状态，信息也会先储存于苹果服务器，等你联网时再一次性把收到的信息推送给你。既释放手机内存，又不会让用户遗漏有新消息。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 16]

Android ：而安卓则不同，你若退出了产品，数据的推送只有等你再次打开产品时，才会通知你有多少新信息。虽然减少了对用户的干扰性，但也增加了服务器数据储存的压力，还容易耽误用户接收新消息。

#### **复制文字后，剪切板状态的不同** ####

也就是我们手机的搜狗输入法键盘，在微信聊天内、手机短信里复制了一段内容后，由于 Android 与 iOS 的平台特性差异，会给两端用户带来不同的交互差异。

iOS ：复制完文字后，打开输入法键盘会显示来自剪切板的文字内容。用户只需点击，即可将文字复制在搜索栏、输入栏等需要文字填写的操作区域里，无需触发「粘贴」操作。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 17]

Android ：而有些安卓机(如小米/锤子/乐视等)，无论你复制了什么信息(文字、数字、网址等)，都很难实现输入法里的「剪切板」功能。用户需要触发「粘贴」功能，才能输入刚刚的复制内容。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 18]

而对于特定的信息类型：如网址。用户复制网址往往都带有极强的目标性、搜索性，一些浏览器产品会预判用户这一操作行为，将复制的网址前置展示出来，以抵消 Android 端对于复制文字带来的系统限制。如 QQ 浏览器(安卓端)就有 2 种解法方法：

*  方法1：利用安卓系统的消息权限，在手机界面的顶部弹出网址栏提示，无论是在微信还是短信中，复制网址后都能快速地触达目标。
 *  方法2：复制网址后打开搜索功能，会将网址自动定位并粘贴到搜索栏中，便于用户查询。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 19]

而 UC 和百度也有类似的解决办法：将复制后的广泛信息(文字/数字/网址/邮箱地址等等)嵌入在搜索框下方，用户点击就能搜索。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 20]

这也是一种妥当的解决方法，因为用户可复制的信息类型特别广泛、目标不是很清晰。无法准确判断出用户一定会有搜索诉求。所以才将复制后的信息放在搜索框下面，而不是自动粘贴到搜索框中，既考虑了用户目标，又兼顾了操作效率。

#### **总结** ####

以上就是 Android 与 iOS 的差异总结，若有描述得不当请多指教!下面是总结文件。

![连高手都容易忽略的9个 iOS 与 Android 间的交互差异][9_ iOS _ Android 21]

[9_ iOS _ Android]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDc2MjkyMzgzLmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 1]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDc3MzkwNDM4LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 2]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDc3NjY0Njk2LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 3]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDc4Mjc0ODY5LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 4]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDc4MjQ5MTI1LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 5]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDc5MTczMjQ3LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 6]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDc5Mjk3MDk5LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 7]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDgwNjIyNTUyLmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 8]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDgxODc2OTg2LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 9]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDgxMTM4NDQ2LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 10]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDgyNzg0MTQ0LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 11]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDgzMTA3OTkyLmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 12]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDgzMzkzMzE1LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 13]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDg0Mjg1OTMxLmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 14]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDg1MTMyNDQ0LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 15]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDg1ODY0NDIwLmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 16]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDg2NDE0NjY1LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 17]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDg3MzMxOTkyLmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 18]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDg3OTIyOTYzLmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 19]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDg4NzMxNTI5LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 20]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDg4OTU1NDc3LmpwZw?x-oss-process=image/format,png
[9_ iOS _ Android 21]: https://imgconvert.csdnimg.cn/aHR0cDovL2FwaS5jb2NvYWNoaW5hLmNvbS91cGxvYWRzLy9pbWFnZS8yMDE5MTEwOC8xNTczMTc4NDg5NzEwMjAzLmpwZw?x-oss-process=image/format,png