私は私のソリューションをテストしましたが、ユーザーがコンボボックスを見落としていると結論付けることができます-下に表示されるフィルターのタイプを決定します-間隔(写真を見てください)
「間隔」の下の領域にコンボボックスを移動することを考えました-別のフィルタータイプを選択すると、タイトルが変更されます-混乱するでしょう?
ドロップダウンに3つの項目(間隔、比較、オプション)しかない場合、それらをドロップダウンではなくタブに表示できませんか?
例1
例2
例
ドロップダウンにいくつかの項目がある場合、これは機能しません。また、画面上部にある番号の付いたボックスがタブなのかステップなのかと思います。タブがある場合は、タブを2回使用することはできません。
ユースケースに応じて、ほとんどのユーザーが使用するフィルターを備えたコンボボックスのデフォルト値を提供できます(たとえば、これがチケット発行サイトである場合は、開始日と開始日など)。ユーザーに次のオプションを表示する前に値を選択するように強制する、選択されていないドロップダウンを使用することもできます。これは、ユーザーに意識的かつ明示的な選択をさせたい場合に役立ちます。
現在、ビューにはアコーディオンが含まれています。そのコンポーネントがより良い方法で使用できるあなたの不動産の多くを占めているので、私はそれを含める正確な目的を知っています。フィルター選択コンボとそれに続く単一値または複数値選択の選択肢、および結果を表示するためのより大きなコンテンツ領域を持つ小さなボックスを用意できます。
私が正しい場合は、遅延作成を利用できるフィルターを構築しています。現在、あなたのフォームは私がフィルタリングしているものを教えてくれません。 XとYの間隔何の?金額、日付、場所は?フォームの上部にその情報を含めることもできます。
1つの解決策は、アコーディオン/ステップのようなフローを使用することです。ユーザーはステップ1でフィルターを選択し、各アコーディオン/ステップセクションには、ユーザーが次の(または前の)セクションに移動できる手段があります。
例: http://jsfiddle.net/rmardeni/NDncE/49/ (これは作成せず、Googleで作成しただけです)