web-dev-qa-db-ja.com

メニュー/ハンバーガーメニューの下部または上部にモバイルですか?

ウェブサイトがハンバーガーメニューを上部ではなく下部に配置しない理由はありますか?一番下にあると、親指で再調整する方がはるかに簡単です。なぜそれをもっと多くしないのですか?

1
user1937021

それは、電話での到達しやすさにはより理にかなっていますが、スクロール、ブランド/会社の配置、およびリストの順序に関する問題により、左上よりも望ましくありません。

1。煩わしく、コンテンツのサイトの行にあります。左下隅にハンバーガーメニューがある固定されたUIフッターは、スクロール時に目を集中させる場所を妨げるため、非常に煩わしいものです。記事を読んでいると想像してみてください。私たちのほとんどはスクロールをWebで行うので、下部に配置すると、画面の上部とは異なり、無視できないビジュアルになります。

2。ウェブサイト名をどこに入力しますか?さて、ハンバーガーのある固定フッターに配置することになると思いますが、ユーザーがスクロールするときにユーザーの注意をそらすことになります。または、それを上部に配置することもできます。これで、貴重な画面の不動産を占める2つの固定要素ができました。 Webサイト名を固定されていない要素にするとどうなりますか?どちらも実行可能ではありません。ほとんどのサイト/ブランドは、自分の名前が常に表示されることを望んでいます。

。リスト順の間抜け。ハンバーガーを開いたら、内容を下から上に、または上から下にリストする必要がありますか?これはマイナーですが、ユーザーはうーん行きます。 (ところで、ユーザー調査から...常に上から下にリストする必要があります)。

4。頻繁なアクションではありません。 Webブラウザでの#1インタラクションは、ページに表示されているリンクをクリックしてから、[戻る]ボタンを使用することです。 (つまり、実際には、Webブラウザーの左上隅にある戻るボタンは単なる意味です:)... Safariが下部に配置し、ブラウザーがAndroidおよびWindows Phoneに依存することに注意してください)ハードウェアの戻るボタンで!)ハンバーガーの使用を必要とするWebサイト上の場所間を移動することは、思っているよりも一般的ではありません。実行可能な解決策となるためには、物理​​的な努力に基づいて簡単にアクセスできるようにするためには、上記のスクロールのような頻繁なアクションで不利な点を上回らなければならないでしょう。

2
Paula Chuchro

画面の下部にアイコンを配置すると、ブラウザのUIの邪魔になる場合があります。 Paulaが言ったように、特にナビゲーションメニューアイコンのある固定ヘッダーを探索したい場合は、スクロール動作の邪魔になる危険があります。

ハンバーガーのアイコンについて覚えておくべきことは、すべてのユーザーがその目的を知っているわけではないということです。アイコンを学習していないオーディエンスをターゲットにしている一部のWebサイトやアプリでハンバーガーアイコンが付いた「メニュー」を見たことがありますが、これはメニューを意味します。

0
Evan Wiener