メニューは、GUI でユーザに操作の選択肢を提示する UI部品です。限られた画面の中に多くの機能を整理して収め、必要なときに選べるようにします。
| 種類 | 表示のしかた | 例 |
|---|---|---|
| プルダウン | クリックで下に展開 | ソフトの「ファイル」メニュー |
| コンテキスト | 右クリックで表示 | アイコン上の「コピー」等 |
| ハンバーガー | 三本線アイコンを開く | スマホサイトの折りたたみ |
| ナビゲーション | 常時表示の項目一覧 | サイト上部のメニューバー |
たとえばスマホでは画面が狭いため、項目をハンバーガーメニューに畳んでおき、タップで展開します。情報デザイン と結びつきが強く、グルーピング・並び順・名前の付け方が使いやすさを左右します。
ポイント 項目を詰め込みすぎると探しにくくなります。よく使う機能を上位に、関連項目をまとめる、という整理が良いメニューの基本です。
