web-dev-qa-db-ja.com

50の検索条件を備えたフォームデザイン

次のタイプのコントロールを持つ50個のフィールドがある検索画面で作業しています。また、もう1つの問題は、ユーザーが結果を取得できる検索条件のいずれかを選択できることです。

  1. テキストフィールド
  2. リストメニュー
  3. 複数選択リストメニュー
  4. フィルタリング付きの複数選択リストメニュー
  5. チェックボックス/ラジオボタン

http://www.flickr.com/photos/58052028@N00/6326443028/in/photostream

すべてのフィールドを1つのビューに表示する代わりに、誰かがより良いアプローチを提案できますか?.

9
Ravi

検索条件を検索の「タイプ」に簡単に分割できる場合。 「基本情報」、「技術データ」など、それらをタブで表示できる場合があります。ユーザーがタブを離れると非表示になる選択は、タブ付きの領域の上に蓄積され、ユーザーがすでに何を選択したかが明確になります。

そうすれば、同じページに留まることができ、@ andrewthongの提案も利用できます。

また、検索語が最終的にどのように使用されるかに応じて(クエリ文字列に蓄積されるか、後で解析されるフォーム入力フィールドに蓄積されるかにかかわらず)、ユーザーが何らかの「スマート」に到達したときに自分を明らかにするミニフォームを使用すると便利な場合があります。ボックス」-これは、Gmailの「新しいデザイン」のメール検索フィルターヘルパーに似ています。

7
fordareh

OSXのFinderにあるスコープバーは、フィルターの問題が大量に発生する最もエレガントなソリューションであると本当に信じています。可能性のある検索フィルターオプションのすべてまたはサブセットを一度に投げて画面が乱雑になるのではなく、ユーザーが必要なときにフィルターを1つずつ追加できるようにします。これにより、各ユーザーの検索要件に固有の高度にパーソナライズされたフィルタリングが可能になります。

MacOSX Scope Bar

スコープバーの使用の詳細については、 Appleヒューマンインターフェイスガイドライン も参照してください。

11

ユーザーが最も頻繁に使用しているオプションを見つけて、メインの検索ページですぐに利用できるようにします。

残りは、「詳細検索」ページに配置できます。ここで、オプションを分類およびグループ化すると、ユーザーに負担をかけずに表示できます。階層(可能な場合)も考慮します。

9
andrewthong

私はあなたの使用シナリオとユーザーを知りませんが、ファセットナビゲーションコントロールを使用してデータの結果を減らすことは良い解決策になるでしょう。このコントロールの操作はシンプルで直感的です(例:範囲スライダー)。簡易検索と詳細検索の分割も役立ちます。

続きを読む:

http://patterns.endeca.com/content/library/en/home.html

http://patterns.endeca.com/content/library/en/home/topics/faceted_navigation.html

http://www.flickr.com/photos/morville/collections/72157603789246885/

http://www.alistapart.com/articles/design-patterns-faceted-navigation/

3
sysscore