web-dev-qa-db-ja.com

Webサイトに左ナビゲーションを使用しないのはなぜですか？

左ナビゲーションは、Webアプリケーションでより広く使用される傾向になっています。例えば Zoho Books 、 Slack 、 Gmail などで利用されています。

画面解像度のサイズが徐々に増加するなど、左ナビゲーションを移動するより有効な理由、さらに垂直方向のスペースを利用するため、デスクトップソフトウェアのようにも見えます...

私の要点、Webアプリケーションのように左ナビゲーションを使用しないのはなぜですか。どちらも同様のユースケースですよね？

すでにAPIドキュメント、ヘルプドキュメント、ナレッジベース画面にLEFTナビゲーションを使用しています。

LHSナビゲーションを移動する利点：

  • メインコンテンツの縦のスペースを増やします
  • すでに私たちのWebアプリケーションが左ナビゲーションに移動している場合、それはWebサイトにとってより便利です。両方が似ているように

レスポンシブデザインを使用してさまざまな解像度を解決するには？

  • LHSはデフォルトで開くことができます1280以上の解像度
  • LHSは上部に配置できます[または]デフォルトでは閉じています1024-1280
  • LHSオプションは、以下のモバイルWebサイトのように上部の「メニュー」タブの下に移動できます1024解像度

はい、一部のWebサイトはLHSナビゲーションを使用していますが、LHSパーツを開くために「ハンバーガーメニュー」を使用しています。デフォルトでLHSナビゲーションを表示しないのはなぜですか。はい、視覚的にメインのコンテンツに焦点を当てるべきです。

あなたの提案は何ですか。 LHSナビゲーションを回避する特別な理由はありますか？

enter image description here

website-designnavigationaccessibility
15
jelumalai

あなたの質問は、デフォルトで左側のナビゲーションが表示されなくなった理由だと思います。これは主にトレンドだと思います-おそらく良いものでしょう。

最近は多くの傾向があり、そのうちの2つは、a）ハンバーガーメニューとb）1列のページレイアウトです。

この記事は詳細ではありませんが、これについてもう少し詳しく説明している多くの記事の1つである http://www.weebly.com/blog/web-design-trends

これらのトレンドの両方の目標は、すべてのユーザーにタスクとハンドに焦点を当てることです。集中する1列のコンテンツ。注意をそらすメニューはありません。

明らかに、これは必ずしもすべての人にとって最良の解決策ではありませんが、サイドバーや上+左のナビゲーションなどを使用してこれまでに行った方法と比較して、多くの場合、これが意味を成します。

7
DA01

この質問に対する答えは単純で、ほとんどすべての「なぜこのようにしないのか」という質問に対する答えです。ユーザーにとって最も効果的な方法でコンテンツをダイジェストするために、意味のあることを行う必要があります。

これは、アプリの左側のナビゲーションを意味する場合がありますが、万能モデルは、すべてのアプリケーションのすべてのユーザーにとって効果的ではありません。

あなたの最善の策は、ユーザーが「自然の生息地」で実際に何が機能し、何が機能しないかを確認することです。次に、それらの観察を行い、アプリのプロトタイプを作成し、それが機能するかどうかを確認します。左手ナビなら大丈夫！しかし、それがあなたにとって意味をなさないからといって、左利きではないものを割り引いてはいけません。

3
Sean Ryan

垂直方向の左ナビゲーションメニューを避ける多くの最新のWebサイトデザインでは、代わりに次の1つ以上を使用しています。

  • 隠しハンバーガーメニュー
  • ページ上部の単純な水平ナビゲーション
  • 単一列の長いコンテンツ
  • ターゲットを絞った行動を促すフレーズのボタン

これらの設計上の決定はコンテンツに焦点を合わせ続けるに役立ち、各ページが細工された説明で情報を提供できるようにします。

今日、多くの製品およびサービスサイトは、ユーザーコンバージョンを最大化するためにこれらの技術を採用しています。彼らは彼らのウェブサイトを情報のページではなく、購入決定の前の売り込みとして見ています。 Webサイトの最初のページと2番目のページは、関連する購入を行う前にユーザーが最後に表示する場合があります。

することに焦点を当てたサイトはストーリーを伝える必要はありません。コンテンツは重要ですが、生産性がより重要です。したがって、永続的なナビゲーション要素を使用して、目的の場所に移動するために必要なクリック数を減らします。

2
Ishmael Smyrnow

ここでは、人々がトップナビゲーションを好むいくつかの理由を示します。

  1. ユーザーはウェブサイトのコンテンツをFパターンで消費します

    http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/

    これは、左と上の両方の不動産が同等の注意を引くことを示唆しています。したがって、トップナビゲーションは、メニュー項目の数が多すぎない限り使用できる別の選択肢です。

  2. ユーザーの注意を引くコンテンツの配置

    現在の傾向は、ブラウザーの幅全体を占める大きな画像とコンテンツを使用することです。インターネット速度の向上により、高解像度の画像や動画をオンラインでダウンロードできるようになりました。ブラウザ全体の幅を利用すると、ユーザーの注意を引くのに役立ちます。このストーリーテリングの方法は、単一ページのWebサイトと、メニュー項目が少ないサイトで機能します。垂直ナビゲーションバーは独自のスペースを取ります。アイテム数の少ない横メニューがここで最もよく機能します。

  3. ローカリゼーション

    トップナビゲーションはほとんどの言語に適しています。アラビア語の場合、いくつかのケースでは、左ナビゲーションを右にシフトする必要があります。このようなシナリオでは、トップナビゲーションによって人生が楽になります。

詳細については、この記事を参照してください http://www.smashingmagazine.com/2010/01/11/the-case-against-vertical-navigation/

上のスマッシング雑誌の記事のいくつかの点には同意しませんが、私はそれが縦対横メニューの良い点を持っていると思います。この記事には、左ナビゲーションがほとんど無視されていることを示唆する研究へのリンクがあります。

アイトラックIII：目を通して見たときに見たもの の結果では、左側のナビゲーションよりも上部のナビゲーションの方が優れていることがわかりました。興味深いことに、結果によると、右側のナビゲーションでも左側のナビゲーションよりも成功しました。

メニューの選択は内容とコンテキストに依存すると思います。以下のリンクは、コンテキストに基づいて使用するメニューに関するガイドラインを提供します

http://www.usefulusability.com/main-navigation-types-and-usability-pt-1-horizo​​ntal-navigation/

あなたの質問から数行を引用

1

すでに私たちのWebアプリケーションが左ナビゲーションに移動している場合、それはWebサイトにとってより便利です。両方が似ているように

2

LHSは、デフォルトで1280以上の解像度で開くことができます

LHSは上部に配置するか、デフォルトで1024〜1280で閉じることができます。

さて、私は上記のステートメントが矛盾していると思います。とにかく、これは長いメニューでうまくいくかもしれません。ただし、メニューの項目数が少ない場合、およびすべての画面サイズで一貫性が必要な場合は、水平メニューを使用することをお勧めします。

1
Gautham Raja

デスクトップの画面サイズは大きくなる可能性がありますが、Webの使用率の50％以上が、不動産が貴重なスマートフォンを介して行われています。

2列の設計は電話では非現実的であり、人々は複数のデバイス/画面にわたって一貫したエクスペリエンスを必要とする場合があります（または可能な限り一貫したものにする）

0
Voxwoman