大きな情報ツリーのアクセス可能なナビゲーション
-
06-07-2019 - |
質問
病状に関する情報のフロントエンドである公開ウェブサイトを開発しています。
ユーザーが検索(アンケートベース)を実行すると、セクションとサブセクションに分類された結果が表示されます。
情報アイテムは、セクションとサブセクションの両方に割り当てることができます。
現時点では、セクションは上部と画面のタブで表示され、サブセクションはサイドバーのリンクで表示されます。サイドバーのリンクは、選択されているセクションに応じて変わります。
問題は、セクション名が非常に長い(いくつかの単語)ため、タブの合計長が標準の画面解像度(1024 x 768)に対して広すぎることです。したがって、ページレイアウトを折り返して壊します。また、今後さらにタブを追加する必要があります。
この問題を念頭に置き、ターゲットオーディエンスが非常に広いという事実を踏まえて、これは公開医療ウェブサイトであり、この種の情報を一般ユーザーがアクセスしやすくナビゲートしやすい方法で提示するためのオプションはありますか?
解決
サブセクション名はどのくらいですか?タブのスペースにそれらは収まりますか?サイドバーメニューにセクションリンクを配置し、タブにサブセクションリンクを配置すると、ユーザーのパフォーマンスが向上する可能性が高くなります。 http://www.usability.gov/pubs/040106news.html をご覧ください。
他の方法は、すべてをサイドバーメニューに配置することです。サブセクションリンクは、セクションリンクの下にインデントされて表示されます。また、セクション列の右側にある独自の列にサブセクションリンクを配置することも検討できます。これにより、セクションメニューが安定しますが、コンテンツに使用される可能性のある多くの水平方向のスペースが必要になります。どちらの場合でも、視覚的なデザインに適切に注意を払うと、現在のセクション、サブセクション、およびそれらの間のリンクが表示されます。
リンクを使用して各セクション/サブセクションにナビゲートする限り、アクセシビリティに問題はないはずです(おそらく、ページへのリンクに関連するデータベースに基づいて各ページに対してプログラムで生成されます)。
他のヒント
アイデアをブレインストーミングするだけ:
- コンボボックスを使用して、ユーザーが(サブ)セクションを選択し、適切な情報項目を表示できるようにします。
- セクションレベルごとに個別のページを作成し、パンくずリストコントロールを提供して、ユーザーがページ階層のどこにいるかを示します。
- ユーザーが情報アイテムを読んだときに自動的に非表示になる折りたたみメニューを作成します。
SOに関する別の質問で、 Quince へのリンクに出会いました。インスピレーションを見つけることもできます。
試すことができます:
- iPodスタイルのメニュー(サブセクションは右から飛ぶ隠されたページです): http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/
または、Daanが言ったように:
- カスケードドロップダウンボックス: http://www.asp .net / AJAX / AjaxControlToolkit / Samples / CascadingDropDown / CascadingDropDown.aspx
これらの両方の欠点は(従来のツリービューと比較して)、セクションを選択するまでサブセクションが表示されないことです。ユーザーが後のサブセクションの名前を知らない場合、これらのいずれかが適しています。
一方で、後のサブセクションの名前を知っている場合は、いくつかの文字を入力して直接移動できるように、オートコンプリートテキストボックスを提供することをお勧めします。