大多数设计师在复选框上都会犯可用性错误

在界面上使用复选框之前，您需要问自己几个问题。复选框是在此上下文中使用的正确组件吗？如果是，最有用的显示方式是什么？

许多设计人员没有提出这些问题，而是未经深思熟虑就自动使用复选框。因此，他们在错误的上下文中使用它们会造成可用性问题。

不仅如此，许多设计人员都很懒惰，他们希望本机复选框来完成这项工作，而不是自定义的复选框设计。但问题是，原生复选框不能完成这项工作，因为它们的可用性很差。

大多数设计师在复选框上会犯十个有损用户体验的可用性错误。现在是停止犯这些错误并开始正确使用复选框的时候了。

复选标记普遍表示肯定，而不是否定。包含“否”的复选框标签迫使用户确认否定，打破了他们对复选标记的心理模型。要强调删除项目，请默认选中所有项目，并允许用户取消选中他们不需要的项目。在未选中的标签上应用删除线，作为否定的额外视觉提示。

有时你可能想提供不同数量的商品。使用多个复选框复制它会产生更多要阅读的文本，并使界面变得混乱。对于增量输入更改，请使用数字选取器显示一次项目。

复选框很难点击，这已经不是什么秘密了，因为它们的命中目标很小。设计师通常会让标签变得可点击，但如果它不直观，那就没什么用了。通过将复选框转换为复选标记，您可以为用户提供更大的命中目标和更清晰的交互提示。

与流行的看法相反，垂直物品列表的扫描速度比水平列表慢，因为它需要更多的扫视(研究研究)。与其将复选框堆叠到洗衣清单中，不如尝试包装支票令牌，以缩短清单和加快扫描速度。

有时项目是互斥的，这意味着用户只能从集合中选择一个。使用单选按钮是可以的，但是仍然会让一些人感到困惑，因为并不是所有的用户都知道其中的区别。更好的解决方案是使用不带复选标记的标记。删除复选标记将消除多选的概念。

阅读全文，了解大多数设计师没有意识到的所有十个可用性错误及其解决方案。您还将获得本复选框系列中的示例的精美小册子，以提醒您这些最佳实践。

您在大多数示例中都是正确的，但是有些事情可能不是百分之百准确的。例如，您提供的垂直列表与水平列表的研究对于今天的标准来说有些陈旧。同样，在移动屏幕上，垂直列表比水平列表更便于用户使用。这更适用于像Keep Notes from Google这样的待办事项列表应用。即使在“现实生活”中，当你在一张纸上写下要买的东西的清单时，你也是在垂直地写🙂。

继续努力！…。但令人遗憾的是，整篇文章你索要这么多钱。

不过，当我扫描垂直列表时，我不需要阅读整个单词就能知道它是否是我想要的东西。通常情况下，我可以根据上下文和前几个字母找出它是什么。但是，扫描水平列表需要我阅读整个单词才能找到它的结尾和下一个单词的开始位置。

在此浏览器中保存我的姓名、电子邮件和网站，以便下次我发表评论时使用。