web-dev-qa-db-ja.com

少なくとも1つは必須です。これを明確にするにはどうすればよいですか?

ユーザーがいくつかの項目を選択する必要があるリストがあります。いずれも必須ではない場合もあれば、必須の場合もあれば、2つのうち少なくとも1つが必須の場合もあります。しかし、これをどのように表示しますか?

現在、必須項目をマークする解決策は、警告の三角形を使用することです。しかし、「2つのうち1つ」のシナリオをどのように表示しますか? 1つの提案は、三角形を部分的に透明にすることです。しかし、それは十分に明確ではないと思います。

one list where one item has an orange triangle with white exclamation mark; another list where two items have similar triangles that are semi-transparent

これを明確にする方法について、より良い提案がありますか?警告三角形を使用する必要がありますか?それとももっと良い方法がありますか?


編集:

昨日、すべてを変える何かが現れたので、実際に私の質問を変える必要があります。リストは実際にはツリー構造です。このような: - Lists as in previous image, but items are grouped under headings

48
efrethe

リストを分割できます。

  • ラジオボタンとして必須項目。
  • チェックボックスとしてのオプション

これにより、重要度ごとの注意が分割されないようになり、必須項目間の比較が容易になります。

enter image description here

139
Tom.K

このソリューションは使用できると思います。必須項目が選択され、無効になっていることに注意してください。ユーザーは、ドロップダウンメニューから必須項目の1つを選択する必要があります

mockup

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

38
Marco Tatta

私のキャンパスの入学サイトでは、一部の研究は任意であり、一部の研究は必須です。必須の研究から、特定の時間に行わなければならない研究もあれば、別の研究が必須である研究もありますが、複数回利用可能であり、最適なスケジュールを選択できます。

これは彼らがやったことです:視覚的なグラフィックスに依存する代わりに、なぜあなたがテキストに必要なものを単に置くのではないのですか?

火曜日と水曜日の午後10時にクラスAを受講する必要があります。

クラスBを受講する必要があります。確認できるスケジュールは複数あります。

必須スケジュールの必須クラスは無効化され、チェックされます。オプションのスケジュールを持つ必須のクラスにはすべて、赤い三角形があります。この赤い三角形はどういう意味ですか?本文まで上がります。三角形は必須の「これらの1つを選択する」ではなく、単に「これを覚えておく」

mockup

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

誰かが必須クラスでオプションのスケジュールに失敗した場合、どこに問題があったかを知らせる赤いメッセージがスローされます。

クラスBからスケジュールを選択する必要があります。

ビジュアルが失敗した場合は、クラシックテキストを使用してください。

11
Realdeo

この異常な状況では、よく知られた解決策は機能しないと思います。新しいソリューションを試すことができます。

私が思いつくことができる一つの解決策は、以下のモックアップで与えられます。必須のオプションをリンクします。どれも選択されていない場合は、右のように警告を表示する必要があります。それらのいずれかが選択されていても別の色(できれば黄色)で警告を表示することもできます。また、ユーザーがガイドラインにカーソルを合わせたときに警告メッセージを表示する必要があります。

mockup

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

9
Gökhan Kurt

「どちらか一方」に関する質問に対処するには、2つのオプションのすぐ上にある「次のいずれかを選択してください」の効果に何かを与えるために、ユーザーにそれを綴る指示をユーザーに追加することを検討してください。選択する各オプションではなく、この行動を促すフレーズによって三角形を正しく配置するのが最善の方法です。

これらのオプションで説明した機能は、一度に1つしか選択できないラジオボタンのように聞こえるので、これらのオプションをラジオボタンとして表示して、1つしか選択できないというヒントをユーザーに与えることが考えられます。

感嘆符の三角形のアイコンは、続行するにはページの何かを修正する必要があることを示しています。 fixのフィールドがあると、少し異なる感覚が得られますが、データの入力が必要なrequiredフィールドの場合、それが目的のものであれば、うまくいくと思います。

私は部分的に透明な三角形の大ファンではありません。オプションが現在無効または非アクティブであることを示唆しているからです。

3
ToddBFisher

まだ見たことのない解決策の1つは、状況によって異なります。これらの選択が必須であることをユーザーにある程度知ってもらうことはできますか?私がユーザーである場合、三角形が「必須」を意味するのではなく、「ねえ、これを見て、これはおそらくあなたが探しているものだ」という意味であれば、私はそれを望みます。

そうすれば、例の3つのおすすめ料理それぞれに三角形を配置できます。真の必須を選択すると、三角形が消えます。また、2つの「OR-Mandatories」のいずれかを選択すると、両方の三角形がそこに表示されなくなります。

状況によって異なりますが、ユーザーが自分で必須事項を知っている必要があるため、三角形が彼を導く唯一のものではないという前提があります。しかし、その後、彼はすべての三角形がなくなるまで組み合わせを試す必要があります。

0
ObsessionAddict

これらの要件は脚注で説明できます。これはおそらく、必須オプションがまれである場合にのみ機能します。

A parent
    ☐ An option
    ☑ An option¹
A parent
    ☐ An option
    ☐ An option
    ☐ An option²
A parent
    ☐ An option²
    ☐ An option

¹Because of ______, this option must be selected. 
²Because of ______, at least one of these options must be selected.
0
uber5001

これは私の解決策ではありません。クリーンでシンプルに保つことをお勧めします。ことわざにあるように、少ないほど良いです。現在、すべてのアイテムは太字になっています。さらに区別するために、フォーカスと読みやすさを向上させるために変更します。

したがって、1つの提案は、必須のものを目立たせるために太字にするか、2番目に他のものとインラインに保つが、(*)を追加することです。3番目に、すべての必須のものをリストの一番上に置くことができます。

このようにして、情報の階層をそのまま維持します。

0
Imagestyler

フィールドセットでその妥当性(少なくとも1つは必須)を持つオプションをグループ化するか、それらのラップを追加します。そのオプショングループの背景を変更し、必須のオプションに同じ背景色を追加します。

アイコンをグループの中央(垂直方向中央)に、またはオプションが1つだけの場合はオプションの前に配置します。

enter image description here

0
Madalina Taina

これは、必須フィールドに塗りつぶしの色を付けることで簡単にサポートされる動作の1つです。要件が満たされたら、ページ上の他の入力のように見えるように色をドロップします。

ここで、ユーザーが少なくとも1つを選択する必要がある場合、単一のオプションが選択されるまで、すべてのチェックボックスに色が付けられます。ルールは、リスト内の必要な選択肢の数に適用できます。

ただし、選択する必要のあるオプションがある場合は、ユーザーが誤って選択を解除できないように、デフォルトで選択して無効にする必要があります。この動作はビジネスルールによっても駆動されるため、事前選択されたものは、フォームまたはアプリケーションの他の領域で行われた選択によって駆動されます。

0
RCburn