web-dev-qa-db-ja.com

モバイルメニューのアイコンはどこに配置する必要がありますか?

最近、クライアントにモバイルメニューについて良い点を教えてもらいました。具体的には、「ハンバーガー」アイコンをどこに配置すればよいですか。

サイトを見ると、右上、左上、またはサイトのメニューが表示されている場所の3つの一般的な場所に表示されます。通常、ロゴとヘッダータイプのコンテンツ(ログイン、カートなど)の下で、地点。

UXの観点からこのアイコンを配置するのに理想的な場所はどこですか?

注:これはモバイルフレンドリーなウェブサイト用です。

3
L84

読者の目が読むときに自然に流れる方法を説明する多くの研究がありますので、そのいくつかが役に立つかもしれません。たとえば、次のような情報が得られます。

そのどれだけがユーザーインターフェイスに適用されるかは、常に議論の余地があります。あなたの質問は、あなたがモバイルアプリについて話しているのか、単にモバイルフレンドリーなウェブサイトについて話しているのかを特定するものではありませんが、優れたユーザーインターフェイスデザインの要因の1つは、デザインがそのユーザーの大多数の方法で動作しないことですそれを期待しないでください。

したがって、投稿で言うように、ハンバーガーメニューの最も一般的な3つの場所は、右上、左上、またはメニューが表示される場所です。これがほとんどのサイトでのやり方であり、したがってこのアプローチに精通しているため、これらの場所のいずれかを確実に採用するようにします。どうして?親しみやすさは期待を生むため、これは通常であり、ユーザーと一致するため、ユーザーエクスペリエンスが向上します。期待しています。次に、このアサーションを裏付けるための参考資料をいくつか示します。

大幅に改善された変更が必要な場合を除いて、これ(慣れ親しんだ方法)から離れたくないと私は主張します。

最も一般的な3つの場所の1つを採用する必要があるという具体的な質問に答えるという点では、具体的なデザインを見ずに明確な答えを提供するのは少し難しいです。私はウェブデザインで左上と右上の両方を使用しており、開発したモバイルアプリで3つすべてを使用しました。

一言で言えば、場所はややデザイン固有です。

お役に立てれば。

6
Monomeeth