web-dev-qa-db-ja.com

すべてが必要な場合、必須フィールドをマークするかマークしないか?

フォーム内のすべてのフィールドが必要な場合、それらに何らかの方法でマークを付ける必要があります(例:アスタリスク)?私はこれがたくさん行われたのを見て、それが冗長だと思いますか?

大きなフォームと小さなフォームでは違いがあるかもしれませんが、大きなフォームではすべてのフィールドが必須であるというメモを上部に追加しますが、小さなフォームでは必ずしもそうする必要はありません。

正しいアプローチは何だと思いますか?

37
Anders

多くの場合、ユーザーは必須かどうかに関係なく、フォームのすべてのフィールドに入力するだけです。人々は実際には指示を読んでおらず、フィールドに入力していない場合に問題が発生するリスクを冒したくないので、関係なくすべて入力することがよくあります。 ( これは、Baymard Instituteによるテストによってある程度サポートされています -彼らの場合、ユーザーは以前のエラーから直接続くフォームとどのように対話するかを見ていました)。より適切な方法は、フォームの先頭にある「オプションとして示されていない限り、すべてのフィールドが必須」というテキストを追加することです。 ( LukeWがユーザーのテストでダウンしていることがわかります

これは、フォームの冒頭でユーザーに必要なものを紹介したように、アクセシビリティの問題をカバーします(ただし、HTML5では、 'required'属性をフィールドタグに追加してこれをカバーすることができます)。ユーザーがすべきこと、すべきでないことに関するフォームへの入力による混乱。

必要なすべてのフィールドがある場合、ユーザーがそれらをスキャンしてall、どのフィールドが不要かを確認する危険があります。ただし、オプションのものを単に「(optional)」としてマークすると、混乱がなくなります。そして、あなたの状況では、それらのどれもオプションではないので、ラベルに対してそれを表示する必要さえありません。

mockup

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

これはFacebookのようなサイトが物事を行う方法と同様のアプローチです。以下のこの画像に示すように(Webフォームの Smashing Magazineの記事 から取得)、ユーザーが何をしようとしない限り、何が必要で何が必要かについては何も表示されません。何も入力せずにフォームを送信します。確認のために、ユーザーは通常、表示されたすべてのフィールドに入力することがわかっているため、これを行うと考えられます)。

enter image description here

36
JonW

残念ながら、人々は行動中に読む本が少なくなり、期待することが多くなります。したがって、すべてのフィールドが必要であるか、フィールドのセットのみが必要であるかに関係なく、入力が必要なフィールドには何らかの形で指示が必要です。あなたのケースのすべてのフィールド。

enter image description here

13
uxfelix

多分あなたはそれらをグループ化することができます。どういうわけか、ボックス内または点線で、必要なフィールドを分離します。例えば。

このようにして、冗長性を削除します。

enter image description here

5
Rafa Q.

エラーの防止は治療よりも優れています。 1995年に真であり、常に- http://www.nngroup.com/articles/ten-usability-heuristics/

最近、フォームのユーザビリティテストを行いました。「D'oh!Fool!に相当するメッセージが表示されたとき、回答はこのフォーマットでのみ受け付けます。参加者は正しく言った」なぜ最初にそれを言わなかったのですか?」

すべてのフィールドが必要な場合は、そのように言ってください。そして、アスタリスクは、そのための普遍的なショートカットだと私は信じています。

4
Sainkho

もちろん、必須フィールドを示すアスタリスクはありません。また、添付されているような単純な形式では、説明テキストは使用していません。フォームの上に「すべてのフィールドに入力してください」とユーザーに尋ねるメモを付けることができますが、ほとんどの人には読まれないと思います。

フィールドへの入力を忘れた場合は、送信時にエラーメッセージを表示することをお勧めします。エラーメッセージはインラインで、明確な指示があり、アイコンを使用するか、色調や色を大きく変更する必要があります。

いくつかのフィールドがオプションの場合は、ラベルに(オプション)を追加できます。ほとんどのフィールドがオプションの場合、なぜそこにあるのか疑問に思います。おそらく、オプションの情報を取り込むには、必要なデータを含めるよりも良い方法があるでしょう。

enter image description here

2
John Gayle

このために利用できるはるかに優れたソリューションがある場合、フィールドを必須としてマークする必要があるとは思いません。フォームの検証でフィールドが緑/赤で強調表示されるのと同じように、これは、必須のフィールドまたは正しく検証されていないフィールドを強調表示するのにも十分です。

これに対する唯一のユーザーの不利な点は、赤/緑があまり使用されない色盲の人々であろうと思います-アスタリスクなどの追加のマークアップが最も有益であるのはこれらのケースです。

以下と同様:

enter image description hereenter image description here

2
zigojacko

「すべてのフィールドが必要です」と説明する説明テキストの行を含める(一部のユーザーは既に説明しています)ことで十分です。ユーザーが送信するまで待つと、この「驚き」は全体的なユーザーエクスペリエンスを損なうことになります。説明テキストを含めると、エラーを軽減する作業が容易になります。

特に色覚異常の人がフォームを使用する場合(そうでない場合)、色分けには制限があります。

0
darrenhood

必要がない限り、私は何も求めないようにします。ユーザーが私が求めているものを提供すると役立つthemであることは、ユーザーには明らかなはずです。

説明を提供するなど、ユーザーに役立つものの、仕事を終わらせる必要がないケースがいくつかあります。通常、これらのフィールドを(オプションで)配置する必要はありません。ユーザーが必要であると想定し、常にそれを提供してもユーザーに害が及ばないためです。

通常、送信ボタンを無効にするとかなりうまく機能し、無効にされたボタンがクリックされた場合にマウスオーバーのホバーテキストと下の赤いテキストの両方を提供すると、ユーザーにその理由を通知できます。

enter image description here

0
DaveAlger

赤などの特定の色のストロークで必須フィールドをマークできます。非必須フィールドはマークを外すことができます。これにより、アスタリスクを追加する必要がなくなり、アスタリスクの理由を説明するステートメントを追加することも回避できます。

0
san

あなたは皆本当に良い点を作ります、いつも他の人の意見を得るためにいいです。

また、ユーザーに送信を試みた後にのみ、表示を表示せずに表示することも好みます。

送信前の色分けは私の意見の気を散らすためのものであり、一般的に、日付やメールアドレスなどの特別なフォーマットが必要なフィールドの検証にのみ色分けを使用するべきだと思います。これらは、ユーザーが送信するときではなく、ユーザーが入力するときにライブで検証する必要があります。

0
Anders