次の質問に答えるには、よりユーザーフレンドリーで明確な方法はどれですか。
A)
B)
編集:ドロップリストに固執する必要があり、オプションAとBがあまり好きではないため、3番目のオプションを考えました。この場合、ドロップダウンするとチェックボックスが常に表示され、その下のオプションのいずれかを選択せずに[いいえ]を選択することはできません。
C)
作業している形式の標準に応じて、レスポンシブ開示またはレスポンシブ有効化を使用します。
Responsive Disclosureは、最初にこのようなラジオボタンを表示することを意味します...
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
...次に、ユーザーが「いいえ」を選択すると、空白の追加オプションが次のように表示されます...
レスポンシブの有効化は、最初にオプションを非表示ではなく灰色で表示することを意味します。
Responsive Disclosure および Responsive Enableing は、Quince Infragisticsパターンライブラリおよび Designing Interfaces、Second Edition の179〜185ページにも記載されています(Jenifer著)。ティドウェル。
注:オプションが2つしかないため、ドロップリストからラジオボタンに変更しました。スペースが厳しく制限されている場合、またはユーザーがデフォルトを使用するようにナッジしようとしている場合を除いて、この場合はラジオボタンの方が適切なパターンです。また、オプションA、B、またはCの少なくとも1つを選択する必要がある場合は、特にデフォルトでオプションを選択したくない場合は、チェックボックスの代わりに7つの明示的なオプションを含むドロップリストを使用する方がよい場合があります。
これらはどちらも最良の選択肢ではないと思います。あなたは1つのドロップダウンで行く必要がありますか? 2つ見たいです。 1つ目は表示され、2つ目はユーザーが最初から「はい」または「いいえ」を選択するまで非表示になります。選択すると、2番目が適切なオプションとともに表示されます。
スペースを考慮する場合は、ポップアップまたは2ページ目で2番目のステップを作成することもできます。 1つの[はい]/[いいえ]の選択(たとえば2つのボタン)で構成される最初のページ。
ユーザーが[いいえ]を選択すると、オプションを選択するためのチェックボックスを含む2番目のページが表示されます。
タッチスクリーンを使用している人々に少しでも関心がある場合は、ワークフローのいくつかのステップ/ページに情報とメニューを広げるのに慣れているため、これが最良のオプションであるはずですが、おそらくそれらのコンボボックスで指を壊します。 ...