アイテムのリストを表示するWebページを作成しています。リストには3つの目的があります。
リストには、リストに表示される項目を制限するためのいくつかのフィルターがあります。複数のフィルターを組み合わせることができ、フィルターごとに複数の値を選択できます。
リスト項目を選択できるので、複数の項目を操作できます。これは、移動または削除する複数のメールを選択するGmailの機能と非常によく似ています。各アイテムにチェックボックスがあり、上部に別のチェックボックスがあり、すべてを選択/選択解除します。
これまでのところ、ページは次のようになっています。
私の頭では、フィルタリング/選択が機能する2つの代替方法があります。
シンプルなバージョンでは、ユーザーがいくつかのアイテムを選択した場合、フィルターを変更して、選択されたアイテムのうち2つが表示されなくなり、これら2つのアイテムが選択されなくなります。フィルターされたリストに表示されているアイテムのみを選択できます。
「パワーユーザー」バージョンはフィルターに関係なく選択を維持するため、ユーザーはアイテムをフィルターし、いくつかを選択し、フィルターを変更し、さらに選択して、選択したアイテムのリストを構築することができます。リストに表示されます。
これらのうちどれがより良いデザインでしょうか?それとも別の方法がありますか?シンプルなバージョンはおそらくユーザーが期待する動作だと思いますが、パワーユーザーバージョンは悪い考えですか?
問題は次のように聞こえます:
あなたができることは、フォトアルバムに似た、ある種のコレクションを作成することです。アルバムを使用すると、日付の範囲に基づいてアイテムをグループ化できますが、単一の属性(「人」と「馬」など)を共有するだけの多くのアイテムを含むフリーフォームアルバムを作成することもできます。任意のカメラまたはその他の属性)。
コレクションを管理、比較、または追加する必要がある場合は、いつでもコレクションに戻ることができます。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
たとえば、フォントマネージャーSuitcase Fusionにはサイドバーがあり、ライブラリ全体を検索してスクロールしたり、手動でフォルダを追加したりできます。いつでも更新します(ブランドの適切な書体を検索して収集しているときに、デザインクライアントごとにコレクションを作成します)、または特定の基準(たとえば、「Sans Serif」)を満たし、自動的に更新するスマート検索です。
アプリケーションを信頼し続ける
検索とフィルタリングを収集から分離することで、フィルターのモデルが期待どおりの状態を保つことが保証されます。
ユーザーが一般的なワークフロープロセス(フィルタリングで検索)やグループとして関連性のあるアイテムを覚えたり繰り返したりする必要をなくします
コレクションを許可することで、ユーザーは一緒に属するデータセットを覚える必要がなくなります。ユーザーのメモリと設定をアプリケーションにオフロードします。