web-dev-qa-db-ja.com

すべてのフィールドが必要な場合のアスタリスク(*)の使用

私はここにいます:

3 checkboxes about accepting conditions; all of them are required

UXに関して、アスタリスクを付けたり、フィールドは必須であり、実際にはすべて必須で、どれもオプションではないことをユーザーに伝えたりする必要がありますか?

私は美的に賢いと考えています。それを削除して、ユーザーがチェックしなかった場合はすべて必要であることをユーザーに警告します。

20
G_Max

ユーザーがボタンをクリックして先に進めなかったためにイライラする前に、それが必須であるかどうかをユーザーに確実に知らせる必要があります。

あなたができること:

見出しを「以下に同意してください」から「続行するには以下に同意する必要があります:」のようなものに変更します。コースが長く、ユーザーが見出しを読む保証がない場合。

ユーザーがチェックせずに続行しようとした後、続行ボタン/アクションを無効にしてチェックボックスを強調表示することもできます。

「一度にすべてをチェックする」という点では、たとえばヨーロッパで私が知っている限り、単一のチェックが必要な限り、これは法的な問題になる可能性があります。

[〜#〜] gdpr [〜#〜] (32)「同意は明確な肯定的行為によって与えられるべきである... [] ...沈黙、事前にチェックされたボックス、または非アクティブであってはならない同意を構成する... [] ...処理に複数の目的がある場合、それらすべてに同意を与える必要があります。」

赤いアスタリスクが目を痛めている場合は、もちろん各行の後に「(必須)」を使用できます。

23

すべてのフィールドが必須であるとおっしゃっていましたが、私はプロセスをさらに進めると想定しているため、ステートメントに同意するかスキップする必要があります。それらを3つのチェックボックスに分割するのではなく、すべてを1つのボックスにまとめて箇条書きにして、グループ全体のアクションを表すようにチェックボックスをオフにしておくことに同意します。あなたが言ったように、どれも選択肢の1つではないので、ユーザーに同意をスキップさせます。このようなもの -

enter image description here

17
user108525ashi

重要なのはアスタリスクではなく、チェックボックスをオンにする必要があることをユーザーが理解することです。アスタリスクを削除したい場合は、「すべてに同意してください」という簡単なメッセージを含むページのデザインで、これらが必要であることを伝えることができます。

必要なチェックボックスを1つだけ合法的に使用できる場合は、 Continue 条件が満たされるまでボタンをクリックします。これは、契約条件やエンドユーザーライセンス契約など、他の法的拘束力のある契約を受け入れる一般的なパターンです。

ローカルまたはターゲットユーザーの法律で複数のチェックボックスが必要な場合でも、同様のパターンを実行できます。

mockup

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

17
maxathousand

これが法律に関連する場合、実際の用語を非法的形式で綴ることが有料になることがあります。

条件に2つの列を追加します。左側に「Human Readable Version」、右側に「法的条項」というラベルを付けます。リーガルの意味を明確に要約するために、1つまたは2つのライナーを左側に配置して、人間が読める用語で説明します。 (もちろん、弁護士は彼らを書いたり、少なくとも審査したりすべきです。)

たとえば、法廷弁護士が「裁判所命令を受けない限り、お客様のデータを販売または共有することはありません」(または「お客様のデータを右中央に売る権利を留保する」)と法的バージョンの効力を発言した場合10以上の段落で同じことを言う場合は、後者をそのまま要約して、実際に(人間が読めるバージョンの)人々に読んでもらうことは価値があります。

残りの契約をすすぎ、繰り返します。そして、法的条件が実際に適用されるものであると述べている最後の段落を忘れないでください。 (契約に定期的に挿入される見出しと同じような見出し:「見出し。本契約の段落およびサブパラグラフの見出しは、便宜上のものであり、本契約の構成に影響を与えるものではありません。」)

次に、下部に使用条件に同意することを示すチェックボックスを1つ追加します。

0

前述の法的側面 を考慮すると、アスタリスクを使用する最も簡単なアプローチが正しいようです。

mockup

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

アスタリスクを見ると、ユーザーは、さまざまなニュースレターの購読などのチェックボックス(通常はオプション)とは異なり、これらが必要なチェックボックスであることをすぐに理解できます。

アスタリスクは自分自身で話すので、余分なテキストを永続的に表示する必要があるようには見えません。ただし、一部の項目がオフになっているときに、続行ボタンにカーソルを合わせると、無効化された理由を説明するポップアップウィンドウが表示される場合があります。

0
Pavel

Material Design Guidelines では、オプションのフィールドが少ない場合がカバーされています。

フィールドが必須であることを示すには、ラベルの横にアスタリスク(*)を表示します。フォームの下部で、アスタリスクが必須フィールドを示していることを伝えます。

フィールドがオプションであることを示すには、フィールドラベルの横の括弧内に「オプション」という単語を表示します。

いくつかの必須フィールドがあるフォームでは、すべての必須フィールドを示します。ただし、オプションフィールドが少ない場合は、代わりにそれらを示してください。

enter image description hereenter image description here

フォームのほとんどのチェックボックスをオンにする必要がある場合、すべての必須フィールドを指定すると、フォームに不要な情報が追加されます。ここでの問題は、あなたの場合すべてのチェックボックスが必要であるということです。この場合、オプションのものを実際に示すことはできません。

私の意見では、1つのメッセージを追加します「上記のすべての用語に注意が必要です」/「すべてのフィールドが必須」が最良のオプションです。視覚的な混乱が少なくなります。

この場合、オプション/必須フィールドを示さず、欠落している必須チェックボックスをエラーメッセージで処理することもできます。

0
Madalina Taina

各チェックボックスオプションの後にではなく、ラベルテキストの後に必須のアスタリスクを置きます。

例えば:

次の3つの条件に同意してください。

OR

続行するには、次の3つの条件に同意する必要があります。*

0
Nikk