发布时间：2020-10-20 分类： 电商动态
单选按钮和下拉菜单是两个非常重要的输入控件，可在用户输入时互换。但它们在不同场景中的使用会产生不同的效果本文重点介绍它们使用的七条规则。
无论您使用的是移动应用还是网页，表单都是用户界面中非常重要的一部分。用户通过表单系统输入他或她的信息，并解释满足用户请求的信息。
资料来源：www.formassembly.com
某些项目可以访问表单，包括输入控件，输入验证，错误处理和用户反馈。
单选按钮和下拉菜单是两个非常重要的输入控件，可在用户输入时互换。但就这些控件的可用性而言，在某些情况下使用单选按钮和下拉菜单可以让用户更轻松地选择给定的输入。
以下是一些基于可用性研究的规则，可帮助您确定在设计表单时哪种控件更合适。
首先，使用单选按钮1.如果要强调选项
可能有多种情况需要强调选项：
没有明确的默认或推荐选项。我希望用户阅读所有选项。用户不熟悉这些选项，他可以预测他们很少或没有机会。
当需要强调选项时
在这种情况下，使用下拉菜单看起来不太好，因为默认选项不提供有关其他选项的线索。
2.当选项少于5时
较小的选项可以并排放置：
用户可以快速轻松地扫描选项。提供快速响应，而不是打开下拉菜单并从多个选项中进行选择。
更少的选择
如果用户想要选择2到4个选项，最好使用单选按钮，如示例所示。
3.当选项的比较需要非常明确时
可比较的选项可以并排放置，因为：
用户可以一目了然地轻松比较它们。从下拉菜单中比较和确定选项需要时间。每次用户想要查看所选选项时，都必须打开菜单以比较选项。
需要比较选项
以上是用户选择的订阅计划，以做出严格的决定。
4.当给出选项可见性和快速响应优先级时
清晰的可见性和快速响应更易于用户理解。
对于更长的表单，扫描选项和标记所需选项更容易，更快捷。每次单击下拉列表时，都需要很长时间才能选择一个选项。
长形式——调查猴问卷
从给定示例中可以看出，当用户可以看到所有选项时，长表单提供了良好的用户体验。
其次，使用下拉菜单1.当建议使用默认选项选项
仅查看推荐选项可使用户更容易做出选择，因为：
显示所有选项将引起用户的注意。不鼓励用户更改默认选项。
默认推荐选项
例如：您不必显示所有选项，因为用户更改默认选项的可能性较小。
2.当有大量类似选项时
当有大量类似选项时，建议使用下拉菜单显示，因为：
用户可以轻松预测。此时您无需并排查看选项。
很多类似的选择
3.当有超过7个选项时
大量选项不适合并排显示，因为：
如果并排放置一堆选项，则用户界面将变得混乱，使用户在查看时感到困惑。扫描大量单个选项需要时间。
超过7个选项
此外，对于长下拉列表，最好提供一个文本框，用户可以在其中键入选项名称，列表只显示过滤选项，这使选择更容易，更快。
输入选项以过滤列表
三，结论
为了增强表单的用户体验，提供正确的控件以接受用户输入是非常重要的。由于表单有很长的选项，如果用户需要额外的点击来补充他们的信息，那么这个过程很无聊。
这组规则将帮助您在设计表单时在单选按钮和下拉菜单之间做出正确的决定。
原作者：Saadia Minhas（爱好者用户体验设计）
原始地址：https://blog.prototypr.io/7-rules-of-using-radio-buttons-vs-drop-down-menus-fddf50d312d1
本文由@SKYUI翻译出版。未经许可，禁止复制。
该地图来自Unsplash，基于CC0协议
