- 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:

Picking a blood type with a mobile "picker" UI
- Raspberry Pi 3 Cookbook for Python Programmers
- The Applied AI and Natural Language Processing Workshop
- 硬件產(chǎn)品經(jīng)理成長手記(全彩)
- 硬件產(chǎn)品經(jīng)理手冊:手把手構(gòu)建智能硬件產(chǎn)品
- Visual Media Processing Using Matlab Beginner's Guide
- Intel Edison智能硬件開發(fā)指南:基于Yocto Project
- 深入理解序列化與反序列化
- 電腦組裝與維護(hù)即時(shí)通
- WebGL Hotshot
- 筆記本電腦芯片級(jí)維修從入門到精通(圖解版)
- Arduino項(xiàng)目開發(fā):智能生活
- 計(jì)算機(jī)組裝與維護(hù)(慕課版)
- 筆記本電腦維修技能實(shí)訓(xùn)
- MicroPython Cookbook
- 多媒體應(yīng)用技術(shù)(第2版)