web-dev-qa-db-ja.com

データテーブルフィルターのベストプラクティスは何ですか?

最高のユーザーエクスペリエンスを実現するために、10列以上のデータテーブルフィルターのベストプラクティスは何ですか?

ユーザーの目標:

ユーザーは、さまざまなフィルタータイプの日付、数、およびキーワードを使用してリストをフィルターしようとしています。彼らの最終目標は、フィルターされたデータをcsv、pdfなどにエクスポートすることです。

a)別個のフィルター側または上部パネル(アジャイルCRM、Trelloなど)

enter image description here

b)各テーブルヘッダーの個別のフィルターオプション(Excelなど)

enter image description here

5
Saroj Shahi

ソリューションAにはフィルターされたオプションが表示されますが、ソリューションBには表示されません。

結論を出す前に、ユーザーがフィルターされたオプションを好むか、表示する必要があるかを知る必要がありますエクスポートする前に。

考慮すべきもう1つの側面は、エンドユーザーがスプレッドシートソフトウェア(Excelなど)の操作に非常に慣れている天気です。これにより、想定される効率に関係なく、ソリューションBに移行する可能性があります。

3
asiegf

シールドUIグリッドで使用される 別のフィルタリング プレゼンテーションがあります。

1

フィルタリングの効果によって異なります。テーブル全体をフィルタリングする場合は、フィルターをテーブルの外部に置くと問題ありません。特定のカテゴリをフィルタリングする場合は、影響するコンテンツを含める必要があります。

1
David Sheridan

オプションBを使用します。 IMO、UX/UIデザイナーとして、デスクトップとモバイルの両方のビューをクリーンなテーブルにしたいと考えています。多くの行動を促すフレーズが必要な場合は、編集、削除、追加、プライマリトグルフィルターなどとしましょう。フィルタータグを表示したい場合は、テーブルのUIが乱雑になります。

列ごとにフィルターを設定すると、テーブルがきれいになります。

0