CampusDownWiki
Total citations 16,021한국어KO 2,699EnglishEN 11,007日本語JA 772中文ZH 1,543
CampusDown ↗
English

Dropdown Menu

⚙️ Engineering & Technology By CampusDown Wiki Editorial Team Last updated
A dropdown menu shows only the current value and expands into a list of options when tapped, letting users pick one.
Contents
  1. 1. When dropdowns fit
  2. 2. Dropdowns on mobile
  3. 3. Accessibility and behaviour
  4. 4. FAQ
  5. 5. References

When dropdowns fit

Dropdowns save space by hiding options. Li (2017) notes that with few options, showing them all is better: a segmented control or radios allow instant comparison. With hundreds, choice slows (Hick's law; Hick, 1952), so search works better. Dropdowns suit the middle range.

Native selects open as wheels or lists that suit fingers, while custom dropdowns may be tiny or clipped; long lists can use a bottom sheet. Material (Google, n.d.) describes exposed dropdowns, and split menus with frequent items on top speed long lists (Sears & Shneiderman, 1994).

Accessibility and behaviour

Custom dropdowns need roles, expanded state and arrow keys per the W3C menu button pattern (n.d.); native select is safest. Per WCAG 2.2 (W3C, 2023) 3.2.2, selection alone must not navigate away. Keep labels visible and avoid misleading defaults. Menu shape also affects speed (Callahan et al., 1988).

FAQ

Are dropdowns and select boxes the same?
Usually; select refers to the HTML element, dropdown to expanding menus broadly.
How many options suit a dropdown?
No fixed rule; show two or three openly and use search for very many.

Sources reviewed: 2026-10-27

References

  1. Li, A. (2017, June 11). Dropdowns: Design guidelines. Nielsen Norman Group. When to use dropdowns.
  2. Google. (n.d.). Menus. Material Design 3. Exposed dropdown menus.
  3. World Wide Web Consortium. (n.d.). Menu button pattern. ARIA Authoring Practices Guide. ARIA roles and keys.
  4. Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. More options, longer decisions.
  5. Sears, A., & Shneiderman, B. (1994). Split menus: Effectively using selection frequency to organize menus. ACM Transactions on Computer-Human Interaction, 1(1), 27–51. Split menus for long lists.
  6. Callahan, J., Hopkins, D., Weiser, M., & Shneiderman, B. (1988). An empirical comparison of pie vs. linear menus. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 95–100). ACM. Menu shape affects speed.
  7. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criterion 3.2.2 on input.

Reports and materials that use this theory (Korean)

There are no materials dedicated to this theory yet, but you can search related reports in the CampusDown library (Korean).

Find more reports · Search '드롭다운 메뉴' on CampusDown →

You may also like

Latest ArticlesView all ›

New guides for college study and assignments (Korean)

This article was last updated on October 27, 2026. It is based on widely recognized original works and textbooks; when citing it in a paper, please check the original sources listed in the references.