文档介绍:iOS 10 人机界面设计指南(二)
2. 交互(Interaction)
3D 触摸(3D Touch)
主屏幕交互(Home Screen Interaction)
轻压(Peek)和重压(Pop)
Live Photos
辅助功能(Accessibility)
音频(Audio)
身份验证(Authentication)
数据输入(Data Entry)
反馈(Feedback)
文件处理(File Handling)
启动初体验(First Launch Experience)
手势(Gestures)
加载(Loading)
模态(Modality)
导航(Navigation)
请求许可(Requesting Permission)
设置(Settings)
用辞(Terminology)
撤销和重做(Undo and Redo)
3D 触摸(3D Touch)
3D Touch 为触碰式交互增加了一个维度。在支持 3D Touch 的设备上,用户通过对触摸屏
施加不同的力度来实现更多的功能,譬如触发菜单、显示更多的内容或是播放动画。用户无
需学习新的手势来使用 3D Touch。当他们轻压屏幕并且获得应答的时候就能立即发现这一
新的交互维度。
主屏幕交互(Home Screen Interaction)
在支持 3D Touch 的设备的主屏按压应用图标会触发相应的操作视图。该视图让你能够快速
地执行常用的应用任务和预览有趣的信息,譬如日历应用,它能够提供创建新事件的快捷操
作,同时显示日程表上的下一个事件。了解相关设计指导,请参阅 Home Screen Action 和
Widgets。
轻压(Peek)和重压(Pop)
轻压允许用户使用 3D Touch 在当前环境上预览一个临时视图内的对象,譬如一个页面、链
接或者文件。要想在支持该功能的设备上实现预览,只需用手指对应用施加一点压力,而抬
起手指就能退出预览。要想打开对象来浏览更多的内容,请更重地按压屏幕直到对象放大到
填满屏幕。在一些轻压视图上,你可以通过上滑来显示相应的操作按钮。譬如,在 Safari
打开了某个链接的轻压视图时,你可以通过上滑展开相应的操作按钮——打开链接,添加至
阅读列表和复制链接。
利用轻压视图提供实时的,内容丰富的预览
理想情况下,轻压视图为该项提供足够的信息以补充说明当前任务,或者帮助你决定是否完
全地打开该项。例如,预览邮件(Mail)信息中的链接,从而决定是否在 Safari 浏览器中
打开或者分享给朋友。轻压视图一般被利用于表单视图中,提供一个行项的详细信息,从而
决定是否选择该项。
设计足够大的轻压视图
设计一个足够大的轻压视图从而保证手指不会遮挡到内容。确保轻压视图能够提供足够详细
的信息,以便用户决定是否按地更重来完全地打开该项。
统一使用轻压和重压功能
如果你只在某些地方使用轻压和重压,而不在另一些地方使用,用户就不会知道到底哪里可
以使用这个功能,而且可能会认为你的应用或是他们的设备出了问题。
允许每个轻压视图都能够被重压
虽然轻按视图能够提供给用户他们所需的大部分信息,但如果他们想离开当前任务并转移注
意力至该项时,应该允许他们过渡到重压。
避免在轻压视图中呈现按钮式元素
如果用户抬起手指去点击类似按钮的元素,轻压就会消失。
不要让同一项具备轻压和编辑菜单(Edit menu)两个功能
当一个项目同时启用两个功能时,不但会让用户感到困惑,也会让系统难以判断用户目的。
了解更多指导,请参阅 Edit Menus。
适当时提供操作按钮
不是每个一轻压都需要操作按钮,但这是一个为常用任务提供快捷操作的好方式。如果你的
应用已经为项目提供了自定义的点击并长按(touch-and-hold)动作,那么最好在轻压里包
含同样的操作。
避免为打开被轻压的项目提供操作按钮
用户一般都通过更重的按压来打开他们轻压的项目。所以,没有必要再提供一个明显的打开
按钮。
不要让轻压成为唯一的执行项目操作的操作
并不是所有设备都支持轻压和重压,甚至有的用户会关闭 3D 触摸功能。你的应用为这些情
况考虑其它触发项目操作的方式。譬如,你的应用可以将轻压的快捷操作映射到一个视图中,
该视图会在点击和长按时出现。
Live Photos
应用可以通过支持 Live Photos,并在照片中