it-mure.jp.net

19リンクとほぼ同数のサブリンクを持つWebサイトの設計

私は約19のメインリンクがあり、各ページが8〜10のサブページで構成されるサイトを設計しています。サイトをデザインする最良の方法はどれですか?

1
Joemon

情報アーキテクチャのこのチュートリアルから始めることをお勧めします: http://www.webmonkey.com/2010/02/information_architecture_tutorial/

3
Antony Quinn

目的を理解していることを確認します

基本的な質問をする:このページの目的は何ですか?そこにあるすべてのサイトには数百万のリンクがありますが、最良のサイトには、目前のユーザーのタスクに関連するリンクのみが表示されます。ページ上のすべてのリンクは 全体的な視覚的一貫性 に影響を与えるので、実際には、多数のリンクがあると使いやすさに影響が及ぶのは避けられません。 Google.comのインデックスには多数のリンクがありますが、最初のエントリポイントには何もありません。検索に依存しています。

したがって、この構造を表すいくつかの代替方法を検討してください。

  1. 入力時にオプションを変更する検索ボックス(GoogleインスタントやGoogleサジェストなど)
  2. 地図(地理的な場合)

リストの内容を微調整します

クライアントにこの構造の他の理由がある場合は、少なくとも、リンクを5つ以下のリンクのチャンクにグループ化してください。目の動きは、スキャンするのではなく、各リストを「チャンク」します(6つ以上の要素のリストで発生します)。 )。

ラベルにも少し時間をかけます: ユーザーは最初の2語のみを読む なので、これへのリンクを維持します。

競合サイトを見てください

また、競合サイト(booking.com、kayak.com、hotels.com)を見て、同じ問題であると私が確信していることにどのように対処しているかを確認します。

3
Julian H

Amazon.comのホームページを見てください。左側のナビゲーションバーに14個のリンクがあり、ロゴの右側に10個のリンクがあります(すべてを表示するにはログインが必要な場合があります)。

また、スクロールせずに見える範囲の下に約100万のリンクがあります。

したがって、メインナビゲーションバーに19個のリンク+セカンダリナビゲーションに10個のリンクが実行可能です。

大きな問題は、それが賢明であるかどうかであり、ほとんどの場合、表示する選択肢を少なくする方がはるかに優れています。そして、クライアントがサイトでより多くの選択肢を販売できると確信させるのはあなたの仕事です(フィールドでの実験はいつでも引用できます( wikipediavideo )またはA/Bテストを行うことを提案)

2
Nir