Skip to content

单选 VS 下拉

使用单选按钮和下拉菜单的 7 个规则

一、使用单选按钮

  1. 当你想强调选项时

可能有多种情况下你想强调选项:

  • 没有明确的默认或推荐选项。
  • 希望用户阅读所有选项。
  • 用户不熟悉这些选项,他可以预测他们的机会很少或没有机会。 init
  1. 当少于 5 个选项时

较小的选项可以并排放置,以便:

  • 用户可以快速并轻松地扫描选项。
  • 提供快速响应,而不是打开下拉菜单并从多个选项中进行选择。 init
  1. 当选项的比较需要很明确时

可比较的选项可以并排放置,因为:

  • 用户可以一目了然且轻松地对其进行比较。
  • 从下拉菜单中比较和确定选项需要时间。
  • 用户每次想要查看所选选项时都必须打开菜单对选项进行比较。 init
  1. 当选项能见度和快速响应优先时

选项清晰的能见度和快速响应对用户来说更易理解。

  • 对于较长表单,扫描选项并标记所需选项变得更加简单快捷。
  • 每次点击下拉列表选择某选项需要很长时间。 init

二、使用下拉菜单

  1. 当默认选项是推荐选项时

仅查看推荐的选项让用户能更容易做出选择,因为:

  • 显示所有选项将吸引用户的注意力。
  • 不鼓励用户更改默认选项。 init
  1. 当有大量相似选项可用时

有大量相似选项时,推荐用下拉菜单显示,因为:

  • 用户可以轻松进行预知。
  • 这时不需要看到并排放置的选择。 init
  1. 当超过 7 个选项

大量的选项并不适合并排显示,因为:

  • 如果一堆选项并排放置,会是得用户界面变得混乱,让用户在查看时会很混乱。
  • 扫描大量单选项需要时间。 init