ios与android规范交互差异总结

iOS与Android规范交互差异

总结

尊重不同平台的用户习惯，提升用户体验

形成模式做成控件库，提升PRD撰写效率，保持一致性

差异不大的地方统一，减小研发和设计成本

从屏幕边缘向右滑动

•iOS（iPhone）从屏幕边缘向右滑动是返回上一个页面。Android是拉出顶级侧边栏导航。

•结论：“iOS非首页谨慎使用左右滑动切换tab避免与从屏幕边缘向右滑动相冲突，Android有侧边栏导航的情况下不要使用向右滑动返回，系统的返回键更方便。

•iOS长按仅限于选中文字、调整光标位置、桌面长按App icon调整顺序或删除App。

•Android除了iOS所具备的功能以外，还作为列表item多选、上下文操作等等，非常常用。

•暂时只有iPhone6s+具备3D Touch功能，用力按压可以预览子页面内容或打开附加菜单。

结论：

•在iOS端不要使用长按操作,避免与3D touch混淆。

•暂时不要支持带类似3D touch的第三方android机型的相关功能，等google官方支持再说。•Android的上下文操作建议使用溢出菜单或向左滑动，长按可见性太差用户未必能发现。

返回

•iOS通过页面左上角的<或者从屏幕边

缘向滑动右返回上一个页面。•Android有back和up两种逻辑，up逻辑

与iOS返回逻辑基本一致，回到同App

内层级更高的页面。back按照用户最

近操作的屏幕历史记录按时间倒序返

回。除此之外back可以关闭模态弹出

窗、清除上下文操作栏取消列表多选

状态、关闭软键盘，可以理解为back

是撤销上一个操作。

结论：

•屏幕左上角的<处理逻辑以iOS为基准。

注意跨页面跳转时的返回逻辑。

App间跳转

•iOSApp间跳转再返回靠最左上角的back to lastapp（容易误触）或者App自己的返回机制（不一定有），例如微信的留在微信和返回App的弹窗。Android通过Back即可返回原来的App。

•结论：iOS端尽量App内部集成组件，或者协调使用对方的返回机制，否则用户有可能跳出App后不会回来。

导航栏（Navigation Bar，iOS）/应用栏（App Bar，Android）

•出现在App屏幕顶部，状态栏之下。

•iOS导航栏在进入一个新页面后，左侧会出现返回按钮<，中间显示标题，右侧有一到两个相关的操作按钮。

•Android标题靠左显示，右侧可以有多个操作按钮，如果按钮过多可以使用溢出菜单隐藏起来。

•结论：结合两者，左侧返回按钮，标题栏剧中显示，右边若多个操作按钮可以用溢出菜单

时间选择器

•iOS时间选择器是picker，根据选年份、日期、具体时间不同具体的选项不同•Android的年份、日期、具体时间由特别定制的弹出框组件

•结论：跟随系统，让系统处理

选择器（时间选择器以外）

•iOS选择器一般是picker，如果选项多或者还有附加的筛选用新页面打开。

•Android的选择器一般是在选项上方浮出菜单，选项过多菜单可以滚动

•结论：确定一个选项数量，在多少个选项内使用系统原生控件，多少个选项外用新页面。

如果选项需要额外的说明或者引导，采取其他形式。

警告框（alert,iOS）/提示框（Dialogs,Android）

•iOS弹出框出现频率很低，主要是警告、授权等非常严重的通知信息。

•Android的提示框用于提示用户作一些决定，或者是完成某个任务时需要的一些其它额外的信息。Dialog可以是用一种取消/确定的简单应答模式，也可以是自定义布局的复杂模式，比如说一些文本设置或者是文本输入。

•结论：除了系统的权限弹窗样式无法控制，建议在APP内部统一提示和简单输入的提示样式

操作列表（action sheet,iOS）/底部动作条（Bottom Sheets,Android）•iOS操作列表提供一系列在当前情景下可以完成当前任务的操作或在用户完成一项可能有风险的操作前获得用户的确认。而这样的形式不会永久占用页面UI的空间。

•Android的底部动作条是一个从屏幕底部边缘向上滑出的一个面板，使用这种方式向用户呈现一组功能。底部动作条呈现了简单、清晰、无需额外解释的一组操作。因为有系统返回键的原因，没有额外的返回键。

•结论：以iOS为标准重新设计样式。使用场景待定。

Toasts提示

•iOS严格意义上来说没有toasts提示这种控件，但是声音、更新都采用了屏幕中间类似的控件。

•Android的toasts还有snackbar是非常常见的轻量通知控件，一般出现在屏幕下方，纯文字有可能附带撤销操作。

•结论：统一toasts的提示位置、样式。

列表控制

•iOS列表单项操作是向左滑动，多项操作在导航栏点击编辑、进入多选模式后再勾选操作•Android列表单项操作使用长按，向左滑动和iOS不同的地方在于滑动后立即生效，不用再次点击。多选也是长按后进入。

•结论：以iOS为基准设计，同时在android支持长按。

通知

•iOS用户查看通知主要是锁屏页、和桌面icon的小红点

•Android用户查看通知主要是下滑通知栏，android通知可以常驻并且添加按钮

•结论：可以考虑将一些快捷入口放在android通知栏里，比如投屏控制

widget

•iOS9widget在通知栏、iOS10在锁屏页和桌面的最左一页•Android在桌面

•结论：可以考虑将一些快捷入口放在widget里