ハンバーガーメニューは、3本の横線が積み重なったアイコンで表示されるメニューです。これまでデザイナーたちにより多数の記事が書かれ、ハンバーガーメニューを使うべきではないと言われてきました。しかし時には、ハンバーガーメニューが最適な選択肢となる場合があるのです。
セカンダリナビゲーションとしてのハンバーガーメニュー
ハンバーガーメニュー最大の問題点は発見のしにくさです。そのため、主要なナビゲーションメニューとして使うのはおすすめできません。しかしセカンダリナビゲーションを設計する際には、この性質が役立つことがあります。プライマリナビゲーションが画面上のCTAボタンである場合には、ハンバーガーメニューがセカンダリナビゲーションとして活躍します。
ここでUberの例を見てみましょう。
画面にある要素は全て配車をリクエストするものとなっており、履歴や設定などのオプションはハンバーガーメニューに隠されています。全てのユーザーがいつも使うわけではない機能を隠しているのです。ハンバーガーアイコンは邪魔にならず、それでいて機能へのアクセスを提供できます。
一般的なケースでは、ハンバーガーメニューを使うべきかどうか迷った際には「80%ルール」を考えてください。ハンバーガーアイコンに隠そうとしている機能が、通常の使用
スポンサーリンク
ハンバーガーメニューは結局、いつ使うべきなの?【状況に応じた判断の基準とは】
最近の投稿
- 問題行動を連発「藤原伊周」道長との圧倒的な差 不穏な噂が立ち、誤解を解くべく起こした行動 | 紫式部と藤原道長が生きた平安時代 | 東洋経済オンライン
- 首位1坪231万円「地価が高い京都府の住宅地300」 上位49地点が1平方メートル当たり30万円以上 | 不動産 | 東洋経済オンライン
- 【中学受験勉強法・社会2】一流講師に聞く「社会」の勉強法!増える「思考問題」への正しい対策とは?【動画講座】 – わが子に最強の中高一貫校&塾&小学校 2025年入試対応
- 明治「ザバス」が絶好調!プロテイン飲料最前線 まだ伸びるタンパク質市場へ「オイコス」も参戦 | 食品 | 東洋経済オンライン
- スバル「レイバック」とベース車「レヴォーク」の決定的な違い…1200kmのロングドライブで検証!【見逃し配信】 – 見逃し配信
- 電池、機能性部材料などの製造・販売を行うマクセル株式会社の財務諸表(第78期第3四半期)を見てみる
- TikTok faces a ban in the US, Tesla profits drop and healthcare data leaks
- Will a TikTok ban impact creator economy startups? Not really, founders say
- 英語スピーキングテスト「自由回答問題」で断然有利!覚えておきたい“2つのテンプレ” – ビジネスを強くする教養
- 清水建設・まとめ
コメント