重读IOS10人机交互指南之《Action Sheets、Activity Views、Alerts》

Action Sheets(操作面板)、Activity Views(活动视图)、Alerts(警告框)

Action Sheets(操作面板)

操作面板是响应控制或操作中出现的一种特定警示,并且呈现与当前操作内容相关的两个或多个选项。使用操作面板让我们在执行潜在破坏性操作之前或者启动任务前请求确认。在小屏幕上操作面板从屏幕底部滑出。在大屏幕上操作面板像popover一样立刻弹出。

a:提供取消按钮

一个取消按钮能让用户放弃一个任务。取消按钮应始终出现在操作面板的屏幕底部。

b:凸显出具有破坏性质的选项

用红色来表示具有破坏性或危险的选项,并在操作面板顶部显示这些按钮。

c:操作面板避免可以滚动

如果操作面板选项太多,我们必须滚动查看所有的选择。滚动需要额外的时间来做选择,很难快速点击按钮。

Activity Views(活动视图)

活动视图是一个任务集,如复制、标记为最喜欢的、发现、分享等操作,它是用在当前页面的内容上。

 

Activity Views中注意两点:1:开发者可以自定义活动;2系统自带的活动虽不可以删除,但可以禁用。例如你可以禁止用户在app上使用打印照片的功能。

Alerts(警告框)

警告框提供的是应用程序或设备状态相关的重要信息,并经常要求得到用户的反馈。 警告框由标题,可选消息,一个或多个按钮和用于收集输入的可选文本输入框组成。 除了这些可配置元素,警告框的视觉外观是静态的,无法自定义。

警告框的使用原则:要尽量避免使用警告框,只有在重要的场景下才能使用警告框,像是在购买、报错删除等场景下。警告框不长出现,确保它能够引起用户足够的重视。同时一定要确保每一个警告框都提供重要的信息和有用的操作选项。确保警告框在竖屏、横屏条件下都显示正常。

关于iOS警告框中的标题、描述信息和按钮这三个元素,分别有一下的原则。

(1)标题和描述信息

标题要尽量简洁,字越少越好。标题可以考虑使用疑问句或者简短的陈述句。对于描述信息,首先它不是必须的。如果一定需要描述信息,则尽量保证描述信息尽可能短(一到两行)。在写这些文案的时候,要尽量避免显得“责怪”、“审判”和“羞辱”。因为用户都知道,警告框的出现,是来告知他们出现了问题或者比较危险的情况的,所以文案要明确地告知这些信息。It’s better to be negative and direct than positive and oblique(传达坏消息但文案直截了当也比传达好消息但文案表意模糊要更好一些)。最后,尽量避免使用“你”、“你的”、“我”、“我的”这样的文案,有时候它们会被理解为带有羞辱意味或者高傲的。

(2)按钮

通常情况下,使用两个按钮。只有一个按钮的警告框通常用于告知(重要信息)。如果需要三个按钮,建议考虑使用上拉菜单(action sheets)。

按钮的文案建议使用能够描述操作结果的文案。避免使用“是/否”这样的文案。

一般来说,左边放“取消”按钮,右边放用户最可能点击的按钮。建议左边那个表达取消操作的按钮都叫作“取消”,不要使用别的词(“撤销”、“不要”)。

 

2 条评论

    1. @龙爪槐守望者 activity view是作用于当前页面的内容,比如将一个页面的内容分享、收藏等。而action sheet用于从可执行的动作中选择执行一个动作,例如给联系人添加头像,你可以选择拍照或者选取照片或者取消,这是我的理解。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

返回主页看更多
狠狠的抽打博主 支付宝 扫一扫