最良の方法でユーザーに4つの質問をするための優れたユーザーインターフェイスを作成したいとお考えですか？
私は自分のウェブサイトのメインページに適したUIを作成しようとしています。ユーザーに4つの質問をできる限り簡単に行う必要があります。
- クエリ用語-例：トヨタコロラ
- カテゴリ（オプション）-例車
- 場所（オプション）-例：シドニー、エリザベスストリート
- 上記の場所からの距離（オプション）-例10 km（ユーザーが特定の距離までフィルタリングしたくない場合に備えて、美的な方法を探しています）
クエリ用語のみが必須部分であるため、ユーザーに詳細をあまり気にせずに上記の質問をする最良の方法は何ですか。他の質問は本当にオプションです。
ユーザーインターフェイスをどのように配置すればよいですか？
UIは何が重要で何がオプションであるかを示す必要があります。 3つのオプションフィールドを、それぞれのダイアログを開く小さなリンクとして作成します。ユーザーが自分の設定を選択すると、ダイアログが閉じてリンクに戻ります。明らかに-それはすべて、議論したシステムの検索結果の質と量に依存します。
このUIデモを参照してください： http://img210.imageshack.us/img210/6415/52622589.png
私はこれに沿って何かを考えています：
クエリ用語をテキストボックスに、カテゴリと場所を選択ドロップボックスに配置し、最初にすべてのカテゴリおよびすべての場所を表示します。
対話型の距離コンポーネントを表示することはあまりよくわかりませんでした。インクリメントとデクリメントを5マイル程度にすることもできますが、インクリメンタルにするとよいでしょう。もっと考える必要があります。
必要なのは4つのテキストボックスだけで、最初の1つだけを入力する必要があるようです。これらは、一致するデータ（カテゴリ）または以前の用語/一般的な用語（場所？）のみを許可する自動提案/完全なテキストボックスである可能性があります
レイアウトについて-それはすべてあなたのページの全体的なレイアウトに依存します。垂直配置は、おそらくどのデザインにも統合するのが最も簡単です。
まず、すべてのフィールドが絶対に必要ですか？ 「トヨタカローラ」は車以外の何かになり得ますか？
第二に、これが私がすることです：
- クエリ：自由形式のテキスト
- カテゴリ（絶対に必要な場合）：ドロップダウンコンボボックス
- 場所：郵便番号（ほとんどの都市+州より短い）
- 距離：事前定義された4〜5の数値とコンボボックス内の「どこでも」（オーストラリアにとって意味のあるものを決定）
フォームの美学は、サイトの全体的なデザインに依存する必要があります。同じ目的で異なる要素を使用することは避けてください。つまり、フィルタリングコントロールは検索コントロールと同じように動作する必要があります。