IOS 12设计规范(8-3)内容视图:警告框(Alerts)

8.3        警告框(Alerts)

警告框用来传达与你的 App 或设备状态相关的重要信息,并且通常需要得到用户的反馈。警告框的内容包括标题,描述消息(可选)、一个或多个按钮以及输入框(可选)。除了这些元素之外,警告框的外观样式是不可更改的。

IOS12设计规范

尽量避免使用警告框:警告框⼗分影响用户的操作体验,所以只应该在重要的场景下使用,比如确认购买和破坏性操作 (例如“删除”),或者通知用户有 关App和设备的问题(警告、预警之类的问题)。警告框的不常出现有助于提高用户的重视程度,请确保每个警告都提供关键的信息和有效的选择。

测试两个⽅向下警告框的显示情况:在横屏模式和竖屏模式下,警告框的显 示可能会不同,需要优化警告框内的文本信息,使其不需要滚动就可以在任 何⽅向上被轻松阅读。

 

标题和描述消息

 使用一些简短的描述性标题:让用户看到的⽂字越少越好,能够用标题表达清  楚的就不要增加额外的描述信息。可以使用疑问句句或简短的陈述句句来让标题传递更准确的信息。尽量将标题控制在一行以内,如果标题是完整的句句⼦子, 使用句句⼦子模式的⼤小写和适当的标点符号来完成标题。(译者注)如果标题是句⼦片段,请不要使用表示结束的标点符号。

如果一定要增加描述信息,请使用完整的短句尽量将句子控制在一、两行以内,使用句⼦模式的⼤小写和适当的标点符号。

避免出现指责、判断、侮辱的语气:用户知道警告框弹出是出现了问题和危险的情况。只要语气友好,直截了当的传达消极的消息会比表意模糊的积极消息更好。避免出现“你”,“你的”,“我”,“我的”这类词语,因为有时候会被认为是具有⽣疏和趾高气昂的态度。

避免对警告按钮做出解释:如果警告框的文本和按钮标题内容传达的信息足够明确, 就不需要解释按钮的作用。 如果一定要对用户提供指引, 请使用“tap”(点击)这个词,在引用按钮时保持⼤写,并且不要在引中包含按钮的标题。

 

警告按钮 

通常使用包含两个按钮的警告弹窗:两个按钮的警告弹窗,可以使用户更容 易地在两个选择中做出决定。一个按钮通常用于通知,它无法做出更多的选 择。三个或以上的按钮会使选择变得复杂,并且需要滚动,会造成很不好的用户体验,这种情况下可以考虑使用动作菜单,请查阅 Action Sheets。

创建简洁的、逻辑清晰的按钮标题:按钮标题最好由一、两个描述操作结果的词语组成。与所有按钮标题一样,使用标题模式的⼤小写(英⽂环境下, 每个单词的首字母⼤写),不要出现表示结束的标点符号。尽量使用与警告标题和描述信息直接相关的动词或动词短语,例如“查看全部”、“回复”或者“忽略”。使用“确认”进行明确的表达,避免使用“是”和“否”。

把按钮放在用户预期的地方:通常来说,右边的按钮是用户最有可能点击的 按钮,取消按钮应该总是放在左边(译者注)。

创建合适的按钮标签:表达取消操作的按钮都应该叫做 “取消”(原⽂中是Cancel, 在中⽂环境里可以更灵活的运用来匹配操作类型, 如退出、关闭等)。

强调会产⽣破坏性操作的按钮:如果警告弹窗的按钮点击后会导致破坏性的操作,例如“删除” 操作,那么应该将其设计为具有破坏性的样式以适配系 统。开发者指南,请参阅UIAlertAction里的 UIAlertActionStyleDestructive 。 除此之外,需要设置一个取消按钮,并让其处于默认选择的状态,这样用户 可以选择安全的退出破坏性的操作。

用户可以通过回到主屏幕来取消警告窗口:通过返回屏幕主页并退出 App 的操作(如按 HOME 键)也可以关闭弹出弹窗,和点击警告窗口中的 “取 消” 按钮功能相同。当用户再次返回该 App 时,警告弹窗就消失了。如果你 的警告框里没有取消按钮,当用户需要退出 App 时,必须在 App 的代码中 执行取消操作。

文章转载请注明出处,并需展示来源网址!:淘盒子 » IOS 12设计规范(8-3)内容视图:警告框(Alerts)

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏