按钮文案:为什么“OK”是错误的按钮文字,以及该写什么
按钮应该说明点击后会发生什么。为什么 OK、Yes、No 和 Submit 都不行,Apple 自家指南背后的动词优先原则,六组可直接照抄的替换,以及适用于任何对话框的五秒测试。
一个写着 OK 的按钮,会让人回头重读问题,才能搞清楚 OK 到底是什么意思。“OK,删除吗?”还是“OK,算了吗?”按钮文案应该说明点击后会发生什么,这样没人需要再去别处找答案。下面是四条规则,每条都做了并排对比重构,外加六组可以直接照抄的替换。
OK 为什么不行
OK 回答的是写它的人脑子里的那个问题。读者得把标题记在脑子里,把 OK 接在句尾重组整句话,再判断这是不是自己想要的。在破坏性对话框里,这就是一场赌博,因为两个按钮长得差不多,而危险的那个并没有说自己危险。
Yes、No、Submit、Continue 和 Confirm 也一样。它们要么是对问题的回答,要么是表单里的通用步骤,都不是即将发生的事情本身。当标签不承载动作时,就只能靠标题和正文来承载,而人们往往是先点后读。
Apple 在其针对提示框的 Human Interface Guidelines 中也是这么说的:使用一两个词的标题,描述选择该按钮的结果,并优先使用与提示文本直接相关的动词和动词短语。我们关于错误信息示例的文章讲的是按钮周围的文字,这一篇讲的是按钮本身。
修正 1:说明它做什么
OK
删除
直接从标题里拿动词。“删除这张照片?”对应“删除”,“屏蔽这个账号?”对应“屏蔽”。
如果动词放不进去,多半是标题太含糊,那就去改标题。
修正 2:去掉 Yes 和 No,保留 Cancel
No / Yes
Cancel / Leave
Yes 和 No 逼着读者把自己的答案对应回那句话。Cancel 是唯一值得保留的通用词,因为它的含义永远不变:退出,什么都不会发生。Apple 的指南也是如此:避免使用 Yes 和 No,取消操作的按钮始终使用 Cancel。
修正 3:写出结果
Submit
支付 $24.00
最好的标签往往带上对象或金额:发送 $50、创建账号、查看发票、保存草稿。在需要付出代价的时刻,比如支付、发送或删除,这一点最重要,因为按钮是做出承诺前读到的最后一样东西。
修正 4:一两个词
五个词
两个词
短标签也经得起翻译和小屏幕的考验。英文里五个词的按钮,到了德语或俄语会更长,开始换行或被截断。两个词则留有余量。
六组替换
| 不要写 | 改写为 | 适用场景 |
|---|---|---|
| OK | 删除 | 在“删除这张照片?”之后 |
| Yes | 离开 | 在“不保存就离开?”之后 |
| Submit | 支付 $24.00 | 结账摘要页 |
| Click Here | 查看发票 | 打开某个内容的链接或按钮 |
| Continue | 创建账号 | 注册表单的末尾 |
| Confirm | 发送 $50 | 转账摘要之后 |
什么时候 OK 是对的
Apple 只允许一种用法:仅作告知的提示框,没有什么需要决定,按钮唯一的任务就是关闭消息。“你的会话已结束”配一个 OK 按钮就没问题。凡是包含选择的,都应该用动词。即使在告知型提示框里,如果能描述下一步,像“知道了”或“重新登录”这样更具体的词也可能更好。
五秒测试
把标题和正文盖住,只读按钮。如果一个人仍然能看出每个按钮会做什么,标签就对了。如果不能,说明标签在靠问题来赋予含义。
把它用在产品里的每个对话框、每个 toast,以及每个表单里的那个按钮上。只需几分钟,这是团队能做的成本最低的文案改动。至于一开始该选对话框还是底部弹层,请看模态框 vs 底部弹层。
FAQ
用什么代替 OK 比较好?
问题里的动词。问“删除这张照片?”的对话框,按钮就该写“删除”。OK 只适用于告知性、不要求做决定的提示框。
按钮上用 Yes 和 No 不好吗?
通常是的。它们让人把答案再对应回句子,很容易看错,比如“不保存就离开?”。用动词表示动作,用 Cancel 表示退出。Apple 的指南也说提示框中要避免 Yes 和 No。
该用 Cancel 还是 No?
用 Cancel。它永远表示退出且什么都不会发生。No 的含义会随问题的措辞而变化。
按钮文字应该有几个词?
一到两个。写出结果,比如“删除账号”或“支付 $24.00”,把解释放在上方的正文里。
为什么 Submit 是糟糕的按钮标签?
Submit 说的是表单做什么,而不是人得到或花费什么。“支付 $24.00”、“发送消息”或“创建账号”这样的标签说出了结果,必要时还有金额。
Apple 怎么看待 OK 按钮?
Apple 的 Human Interface Guidelines 说,除非提示框纯粹是告知性的,否则应避免把 OK 作为默认按钮标题,并优先使用描述点击结果的动词。
来源
- Apple Human Interface Guidelines,Alerts:使用一两个词的标题描述选择该按钮的结果,使用与提示文本直接相关的动词和动词短语,OK 只用于告知型提示框,避免 Yes 和 No,取消提示框操作的按钮使用 Cancel。它还指出,除非提示框纯粹是告知性的,否则应避免把 OK 作为默认按钮标题。
- 上文的对话框和订单摘要是我们自己的示例。字数统计,包括五个词的“Yes, Delete My Account Forever”,均按所示标签计算。
- 最初以轮播图形式发布于 UX Brainy。
Want every button, dialog and error in your product to say exactly what it does? Our team designs app UI and writes the words inside it.
Get Started
