メニューの出し方の違い
ハンバーガーメニュー・全画面メニュー・メガメニュー・ケバブメニュー
メニューをしまっておく方法の違いです。アイコンの形と、出てくる大きさが違います。
表で比べる
| ハンバーガーメニュー | 全画面メニュー | メガメニュー | ケバブメニュー | |
|---|---|---|---|---|
| アイコン・きっかけ | 三本線 ≡ | 三本線 ≡ | メニュー名にマウスを乗せる | 縦の三点 ⋮ |
| 出てくる大きさ | 画面の横から半分くらい | 画面全体 | 画面の横幅いっぱいの大きなパネル | 小さなメニュー |
| 入っているもの | サイト・アプリ全体のメニュー | 少ない数の大きなリンク | たくさんのカテゴリ | その項目への「その他の操作」 |
| 得意な場所 | スマホ | スマホ(おしゃれなサイト) | パソコンの大きな通販サイト | スマホ・パソコン |
こんなときは、これ
- メニューが多いサイトやアプリハンバーガーメニュー →
- メニューが少なく、印象的に見せたい全画面メニュー →
- カテゴリがとても多い通販サイトメガメニュー →
- 編集・削除などをまとめてしまいたいケバブメニュー →
迷ったらサイト全体のメニューは ≡、項目ごとの「その他」は ⋮ と覚えると混ざりません。