web-dev-qa-db-ja.com

膨大なリストのアコーディオンは推奨されますか?

私はインタビューダッシュボード(管理者側)で作業しています。長いリストのアコーディオンに関するフィードバックを知る必要があります。

候補のリストは、最大100項目まで到達できます。

そのリストにアコーディオンを使用することをお勧めしますか(現在、モックアップでの表示方法)またはページネーション付きの専用ページに移動する必要がありますか?

それとも他にアイデアはありますか?

Accordion method

2
jaspreet singh

Nielsenには アコーディオンに関する包括的なガイド があり、ユースケースはそれらに適しているようです


アコーディオンをニールセンのと相互参照してみましょう。アコーディオンの主なユーザビリティの問題

コンテンツ全体を表示するために一度に1つずつ見出しをクリックするよう強制するのは面倒な場合があります

  • パス✔
  • ユースケースに見出しの数が多すぎないようであり、見出しは論理的です。

アコーディオンによってインタラクションコストが増加します。読者はクリックを通貨のように扱います。クリックに価値があり価値がある場合、読者はクリックを通貨のように扱います。

  • パス✔
  • クリック数を削減する唯一の方法は、ページ上のすべてのデータを一度に表示することです。これにより、ユーザビリティの問題が大きくなります。

ナビゲーションの背後にあるコンテンツを非表示にすると、人々の意識が低下します。

  • パス✔
  • あなたの43候補ラベルは、まだ知らされていない場合は、それを認識させます。

アクセシビリティは重要な考慮事項です。ページとウィジェットは、アクセシビリティを考慮してコーディングする必要があります。これは、追加の開発作業です。対照的に、プレーンテキストは本質的にアクセス可能です(ただし、障害のあるユーザーが理解するには複雑すぎる可能性がありますが、これは標準的な書き込みの問題であり、いずれにしても考慮する必要があります)。

  • 依存する
  • これは実装の問題ですが、アコーディオンにアクセスできることを確認することが重要です。

印刷は、読者が正しく指摘する別の考慮事項です。多くの場合、アコーディオンはドキュメントの印刷にはあまり適しておらず、コンテンツのスニペットを一度に印刷する必要があります。

  • 依存する
  • ユーザーがこの情報を印刷する可能性が高い場合は、その方法をユーザーに提供する必要があります。
4
Joel Tebbett