上部のハンバーガーメニューってうざくない？

Posted at 2025-06-13

最近はお客様のご提案ばかりしているぼくです。
こんにちは。

結構HTMLの初学者が最初のタイミングで実装されるのが多いハンバーガーメニューですが、もしかしたら最近悪手なのではと思う点を書いていきます。

※既存で組まれてるサイトやハンバーガーメニューの重要性に対して下げる意図はありません。その点だけご留意ください。

女性は手のひらが小さい

例えば美容系・アパレル系などの男女比でいう9:1くらいで女性の利用者が多いサイト
SNS・動画サイトなどコンテンツや投稿者によって変わるプラットフォームは老若男女問わず利用されますよね。

こういったサイトは利用者の潜在的なストレスを低減してあげる必要性があると思ってます。

そもそも男女の手のサイズについてこんな記事があったので紹介します。
https://sizea.jp/palm-size/#google_vignette

手の大きさ	手長	手幅	手囲
男性平均	183.4mm	83.3mm	202.5mm
女性平均	169.3mm	74.40mm	179.1mm

こうみると男性と女性で手長が14mmも異なることが分かります。
これはあくまで平均ですが、男性目線だけで物事を考えてはいけないという参考になるかもしれません。

いや片手で使える方がいいだろ。
って一蹴しちゃうと乱暴なので、色んなケースを想定してみました。

現代人は忙しい！聞いたかマリー！！

これらって片手に何か、片手にスマホの状態でってシチュエーションの際、
必ずしまうのってスマホですよね？
なので、UI/UX的にはスマホは片手操作を考慮して設計してあげるべきだと思うんです。

とはいえ前例ってあるの？って疑問に感じるかもしれませんので、いくつか有名サービスの参考例を2つほどご紹介します。

ヘッダーには

これらが並んでいます。

ボトムメニューには

といったメニューが並んでいて

マイNetflixを選択するとハンバーガーが表示されますが、アイコンの押下時も

これらが表示されるようになっています。
毎日操作する必要性のないものがまとまっています。

ハンバーガーメニューを使用することが悪いことではなくて、頻繁に操作が必要なものに配置するのは良くないよね。ってのが分かると思います。

私自身あまり手が大きくないのですが、そんな私でもNetflixで動画を再生する時ってストレスフリーでコンテンツを楽しむことができます。

検索をする時ってどんなシチュエーションが想像できるでしょうか？

どちらかで使用すると思います。
検索は後者の心理に基づいてると思っていて、この際って両手で操作するケースが多いと思います。

恐らくテキストを書くケースなどがあげられるかなと思います。
Netflixで検索する時って私の場合はですが

この3つの動作を無意識に行っています。

なので脳みそのエネルギーが少ない時はあまり使用しない動作なんですよね。
「よっしゃ検索するぞ」といったエネルギーがないと基本的に使用しないでOKな設計になってます。

X（Twitter）もご覧の通り、ハンバーガーメニューがありません。
右下の＋ボタンで簡単にポストができるようになっていて、下部のアイコンで目的の動作がタップで簡単にできるようになっています。

このような形で「ユーザーに対して、繰り返し行ってほしい動作って何？」を定義してレイアウトのパターンを決めている企業やサービスが殆どなんだなということが分かります。

当然ながら、上部にハンバーガーメニューがあっても違和感はないですが「当たり前を見直す」といった形でプロダクトのデザインをご提案していきたいと思っております。
※提案してくれ！って企業さんがいたらぜひともご連絡、お待ちしています！！

なお弊社のサイトはハンバーガーメニューを実装していますので、直したいなという所存です。
手が回らなくて誠にごめんなさいでした。

オブジェクティブグループでは X の投稿も平日毎日行っています！
IT 関連の小ネタや便利技から、日常のアニメ・ゲーム布教なども幅広く投稿してるので、
ご興味のある方は是非フォロー・いいねをお願いします。