いつ合うか
少数なら全部見せる方が良く（Li, 2017）、セグメントコントロールを。数百ならヒックの法則（Hick, 1952）で遅くなるため検索を。
モバイルでは
ネイティブselectは指で選びやすく、長い一覧はボトムシートも（Google, n.d.）。頻出を上に（Sears & Shneiderman, 1994）。
アクセシビリティ
自作ならW3C（n.d.）に沿い、選ぶだけで移動しない（WCAG 2.2 3.2.2; W3C, 2023）。形状も速度に影響（Callahan et al., 1988）。
よくある質問
- セレクトボックスと同じ？
- ほぼ同じ意味で使われます。
- 何個から？
- 少数は全表示、多数は検索が良いです。
出典確認日：2026-10-27
参考文献
- Li, A. (2017, June 11). Dropdowns: Design guidelines. Nielsen Norman Group. ドロップダウンの使いどころです。
- Google. (n.d.). Menus. Material Design 3. 露出型ドロップダウンです。
- World Wide Web Consortium. (n.d.). Menu button pattern. ARIA Authoring Practices Guide. ARIAの役割とキー操作です。
- Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11–26. 選択肢が増えると時間が延びる古典です。
- Sears, A., & Shneiderman, B. (1994). Split menus: Effectively using selection frequency to organize menus. ACM Transactions on Computer-Human Interaction, 1(1), 27–51. 長いリストの分割メニューです。
- 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. メニュー形状と速度の実験です。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 3.2.2入力時の基準です。