OK、ここに状況があります:ホバー上のサブレベルのドロップダウンリストを含む主要なナビゲーションメニューを備えた、かなりシンプルなWebサイト。各ナビゲーションレベルには、その下に3〜6のサブレベルがあり、他よりも重要ではありません。たとえば、次のモックアップを参照してください。
私の質問は、ユーザーがサブレベルにカーソルを合わせて選択するのではなく、主要なナビゲーションオプション(「ニュース」など)の1つでClicksを実行するとどうなりますか?
私の直感では、このナビゲーションオプションのクリックを許可する必要があると教えられています。ナビゲーションオプションをクリックできることがユーザーの動作として期待されています。クリックすると、ある種のランディングページが表示され、すべてのサブレベル(最新のニュース、ブログ投稿、ケーススタディ)が一覧表示されます。ただし、リンクのリストを表示する以外に、このランディングページに追加するコンテンツがないため、ほとんど役に立ちません。図像とサブレベルの説明を追加することで埋め尽くすこともできましたが、それはそれのための単なる内容です。 「最新ニュース」が何であるかを理解するために本当に説明が必要なのでしょうか?
ランディングページを含めない場合、このプライマリナビゲーションをクリックすると何かを開く必要がありますが、「最新ニュース」ページを開くと、ユーザーはサイトの他のセクションを知りません。
(ランディングページはブレッドクラムナビゲーションにも役立ちますので、実際に使いたくありません)。
実際に表示するコンテンツがない場合でも、サブレベルのリストを表示するランディングページが実際に役立つと思いますか、それとももっと良い代替手段がありますか?
私は@Tonyに同意しません。そして、あなたが言うように、それはクリック可能なメニューのように感じるので、ランディングページがあるべきだと思います。最新のニュース、最新のブログエントリ、最良のケーススタディのティーザーを用意して、この3つのブロックに配置するのが理想的だと思います。
私はあなたがリンク以上のものを必要としていると思います-ページを正当化するためのいくつかの情報、そして(おそらく)ユーザーがこれら3つのうちどれを実際に欲しいかを決めるのを助ける。それは少し無駄のようであり、それは他の場所で繰り返される素材ですが、ここをクリックすると、ユーザーが望むものを見つけようとするユーザーの試みが進むはずです。
このジレンマの原因は、コンテンツを取得してそれをページフレームワークに配置する習慣です。
実際には、「特定のコンテンツ=特定のページ」という実際のルールはありません。実際、さまざまな種類のコンテンツが1つのページを共有する方が理にかなっていることがよくあります。
これは新しいことではありません...私が思い出す限り、それは問題でした。
通常起こることはサイトマップが決定されることです:
コンテンツは3つの「ページ」用に作成され、3つのページが作成されてから、誰かが「待ってください。
そして、通常起こるのは、3つのコンテンツ領域へのリンクを含む3つの簡単な紹介段落が、About Usページに表示されることです。
それで大丈夫です。それは許容できる解決策です。これは、ABOUT USがクリック可能であることを期待するユーザーが何かを見ることができるようにし、ABOUT USがクリック可能であることを期待しないユーザーが何かを見逃さないようにします。
しかし、私はしばしば、適切な解決策は4ページを持たないことだったと思います。ちょうどそこにリストされているすべてのコンテンツを含む1つのAbout Usページ。
あなたはどこかに行くべきだと私は本当に思っています。ユーザーは、グループ内の1人以上のメンバーでこれを実行できる場合は常に、他のすべてのメンバーでも実行できると想定する傾向があります。したがって、「About Us」をクリックしてどこかに着地すると、彼らのツールはニュースや質問などがどこかに行くと考えます。効果がないと、「なぜここでこれを実行できるのですか?」
実際には、ナビゲーションは単なるlistであり、これは相互に共通する何かを持つ個々の要素のグループとして定義されているため、そのグループで誰が何をしているのか、全員がそうしていると仮定します
stackExchangeと多少似ていますが、[質問]リンクをクリックすると、すべての質問が表示されます。しかし、すべての質問が混在しています。特定のグループを取得するには、タグをクリックして移動する必要があります。これはジレンマに似ていますが、タグがサブメニューにないだけです。
それぞれにランディングページを作成し、そのセクションの上部に要約または「最新」を作成してください(通常、JSスライダーに配置されます)。次に、すべての子コンテンツを、その下のニュースタイトルと要約のリストを含むカテゴリに分割します。
主要なナビゲーションオプションをクリックしても、どこにも行かないと思います。不自然に感じます。 WindowsとMacのシステムメニューがどのように機能するかを見ると、クリックしてもドロップダウンメニューを開く以外は何も起こりません。その動作を模倣する必要があります。
ほとんどのソリューションがクリックではなくホバーでメニューをトリガーする、Web上のドロップダウンメニューの不適切な実装について多くの議論がありました。メニューを表示する方法としてホバーを使用する場合、人々がそれをクリックしてメニューのオプションに触れないリスクがあります(タッチベースのデバイスを使用する場合も同様です)。メニューを表示する方法としてクリックを使用する場合、人々はカテゴリページに到達するために2回クリックする必要があり、それは自明ではありません。
ブレッドクラムメニューを使用している場合やJavaScriptを使用してドロップダウンをアクティブにしている場合は、少なくともすべてのサブページを一覧表示するフォールバックページが必要です。
カテゴリを要約したり、一部のカテゴリページを優先したりする場合は、このようなページが必要になることがあります。