web-dev-qa-db-ja.com

親セクションのリンクを子セクションに直接リンクする

「キャンペーン」というタイトルの親セクションがあり、「ルール」と「結果」というタイトルの2つの子セクションがあります。右側のドロップダウンで親セクションをクリックすると(大まかなプロトタイプは許してください)、親セクションのランディングページにコンテンツがないため、最初の子セクションに直接ユーザーを送ります。

左側のナビゲーションにラベルとセクションの表示があるので、着陸した場所を理解してもらう必要があります。左側のナビゲーションの「キャンペーン」という単語はクリックできません。他のセクションでは、そのページにコンテンツがあった場合に親リンクがアクティブになるため、そこに不整合が発生します。しかし、私はそれがスタイリングとのリンクであるかどうかを示します。

フィラーコンテンツを作成したり、同じページに配置するためにそのページに2つのボタンを配置したりしたくありません。

ドロップダウンメニュー内のドロップダウンメニューは、それ自体のユーザビリティの問題のためにできる限り避けたいと思います。 「キャンペーン」をドロップダウンのヘッダーのように見せて、「ルール」と「結果」がそのすぐ下の子カテゴリであることを示すこともできますが、少し奇妙に見えるかもしれません。特に、その下にリストされているカテゴリーについて(セクションをアルファベット順にリストしたい)。

親リンクから子セクションに直接リンクすると、悪い体験と混乱が生じますか?もしそうなら、この問題を回避するための提案はありますか?それが大丈夫なアプローチである場合、誰かがこれに関する記事を知っていますか?どちらの方法も見つけられませんでしたが、この決定を擁護する際にサポートをお願いします。

enter image description here

6
Fletchling

最上位セクションごとにコンテンツを追加するだけです。ユーザーがそのセクションで何を見つけるかを「このセクションについて」の説明のように簡単にすることができます。これで、コンテンツが親セクションレベルにあるか子セクションにあるかに関係なく、すべての親セクションには、そのセクション内のすべてのコンテンツの子見出しがあります。これは、親に実際のコンテンツが関連付けられているかどうかに関係なく、すべての子を選択可能にし、親を選択しないという目標を満たしています。

また、可能であれば、セクションのすべてのコンテンツとそのすべてのサブセクションを同じページに配置します。コンテンツが多すぎる場合は、アコーディオンヘッダーを使用して、ユーザーがセクションを展開したり折りたたんだりできるようにします。ユーザーがコンテンツを消費するために上下にスクロールするだけの場合は、スクロールスパイを使用して左ナビゲーションの適切なセクションを強調表示することもできます。このアイデアのワイヤーフレームは次のとおりです。

Section/sub-section nav example

1
Gary Coker

あなたのインターフェースは十分に意図的ではないと思います。これを現在あるもので修正するには、キャンペーンのページを作成し、コンテンツ(またはタスク)への明確な経路を以下の[ルール/結果]ページに提示する必要があります。これをそれらのページの情報の「覗き見」と考えるか、ユーザーがキャンペーンページから簡単にアクションを開始できるようにします。そのキャンペーンページから、ユーザーは必要に応じてアクティビティ(ルール/結果)に基づいて分離できる必要があります。

このページがどのように表示されるかを定式化できない場合は、分類法を再検討することをお勧めします。親子関係は、インターフェースから最も悪影響を与える可能性があります。

0
Nic