web-dev-qa-db-ja.com

質問に対する可能な回答を提示するユーザーフレンドリーで明確な方法

次の質問に答えるには、よりユーザーフレンドリーで明確な方法はどれですか。

A)

enter image description here

B)

enter image description here

編集:ドロップリストに固執する必要があり、オプションAとBがあまり好きではないため、3番目のオプションを考えました。この場合、ドロップダウンするとチェックボックスが常に表示され、その下のオプションのいずれかを選択せず​​に[いいえ]を選択することはできません。

C)

enter image description here

12
Niek

作業している形式の標準に応じて、レスポンシブ開示またはレスポンシブ有効化を使用します。

Responsive Disclosureは、最初にこのようなラジオボタンを表示することを意味します...

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

...次に、ユーザーが「いいえ」を選択すると、空白の追加オプションが次のように表示されます...

mockup

bmmlソースをダウンロード

レスポンシブの有効化は、最初にオプションを非表示ではなく灰色で表示することを意味します。

mockup

bmmlソースをダウンロード

Responsive Disclosure および Responsive Enableing は、Quince Infragisticsパターンライブラリおよび Designing Interfaces、Second Edition の179〜185ページにも記載されています(Jenifer著)。ティドウェル。

注:オプションが2つしかないため、ドロップリストからラジオボタンに変更しました。スペースが厳しく制限されている場合、またはユーザーがデフォルトを使用するようにナッジしようとしている場合を除いて、この場合はラジオボタンの方が適切なパターンです。また、オプションA、B、またはCの少なくとも1つを選択する必要がある場合は、特にデフォルトでオプションを選択したくない場合は、チェックボックスの代わりに7つの明示的なオプションを含むドロップリストを使用する方がよい場合があります。

53
Graham Herrli

これらはどちらも最良の選択肢ではないと思います。あなたは1つのドロップダウンで行く必要がありますか? 2つ見たいです。 1つ目は表示され、2つ目はユーザーが最初から「はい」または「いいえ」を選択するまで非表示になります。選択すると、2番目が適切なオプションとともに表示されます。

11
Johnny UX

スペースを考慮する場合は、ポップアップまたは2ページ目で2番目のステップを作成することもできます。 1つの[はい]/[いいえ]の選択(たとえば2つのボタン)で構成される最初のページ。

ユーザーが[いいえ]を選択すると、オプションを選択するためのチェックボックスを含む2番目のページが表示されます。

タッチスクリーンを使用している人々に少しでも関心がある場合は、ワークフローのいくつかのステップ/ページに情報とメニューを広げるのに慣れているため、これが最良のオプションであるはずですが、おそらくそれらのコンボボックスで指を壊します。 ...

1
Falco