web-dev-qa-db-ja.com

フィールドのグループの1つが必須であることを示す方法

複数のフィールドがあるフォームがあります。いくつかのフィールドは必須で、横に赤い色のアスタリスクがあります。それらのうちの1つが必要なフィールドがいくつかあります。それらのフィールドの横に二重アスタリスク(**)を付けました。

ここでアドバイスが必要です:フォームに2つのアスタリスクがある部分が2つあります。したがって、ユーザーが連絡先情報(電子メール、携帯電話、自宅の電話、または勤務先の電話)を提供する必要があるとします。これらのフィールドにはすべて**があります。次に、別のセクションで、ユーザーは保護者のメールまたは保護者の自宅の電話番号を提供する必要があります。これらのフィールドの横にも**が付いています。ページの上部に次のような説明があります。

*は必須フィールドです。
**どちらか一方のフィールドが必須であることを示します。

シングルとダブルの両方のアスタリスクフィールドの凡例の色が赤であるため、どちらのフィールドが必要かについてユーザーを混乱させる可能性があります。混乱を和らげるためにそれらに異なる色を割り当て、その色を凡例に追加する必要がありますか?どの色が適切ですか?

6
HereToLearn_

関連フィールドをグループ化してラベルを付けることができ(例:「連絡先情報」)、次に「連絡先情報」というラベルのそばにアスタリスクを配置できる場合は、二重アスタリスクは必要ありません。 (以下の「次のいずれかを選択」を追加できます)

経験則は次のとおりです。説明しすぎると複雑すぎます。

16
Mayo

混乱はダブルアスタリスクの色からではなく、直観的でないのはダブルアスタリスク自体です。あなたがあなたのページがユーザーに言っていることを詳しく説明する凡例が必要であるなら、あなたはそれを間違っていると言っていると私はいつも信じてきました。

代わりに、各フィールドセットに連絡先情報、保護者の連絡先情報などのヘッダーを指定し、「1つ選択」と言って、その横に必要なアスタリスクを付けます。これを完全な文章に翻訳すると、「これらの連絡先情報の1つを選択する必要があります」と送信します。これはまさに送信するメッセージです。このような:

screen

7
DasBeasto

1つの連絡方法しか入力できないシステムを構築しているようです。それは最適ではありません。 1つの接触タイプはmaximumではなく、minimumである必要があります。

DasBeastoの発言(および彼の回答に対するいくつかのコメント)は正しい方向への道のりは遠いですが、そこまでは至っていません。 fieldの代わりにsectionでアスタリスクを使用すると、十分に明確になりますですが、テキストを「少なくとも1つ」に変更します。人々がすべてのフィールドを理解して記入しなければ...実際には害はありません。

または、タイプのドロップダウンを備えた1つまたは2つのオプションフィールドと、さらに追加するオプションを用意することもできます。 Androidのカレンダーが reminders を処理する方法に似ています: enter image description here

これにより、知らない人に2つの最も一般的なオプションが提供され、必要に応じてさらに多くのことが可能になります(例:自宅/携帯電話/職場の電話)

3
PixelSnader

さまざまな種類の色覚異常を持つユーザーに問題が発生するため、意味を伝えるために色だけに依存しないでください。

1
Simon Hudson