web-dev-qa-db-ja.com

複雑なまたはブールの検索基準で使用される設計パターンの名前

このタイプの設計パターンを説明する用語があるかどうか、またはその実装のよく知られた例があるかどうかを確認したいと思っています。

これは、入力フィールドに検索語が入力されるデザインパターンの拡張であり、検索クエリ(eコマースWebサイトなど)またはエンティティのタグ付け(UXSE質問など)のフィルター/基準になります。

下の図では、2つの入力フィールドがあり、そこからユーザーは各リストで提供される値の組み合わせを選択できます(選択した値によっては、ロジックが埋め込まれている場合があります)。次に、値が組み合わされて、選択および削除できる菱形/バッジ/チップUI要素として表示されます。

enter image description here

このタイプのデザインパターンの例がどこで使用されていますか?そして、それに一般的に関連付けられている名前はありますか?

2
Michael Lai

通常、並べ替えとフィルタリングを組み合わせたカスタムフィルターを追加することは、「ファセット検索」手法として知られていると思います。

Wikipedia では、これは次のように定義されます。

ファセットナビゲーションシステムを使用して従来の検索技術を強化し、ユーザーがアイテムのファセット分類に基づいて複数のフィルターを適用して検索結果を絞り込むことができる技術。ファセット分類システムは、ファセットと呼ばれる複数の明示的な次元に沿って各情報要素を分類します。これにより、分類は、単一の所定の分類順序ではなく、複数の方法でアクセスおよび順序付けできます。

私がコメントで言ったように、例はux.stackexchangeで質問のタイプを検索する方法です。 enter image description here

Nielsen Norman Group の説明が好きです:

フィルターとは、一連のコンテンツを分析し、一部のアイテムを除外するものを意味します。ファセットナビゲーションは、一連のコンテンツを包括的に記述する複数のフィルターで構成されています。

enter image description here

彼らはそこに良い例をいくつか持っており、私の意見ではこの記事は素晴らしい読み物です。

1
Madalina Taina

うーん、それはこの値のタイプとカテゴリーに依存します。

菱形/バッジ/チップui要素を選択できると述べたので、どちらが選択されているかをマークすることが重要です。

これはフィルターに似ており、どのフィルターが最適であるかはデータセットに依存します。

インターフェースがさらに発展する場合は、左側に紹介、フィルター付きの要素を検討し、中央のセクションに結果を表示できます。

enter image description here

選択基準では、範囲(A1からB3まで)が表示されます。これがPriceなどの場合、ユーザーはMIN-MAXを選択する必要があります-使用すると便利ですUI SLIDERenter image description here

そしてまた、基準を追加するプロセス?使い方?ユーザーにとって理にかなっていますか?彼はいくつかのドロップダウンリストから基準を選択しますか?


編集:

Jiraはよく使用されるパラメーターをUIに表示し、ユーザーは使用可能なリストからパラメーターをさらに追加することができます。

enter image description here

0
Piotr Żak