長いリストからアイテムのリストを選択するためのUI
シナリオ
ユーザーがアイテムのリストを選択し、アイテムに対して操作を実行するデスクトップアプリケーションを設計しています。
アプリケーションのページの1つでは、ユーザーは、数千のアイテムを含む可能性のあるストレージからこのアイテムを選択できます。ストレージでは、アイテムは少数のフォルダー（最大20フォルダー）に保存されます。各アイテムは、いくつかの「関心のあるポイント」に関連しています。興味のあるポイントはたくさんあり、それぞれのアイテムはそれらのほんの一部、またはたくさんに関連しているかもしれません。いくつかの関心のあるポイントは、複数のアイテムによって関連付けられている場合があります。したがって、データと関係を要約するには：
- フォルダーとアイテム間の1対多の関係
- アイテムと興味のあるポイント間の多対多の関係
- 多対多の関係は、フォルダと関心のあるポイントを（直接ではなく、アイテムを通じて）まとめたものです。
このページの目的は、ユーザーがフォルダーや関心のあるポイントでフィルタリングしながら、アイテムのリストを選択できるようにすることです。ユーザーは、フォルダーを選択してから、選択したフォルダーのみに関連する興味のあるポイントを選択し、アイテムを選択できる必要があります。別の選択方法は、最初に関心のあるポイントを選択し、次にフォルダー（interesetのポイントに関連するフォルダーのみ）を選択してから、アイテムを選択することです。選択したアイテムが別のパネルに表示されます。
質問
特定の問題は、フォルダーと関心のあるポイントでアイテムを任意の順序で簡単にフィルターできるユーザーエクスペリエンスを作成する方法です。ユーザーは、最初にフォルダーを選択し、次に関心のあるポイント（ただし、選択したフォルダーにまったく関連するもののみ）を選択するか、またはその逆を行います。そのような要件のための簡単で明確なUIは何ですか？
フォルダのツリーまたはフラットリストを表示するオプションをユーザーに提供します。コンテキストに適したビューでバッチアクションを選択できるようにします。
あなたの状況を理解しているフォルダはコンテナです。複数のフォルダに関連付けられているアイテムはありません。
1。ユーザーがクエリを作成できるようにします。クエリを保存することもできます
これにより、戻ってくるワークフローを保存できます。クエリを構造化して、フォルダ、興味のあるアイテム、または文字列で検索できます。
2。フォルダーのコンテキストを保持することが重要な場合は、表示オプションを許可します。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
