ダイアログ-最初の選択により設定が異なります
構成する前に、選択を行う必要があるダイアログを作成しています。設定は「食事」によって異なります。どのような会話が良いですか？ （なぜ？）：
- ドロップダウンがあるもの
- 最初の選択ですべてのオプションを公開しているもの
個人的には2つ目がいいと思います。ユーザーはすべてのオプションを表示するために最初にリストを展開する必要がないため、1回クリックするだけで済みます。食事の種類については、ラジオボタンを使用することをお勧めします。ただし、ユーザーが使用できるオプションの数によって異なります。 2つまたは3つしかない場合は、ラジオボタンを使用します。
食事タイプ（朝食、昼食など）は、設定ではなくフォームのヘッダーのようです。
最初のソリューションでは、すべての食事がone formの下のドロップダウンに表示され、残りのフォームは食事ユーザーが選択します。食事を選択すると、レイアウト構成が変わります。これはユーザーを混乱させる可能性があります。「朝食」を選択している間、「ランチ」の設定を維持したい場合もあります。これは、設定が同じ形式であるためです。
2番目のソリューションは、ユーザーが異なるフォームを選択するタブレイアウトで、各フォームには独自の構成とオプションがあります。そういう意味でいいです.
余談ですが、同じページでチェックボックスとトグルを使用しないようにしています。この場合、チェックボックスの方が適切だと思います。
2番目のダイアログボックスの方がわかりやすいの理由：
- ユーザーは、2つのドロップダウンが関連していることがすぐにわかり、最初のダイアログボックスとは対照的に、これは明確ではありません。
- ユーザーはすべてのオプションを一度に見ることができます
漸進的な相互作用
フォームがプログレッシブの場合は、その方法で作成します。他の人が形成される前に1つの質問に答える必要がある場合は、1つの質問をします。その答えがわかったら、関連性のある次の1つ以上を尋ねることができます。
また、ラジオとトグルではなく、追加データ用に1つのコントロールタイプを選択したことにも注意してください。
私は2番目のダイアログの方が良いと思います。オーバーレイの選択などはありません。しかし、どちらも同じ問題があります。「オーガニックフードを含める」がチェックボックスで、グルテンフリーがスイッチになっているのはなぜですか。