検索フィールド内のドロップダウン（材料設計）
検索バーを使用して、検索するエンティティを選択できます。アイコンをクリックすると検索フィールドが拡張されるマテリアル検索動作を使用しているため、ドロップダウンを使用して拡張して表示しました。
この動作は混乱していると思いますか？もしそうなら、これを明確にするための最良の解決策は何ですか？
画像は展開前（1）と展開後（2）を示しています。
。
ありがとう
私の推奨は、UXフローのこの時点からオプションフィールドを削除することです。
Google.comによって確立されたデザインパターンを検討してください（ユーザーの期待を設定し、オンライン検索における明白なリーダーであるため、関連性が高くなります）。 ここで概説 、待機のように、ユーザーが最初のクエリを作成するまで、ドリルダウンカテゴリ（フィルターとも呼ばれます）などの追加オプションが表示されます。ユーザーがnameなどの特定のメタデータ属性を検索するようにする場合は、このオプションを autocomplete ダイアログの個別の部分として表示することができます。インスピレーションを得るには、 this mock up の検索ボックスをクリックします。
グループ化された結果など、Googleのパターンを使用する理由の1つは、ユーザーエクスペリエンスがはるかに直感的になることです。ユーザーは、情報アーキテクチャに基づいて意識的な選択を行う必要はありません。むしろ、彼らは例から選ぶことができます-理想的には関連性によってランク付けされます。
特にnameなどのメタデータフィールドの選択に関連します。メタデータフィールドauthorとserial no.もあるとします。次に、オートコンプリート辞書（ 例 ）と 正規表現 を使用して、これらのフィールドに有効なヒットがあるクエリを識別し、nameの上にこれらのフィールドを表示できます。検索の関連性と直感性を高めます。
ユーザーはカテゴリーで検索する必要がありますが、現在のデザインでは手掛かりがありません。したがって、検索アイコンをカテゴリとともに配置してみてください。 