官术网_书友最值得收藏!

  • 101 UX Principles
  • Will Grant
  • 263字
  • 2021-07-16 18:02:39

Chapter #14. Don't Use a Drop-Down Menu If You Only Have a Few Options

A drop-down menu in the user interface is designed to expand when clicked and present a range of options. This is fine for country selection or customization, where there genuinely are lots of options.

There is, however, an overhead to operating a drop-down menu: the user needs to click to open, scroll to the correct item, then click to select. On a mobile device this can be even slower, as the user will be using a smaller screen.

If you only have two or three options, then don't jump to using a drop-down straightaway. Consider the options could be better presented to users with a different kind of control (radio buttons, sliders, and so on).

Sort your options into a sensible order—alphabetical or numeric—rather than random. Don't be the app that asks users to select a floor of a building in alphabetical order: "First, Fourth, Ground, Second, Third." Yes, I've seen this!

Very long drop-downs—for example, country selection—can benefit from a mini search or filter control: begin typing "U" and only see "Ukraine, United Arab Emirates, United Kingdom" and so on. This allows your user to skip to the section they need.

Mobile users actually have a head start here: most mobile operating systems will show a full-width "picker" control for drop-down selection, which is much less fiddly to use on a small touchscreen:

Don't Use a Drop-Down Menu If You Only Have a Few Options

Picking a blood type with a mobile "picker" UI

主站蜘蛛池模板: 开封市| 崇州市| 娱乐| 福建省| 泸定县| 扎赉特旗| 石柱| 新河县| 湛江市| 抚宁县| 新余市| 林西县| 油尖旺区| 陆丰市| 孟州市| 福清市| 即墨市| 法库县| 江山市| 龙海市| 南开区| 扎兰屯市| 蒲城县| 武川县| 新余市| 资源县| 文成县| 永安市| 宜州市| 阿合奇县| 龙井市| 丰顺县| 东城区| 聊城市| 博客| 芮城县| 磐安县| 大同市| 大竹县| 敦煌市| 普兰店市|