web-dev-qa-db-ja.com

ウェブ上に大きなリストを表示するための良いパターンは何ですか?

多数の成分を含むWebアプリケーションを作成しています。以下の私の現在のアプローチを見ることができます:

enter image description here

ただし、リストが大きくなると、画面のサイズが大きくなりすぎます。これが私の現在の考えです:

  • リストアイテムも同様に重要であるため、それらに優先順位を付ける(たとえば、重要度の低いアイテムをタブの後ろに隠す)ことは理想的なソリューションではありません。
  • 1つのオプションはタブ(例:アイテムカテゴリ)を作成することですが、これはユーザーにかなり多くの追加クリックをもたらします。
  • 私はある種のロールダウン/ロールアップのサブリストを持つことを考えましたが、実際にそれを行う方法はわかりません。うまく実装されているそのようなソリューションの例はありますか?

この問題についてのあなたの考えを共有してください。また、既存の既存の実装のリンク/スクリーンショットは、うまくできていると思います。

最も重要なことはリストをシンプルにするおよびクリック数を最小限に抑えるです。

10
finspin

すべての設計者が人々について知っておくべき100のこと (いくつかの本当に素晴らしいヒントがあり、一般に優れた研究へのリンクがあります)は、ユーザーにクリックを経験させることは、問題ではないことを述べています各ステップで、必要な情報をユーザーに提供します。著者が言うところのAmazonで利用できるページにリンクしました。残念ながら、その直前のページは含まれていません。

ですから、折りたたみ可能なメニューやタブは問題ではないと思います。非常にうまく機能する買い物リストについては Clear を見てください(todoマネージャー、基本的に同じことですよね?)。キックアスの実装があり、折りたたみ可能なメニューを非常にうまく実行します。

3
NotSimon

閉じた質問に対する以前の回答にいくつかの非常に素晴らしいリストの例があります: https://ux.stackexchange.com/a/11641/13249

画像があなたにとって最適なソリューションであるかどうかはわかりませんが、リストの単調性を分解し、スキャンをはるかに簡単にするBBCの例では、写真が優れています。

0
smoca