やっぱりハンバーガーメニューを左上に置くのはおかしい

アプリ、Webを問わず、ハンバーガーメニューを画面の左上に設置するモバイルUIをよく見かけますが、ユーザビリティの観点から考えて、なぜ左上なのか疑問を感じずにはいられませんね。

画面の左上はスマートフォンで最も指が届きにくい場所。

人間の視線は左上から始まることから最も視線が向かいやすい場所にメニューを置いたという理屈なのでしょうが、画面の左上は人間にとって最も視線が向かいやすい場所であると同時に最も指が届きにくい場所でもあります。

最も指が届きにくい場所にナビゲーションを設置すると、ユーザーは片手操作で他ページへの画面遷移などのアクションができなくなり、操作の快適性が著しく下がってしまいます。

参考：5インチスマートフォンで親指が届く範囲（当社調べ）

ハンバーガーメニューのプライオリティをどれくらいに設定しているかによりますが、ハンバーガーメニューによる操作にかなりのプライオリティを置いているのならハンバーガーメニューは当然、指が届きやすい画面の下に設置すべきでしょう。

ちなみにYOLX企業サイトでは赤で囲まれた部分にプライオリティの高いグローバルナビゲーションを、緑で囲まれた部分に二次的なオプションメニューを配置しています。最悪、緑で囲まれた部分に指が届かず操作できなくても赤で囲まれた部分だけで、サイトの重要な機能は網羅できるというイメージです。