web-dev-qa-db-ja.com

フィルターで除外された行がテーブルにないことを示す方法は?

フィルター情報が邪魔にならずに、テーブルのコンテンツがフィルターされていることを示す美的で効果的な方法を知っていますか?

私の特定のアプリの背景...

背景
アプリ全体にデータテーブルがあり、画面ごとに複数ある場合もあります。これらのテーブルはそれぞれ個別にフィルタリングできます。つまり、ユーザーはフィルターを設定して、行アイテムに割り当てたカテゴリに基づいて行を表示/非表示にすることができます。 「古い」として分類されていない限り、「重要」と「私の」の両方として分類されたすべてのアイテムを表示します。

フィルターの柔軟性と複雑さのために、フィルターは個別のモーダルダイアログで設定され、インプレースヘルプの余地があります。フィルターオプションを永続的に表示することで、貴重な不動産を使い切る余裕はありません。それは視覚的な混乱を大幅に追加します。

問題
このすべては機能しますが、人は時々忘れるを持っていることがわかりましたフィルターを適用し、データに関する誤った仮定に基づいて決定/アクションを実行します。これを防ぐために、ユーザーが(フィルターが適用されたときに)全データセットを表示していない可能性があることを示す必要があると考えます。しかし、前述したように、フィルター自体の詳細で画面を乱雑にする余裕はありません。

現在の実装
参考までに、現在私たちが持っているUIは次のとおりです。

The filter indicator, as it stands

それは、右側のテキストボックスではなく、「タグフィルターが適用されました」パネルです。控えめに言っても、それは面倒です。

実例
私が思い出せるこの種のUIの唯一の例は、Microsoft Outlook 2003(?)です。ステータスバーに「フィルターが適用されました」という少しのテキストが表示されるだけの、実装はかなり貧弱でした。これはほとんどの人にとって事実上見えないので、問題に対処しませんでした。 MSはそれを手放したと思います。なぜなら、彼らの場合、人々はめったにフィルターを編集しなかったからです。

もっと良い例を知っていますか?それともあなた自身の良いアイデアはありますか?

19
Mal Ross

私はあなたが現在持っているものが機能的であるという@Nirに同意します。すべてのレコードが表示されるとは限らないという事実を見逃すことは困難です。私が気に入らないのは不確実性です。つまり、「タンパク質may非表示にする」とどのように述べるかです。彼らは隠されているかどうか?

この画面のスナップショットは、それを行うためのいくつかの異なる方法を説明しています。

alt text

レコードカウントは、タグフィルターが適用されているかどうかに関する情報とともに上部に表示されます。ただし、ユーザーが一番下までスクロールすると、reallyを見逃すことのできないPost-Itノートスタイルの情報も表示されます。これはやり過ぎかもしれません。また、[編集]ボタンを配置したのは、画面のスナップショットにあるためですが、重複しているようです。

上部について:

  • ユーザーが「40/150レコードなど」というメッセージに注意を払う可能性を高めるために、すべてのレコードが表示されたときに完全に非表示にすることをお勧めします。つまり、「150/150レコード」は表示しないでください。

  • 歯車のメニューは、「タグフィルターを無効にする」や「タグフィルターを再適用する」などの関連機能に使用できます。

これがお役に立てば幸いです。

12
Hisham

Gmailにも同じ問題があることを知っています。つまり、メールを検索して、画面上のものにのみラベルを付けると、検索結果の100%にそれを適用するか、画面上のものだけにそれを適用するかを尋ねられます。

あなたのケースでは、「タグフィルターが適用され、タンパク質が非表示になっている可能性があります」の代わりに、「タグフィルターが適用され、タンパク質のX%を非表示にする」と言うだけではありません。

文字列の長さの比較:

"Proteins may be hidden"
"Hiding XX% of proteins"

収まる必要があり、少なくとも同じスペースでより多くの情報を表示します。 Googleの場合のように、ユーザーが現在の結果からデータを除外することを心配している場合は、私が彼らのしたことを見てみましょう。私はまだ本当に気にしません。

6
blunders

私は数年前に同じジレンマを抱えていて、フィルターが編集されたときにフィルターのニース文字列表現を生成して(そしてユーザーがフィルターを保存できるようにして)、積み重ねてリストに適用する(必要に応じていくつか)ことを少し実験しました視覚的にはリストの上部にあり、同様の黄色のバーが表示されます。

したがって、上部に1行の高さバーがあり、適用された各フィルター(「ABS *で始まるものを除外する」または「-カテゴリーx」を含む)をほぼまたは正確に示し、それらを削除するためのXと既存のフィルターを適用するためのメカニズムを備えていますまたはリストへの新しいフィルター。

あなたの場合、フィルター編集ダイアログがどのように表示され、機能するかについて知りたいです。

1
Oskar Duveborn