テーブルからアイテムを収集する
次のシナリオがあります。
- ユーザーはデータベースでいくつかの用語を検索する必要があります
- 結果の用語は「収集」してエクスポートできます
- 一部のユーザーは、新しい用語を収集する前に、すでに収集されている用語と比較できます。
用語の性質は関係ありません。特定の用語の「収集」、「主演」、「ターゲティング」に焦点を当てたいと思います。
これは、ユーザーが用語を検索してデータベースを閲覧できるようにするインターフェースです。興味深い結果を選択して、興味深い用語のコレクションに保存できます。
1つのアイデアは、結果テーブルの下に、収集されたアイテムを含む追加のテーブルを表示することです。この場合、ユーザーはいつでもアイテムに付属するメトリックを参照できます。
別のアイデアは、追加のサイドバーにアイテムを表示することです。
..または、Gmailが「スター付き」のメールで行っているように、収集されたアイテムを表示することもできます（例：スター付き（13））。
現在、ユーザーとテストするいくつかの概念のプロトタイピングとワイヤーフレーミングを行っていますが、アイデアはありません。私と共有したい解決策はありますか？
休憩して他の場所を見てください。完全に別の領域で調査を行うことをお勧めしますが、これには別のテーブルからアイテムを収集する必要もあります。
そのような例の1つは、音楽アプリケーションのプレイリストのトラックを選択することです。アルバムトラックリストは表です。トラックは収集可能なアイテムです。プレイリストまたは「現在の曲」はあなたのコレクションです。音楽アプリに問題がある人は多くありません。どうして？彼らは行動を彼らがやろうとしていることに関連付けているからです。それは明確で自然であり、良いフィードバックがあります。その気持ちを複製します。
以下が Grooveshark.com からのビューです。個別の明確なアイコンを使用して再生（現在の曲のコレクションに追加）を行うことができますが、もちろん、ダブルクリック（予想どおり）も、ユーザーが覚えれば簡単なショートカットと同じ処理を実行します。
気にしないものを取り除くことはもちろん可能ですが、類似点は明確であり、さまざまなアプリが同じ仕事をする方法から導き出されるインスピレーションはたくさんあります。結局のところ、それらに大きな違いはないことがわかるでしょう。
シンプルでわかりやすいUI。
同様に、画面を2つの部分に分割します。1つは検索用、もう1つは収集用です。
最近の画面は広くなる傾向があるため、どちらのパーツも適切なサイズにすることができます。
そのようなUIでは、ユーザーは左側を検索し、選択したアイテムを右側にドラッグします。
または、アイテムを選択し、矢印の付いたボタンをクリックして、右側のコンテナに収集します。
DnDの方法を使用すると、収集されたアイテムを上下にドラッグして並べ替えることができます。
そしてもちろん、それらを収集したのと同じアクションタイプを使用して収集を解除できます。