如何更好设计“取消”按钮？

“取消”按钮的作用是什么？它会关闭用户当前的屏幕并将其恢复到之前的屏幕。用户依赖此不屑一顾的按钮作为安全措施，以防止他们对系统进行不必要的更改。

为了让您的用户感到安全，“取消”按钮应表示安全性的后退，而不是号召性用语。这就是取消按钮永远不应该有颜色的原因。

      中性按钮的中性色

按钮上的颜色表示号召性用语。“取消”按钮不是号召性用语，因为在按下按钮后系统不会发生任何更改。因此，你永远不应该用颜色强调它，否则你会给用户留下印象。相反，他们应该得到没有变化发生的印象，按钮是他们的逃避承诺。

“取消”按钮应具有中性色，以表示中性，非提交按钮。当用户注意到“取消”按钮没有颜色时，他们会将其识别为安全性的后退更快。这对于错误激活确认屏幕并希望快速逃脱的用户来说非常重要。

当屏幕上的每个按钮都有颜色时，它们会竞争注意力。这会导致用户更长时间地思考每个动作。中性色的“取消”按钮可以让他们更快地通过不竞争来决定。准备采取行动的用户不会被“取消”按钮分心。

      “取消”有很多名字

并非所有取消按钮都标有“取消”，但它们的功能与一个相同。例如，取消按钮可以具有标签，“不是现在”，“不用谢谢”，“可能稍后”或“跳过”，具体取决于上下文。如果按钮具有不顺从的行为，则应将其视为“取消”按钮，因为它具有相同的功能。

屏幕上的按钮越多，清晰的逃生就越有必要。当所有按钮都有颜色时，逃逸不明确。但是当“取消”按钮为中性色时，它会使按钮选择更加直观。

       一个黑暗足够的灰色

在按钮上使用灰色时，使灰色足够暗是很重要的。否则按钮不清晰，可能看起来处于禁用状态。

为确保您的按钮清晰，请使用WCAG 2.0对比度工具（如对比度检查器）检查颜色对比度。这将告诉您正在使用的灰色是否通过了颜色的辅助功能指南。

       中和你的取消按钮

大多数情况下，当用户激活确认屏幕时，他们已准备好采取行动。但是，对于他们错误地激活它或改变他们采取行动的想法的时代，取消按钮需要提供安全。

彩色取消按钮发出错误信号。它使用户将其视为行动号召，而不是安全性的后退。中和“取消”按钮，以便用户更轻松地使用确认屏幕。

作者：UX运动

翻译：奥创