質問: ユーザーがアイテムをグループに割り当てるのに最適なuiパターン 問題:ユーザーは約5〜20個の未分類のアイテムのリストを持っているため、それらを2〜4個のグループに分類する必要があります。トリッキーな部分は、同じアイテムを複数のグループに配置できることです(これはedgeケースですが、サポートする必要があります)。私が見ることができるものから、当てはまる2つのデザインパターンがあります:ドラッグアンドドロップ: 基本的に、ユーザーはドラッグ可能なアイテムのリストが提供され、そのリストをinotグループにバケット化できますこのパターンの主な問題は、同じアイテムを複数のグループに配置できるため、実際には「移動」操作ではないことを意味し、ユーザーがアイテムを分類できるようにするには、アイテムを未分類のリストに残す必要があります。また、別のカテゴリに配置します。この別の結果として、未分類のリストが縮小されることはないため、その中のどの項目がグループ化され、どれが未割り当てのままであるかがすぐにはわかりません。上記の問題を処理しようとする可能性のある設計を次に示します。グループに割り当てられているアイテムは暗く表示されます。また、色(グループラベルの色に対応する色付きのドット)を使用して、アイテムが配置されているグループをユーザーが確認できるようにしています。チェックボックステーブル: グループの列のチェックボックスをオンにすることで、各アイテムをグループに割り当てることができるテーブルスタイルのui。アイテムごとに複数のグループを割り当てる必要があるため、ラジオボタンではなくチェックボックスが使用されます。次に例を示します。このuiで目にする主な欠点は、特定のグループに属しているアイテムを簡単に確認できないことです。また、割り当てられたグループ間でアイテムを移動するのは少し面倒です(2ステップのアクション:ユーザーは1つのチェックボックスをオフにし、別のチェックボックスをオンにする必要があります)。これは、割り当てテーブルuiの横にある各グループのアイテムの個別のリストを提供することで改善できます。このリストは、非インタラクティブにすることも、グループ間でアイテムを移動するためのドラッグアンドドロップをサポートすることもできます。例:正直なところ、どちらの解決策にも完全には満足していません。誰かがこのデザインに対してより良いアイデアや改善を持っているかどうか疑問に思っていますか?
回答: これは、マッピング全体を表示する必要があるかどうかという問題です。マッピング全体を一度に表示する必要がない場合は、別の可能性があります。 download bmml source – balsamiq mockups で作成されたワイヤーフレームマッピング全体が不可欠な場合、最善のアプローチは、人々がマッピング全体を表示できるようにするマトリックスを使用することです。ドラッグアンドドロップuiの使用は便利ですが、ユーザーが繰り返し行う必要のあるアクションがある場合は面倒になる可能性があることに注意してください。