web-dev-qa-db-fra.com

Comment indiquer que l'un d'un groupe de champs est obligatoire

J'ai un formulaire où il y a plusieurs champs. Certains champs sont obligatoires et j'ai un astérisque à côté d'eux de couleur rouge. Dans certains domaines, l'un d'eux est requis. Pour ces champs, j'ai mis un double astérisque (**) à côté d'eux.

Voici où j'ai besoin de conseils: Il y a 2 parties du formulaire où j'ai deux astérisques. Disons donc que l'utilisateur doit fournir ses coordonnées: e-mail, téléphone portable, téléphone personnel ou téléphone professionnel. Tous ces champs ont **. Et puis, dans une autre section, l'utilisateur doit fournir le courrier électronique des parents ou le téléphone personnel des parents. Ces champs ont également ** à côté d'eux. J'ai une légende en haut de la page qui dit:

* Indique un champ obligatoire.
** Indique que l'un ou l'autre champ est obligatoire.

Il peut être déroutant pour l'utilisateur de savoir lequel des champs est requis, car la légende est de couleur rouge pour les champs astérisques simples et doubles. Dois-je leur attribuer des couleurs différentes pour atténuer la confusion et ajouter cette couleur à la légende? Quelle couleur est appropriée?

6
HereToLearn_

Vous n'avez pas besoin du double astérisque si vous pouvez regrouper des champs associés et les étiqueter (exemple: "Coordonnées"), puis placer l'astérisque par l'étiquette "Coordonnées". (vous pouvez ajouter "Sélectionnez l'une des options suivantes" ci-dessous)

Voici une règle d'or: si vous devez trop expliquer, c'est trop compliqué.

16
Mayo

La confusion ne vient pas de la couleur du double astérisque, c'est le double astérisque lui-même qui n'est pas intuitif. J'ai toujours cru que si vous avez besoin d'une légende pour détailler ce que votre page dit aux utilisateurs, vous vous trompez.

Au lieu de cela, je donnerais à chaque ensemble de champs un en-tête tel que les informations de contact, les coordonnées des parents, etc., puis je dirais "Choisissez-en un" et mettriez votre astérisque à côté. Lorsque vous traduisez cela en une phrase complète, vous dites "Choisir l'une de ces informations de contact est requis", ce qui est exactement le message que vous avez l'intention d'envoyer. Comme ça:

screen

7
DasBeasto

On dirait que vous construisez un système qui ne leur permet d'entrer qu'une seule méthode de contact. Ce n'est pas optimal. Un type de contact doit être le minimum , et non le maximum .

Ce que DasBeasto dit (plus quelques commentaires sur sa réponse) est un long chemin dans la bonne direction, mais pas tout à fait là. L'utilisation de l'astérisque sur une section au lieu d'un champ devrait être suffisamment claire , mais je changerais le texte en "au moins un". Si les gens ne comprennent pas et ne remplissent pas tous les champs ... pas de mal réel.

Alternativement, vous pouvez avoir juste un/deux champ d'option avec une liste déroulante pour le type et l'option pour en ajouter plus. Similaire à la façon dont le calendrier d'Android gère rappels : enter image description here

Cela donnerait aux personnes non informées les deux options les plus courantes et en permettrait plus lorsque cela est nécessaire (par exemple, téléphone personnel/mobile/professionnel)

3
PixelSnader

Ne comptez jamais uniquement sur la couleur pour donner du sens, car cela causera des problèmes aux utilisateurs souffrant de différents types de daltonisme.

1
Simon Hudson