web-dev-qa-db-ja.com

約150個のキーワードの検索をフィルタリングするためのUI

多くのフィルターを使用して検索するときに最高のユーザーエクスペリエンスを提供するUI設計はどれですか。

フィルターの最大数については、ユーザーが結果をフィルター処理できる150のフィルター(すべてオプション)を使用できます。これらのフィルタをすべて表示して、ユーザーに負担をかけずに、非常に雑然としたインターフェースを減らすための最良の方法は何でしょうか?

私が見た中で、なんと20個程度以下のキーワードでなんとかやってきたサイトはオンラインショッピングサイトです。同様に、 fontawesome にはそのようなUIが含まれています。しかし、私が求めているのは、最大150個のフィルターを持つことです。

2
Rin Minase

Font Awesomeが使用するのはtagsまたはカテゴリです。これらをフィルターとして定義するのは正しくないと思います。カタログシステムがそれに類似していて、フィルターが実際に150である場合、古典的な折りたたみ可能なツリーメニューを使用して、「フィルター」を整理し、おそらくマクロカテゴリに分割できます。

別の解決策では、キーワークを追加する一意の検索フィールドを使用することです。この場合、ユーザーは何が検索されているかを知っている必要があります。 Selectize.js は、このソリューションに適したツールです。

2
WalterV