[译]《iOS Human Interface Guidelines》——Alert

警告框

警告框给人们影响他们对app或设备使用的重要信息。

image

API NOTE
创建UIAlertController并定义UIAlertControllerStyleAlert来在你的代码中使用警告框。

一个警告框:

  • 显示必须要的标题和可选的信息
  • 包含一个或更多按钮

警告框出现的罕见姓帮助用户重视它们。最好最小化你app的警告框数量,并确保每个都提供了关键的信息和有用的选项。

不要创建不必要的警告框。一般来说,在下面这些情况下警告框不必要:

image.png

当你阅读设计警告文本的指南时,了解下面的定义很有用:

  • 标题风格的大写表示除了文章、并列连词和少于四个字母的介词以外每个字母都要大写。
  • 句子风格的大写表示第一个字母是大写的,其余字母都是小写的,除非是专有名词或者形容词。

简洁地描述状况并且解释人们可以做什么。理想情况下,你写的文本可以让人们理解为什么警告框会出现并决定点击哪个按钮。

image

可能的话保持标题足够简短到在一行中显示。长标题会让人们难以阅读,并且它可能被截断或者强制警告框信息滚动。

不要使用单个单词的标题。单个单词的标题,比如错误或者警告,很少提供有用的信息。

可能的话,使用句子片段。一个简短的,有信息量的陈述比一个完整的句子更易于理解。

尽可能地写一个不用额外添加信息的标题。比如说,如果你使用一个问题——或者更少的情况下,两个句子——作为警告框标题就不用添加信息了。

不要当你需要传达消极的信息时不要听起来像责问或者审判。人们理解很多警告框会告诉他们问题或者关于危险状态的警告。只要你使用友好的语气,直接且消极就比积极但拐弯抹角要好。

尽可能地不要使用“你”、“你们”、“我”和“我的”。有时候,直接定义人们的文本会有歧义甚至会被解读为侮辱或者盛气凌人。

使用大写以及标点符号。特别地:

image.png
image

如果你一定要提供可选的警告框信息,那就写一个简短、完整的句子。可能的话,保持句子足够简短来在一到两行显示。如果信息太长,它会滚动,给用户一个不好的体验。在信息中使用句子风格的大写以及何时的标点符号。

不要为了描述点击哪个按钮而延长警告框文本。理想情况下,明确的警告框文本和合乎逻辑的按钮标签的组合会给人们足够的信息理解状况和他们的选择。如果你一定要提供详细的导航,遵循下面的指南:

  • 确保使用单词“点击”(不是“触摸”或“单击”或“选择”)来描述选择动作。
  • 不要把按钮标题用引号标记起来,但是要维持其大写。

确保在两个方向都测试警告框的外观。因为水平模式下警告框的高度会被约束,警告框的外观可能会变得不同。推荐你优化警告框文本的长度这样在任何方向都不用滚动来阅读了。

image

一般使用两个按钮的警告框。两个按钮的警告框经常是最有用的,因为这样人们从两个互斥的选项中选择是最容易的。单个按钮的警告框很少有帮助,因为它只通知人们而不给出对状况的控制。包含三个或更多按钮的警告框明显比两个按钮的警告框更复杂而且应该尽可能地避免。如果你添加了太多的按钮到警告框中,会导致警告框滚动,而这是一个不好的用户体验。

NOTE

如果你需要给人们提供两个以上的选项,考虑使用动作表单来代替(查看Action Sheet来学习如何使用动作表单)。

合理地放置按钮。理想情况下,最好点击的按钮需要满足两个标准:它应该执行用户最可能想要执行的动作,并且如果用户不小心点到它应该最不可能导致问题。特别地:

  • 当最可能的按钮执行非破坏性的操作时,它应该在两个按钮警告框的右边。取消按钮应该在左边。
  • 当最可能的按钮执行破坏性的操作时,它应该在两个按钮警告框的左边。取消按钮应该在右边。

NOTE
当警告框显示的时候点击Home键应该退出app。这样做应该等同于点击取消按钮——也就是警告框消失并且操作未执行。

给警告框按钮简短、合乎逻辑的标题。最好的按钮标题由一到两个单词组成来描述点击按钮的结果。当你创建警告框按钮标题的时候遵循这些指南:

  • 对所有按钮标题使用标题风格的大写并且不加标点符号。
  • 尽可能地使用与警告框文本直接相关的动词和动词短语——比如“取消”、“查看所有”、“回复”或者“忽略”。
  • 当没有更好的选择时使用“OK”作为简单的接受选项。不要使用“Yes”或“No”。
  • 尽可能地避免“你”、“你们”、“我”、“我的”。使用这些单词的按钮标题经常模糊不清且可能显得盛气凌人。

本文翻译自苹果官方开发文档

查看完整合集


查看作者首页

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,530评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,403评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,120评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,770评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,758评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,649评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,021评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,675评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,931评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,751评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,410评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,004评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,969评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,042评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,493评论 2 343

推荐阅读更多精彩内容