茨木広告宣伝舎では、ウェブサイト制作(ホームページ制作)や販売促進の最新技術に触れるため日々情報収集は怠っておりません。

情報収集活動の中で「ハンバーガーメニューはどうやら問題があるらしい」という言説を最近相次いで目にしました。

ハンバーガーメニューというのは、レスポンシブデザインのUI(ユーザーインターフェース)の定番となっているものです。

モバイルやタブレット向けのレスポンシブデザインでグローバルナビゲーションなどのメニューをコンパクトに折り畳んで表示しています。

展開させるボタンに「ハンバーガーアイコン」と呼ばれる3本横棒を縦に並べたまるでハンバーガーのようなアイコンを使用することが名前の由来です。

形状的に「サンドイッチ」でもいいじゃないかという気もしますが、とにかくこのハンバーガーアイコンの評判が最近よくないのです。

というのも、デジタルに慣れていない人にとってはそれがメニューを展開させるものだと分かりにくいといいます。だからハンバーガーメニューを実装したウェブサイトの直帰率が上がると言うのです。

メニューがどこにあるか分からないから、ランディングページから他のページを見ることなくそのまま離脱してしまうというのです。

これの解決策はハンバーガーアイコンの脇に「メニュー」「MENU」と記載することだそうです。それであればすでにハンバーガーアイコンは要らない気もしますが…。

ちなみにこのウェブサイト(ホームページ)のメニューはハンバーガーメニューですがちゃんと「MENU」というテキストが添えられています。(2016年12月6日時点)

2007年にiPhone(アイフォーン)が登場してまだ9年。スマホが本格普及して3-4年。レスポンシブデザインの歴史はまだまだ浅いものです。

そもそもメニューを折り畳むという発想がモバイルやタブレット向けのUIとして有効なのか検証が必要なのかもしれません。

レスポンシブUIの定番ハンバーガーメニュー、どうやら問題がありそうだ

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください


Warning: A non-numeric value encountered in /home/users/2/labo-ibaraki/web/ad-ibaraki.com/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43

Warning: A non-numeric value encountered in /home/users/2/labo-ibaraki/web/ad-ibaraki.com/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43

Warning: A non-numeric value encountered in /home/users/2/labo-ibaraki/web/ad-ibaraki.com/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43

Yahoo!ショッピング制作(申込~開店フルサポート)88,000円から
独自ドメインのインターネット通販サイト構築(運用支援オプションあり)88,000円から
スマホ対応のウェブサイト制作(ホームページ制作)33,000円から