web-dev-qa-db-fra.com

Infobulles des champs de formulaire par rapport au texte d'aide en clair. Qu'est-ce qui fonctionne le mieux?

D'après votre expérience, quelle est la meilleure méthode (expérience utilisateur) pour donner aux utilisateurs plus d'informations sur certains champs qu'ils doivent remplir? Notez que ces champs font partie du processus de configuration d'un SAAS.

Les info-bulles fonctionnent-elles mieux que simplement afficher le texte d'aide à côté du champ?

Si un texte d'aide simple est utilisé, quel est le meilleur endroit pour les afficher? (sous le nom du champ, la case ou à droite?)

J'adorerais entendre vos réflexions à ce sujet. Je n'ai trouvé aucune ressource en ligne qui compare l'efficacité des différents types de textes d'aide.

4
user3676159

Le magazine Smashing a un assez bon article sur ce sujet mais je vais essayer de le condenser en quelques conseils simples qui ont bien fonctionné pour moi au fil des ans.


1. Les dispositions verticales offrent la compréhension la plus rapide

Placez des étiquettes directement au-dessus des champs du formulaire et des conseils directement en dessous.

Il existe certains cas où l'ajout de texte d'espace réservé à l'intérieur de champs vides est une bonne option, mais la disposition verticale est votre pain et votre beurre.

vertical form fields


2. La validation en ligne est préférable à la liste de toutes les erreurs à la fois

Lorsqu'un champ de formulaire perd le focus, il est toujours bon d'informer instantanément l'utilisateur lorsque quelque chose ne va pas afin qu'il n'ait pas à le découvrir plus tard. inline validation


3. Pardonner les entrées vaut mieux qu'une validation stricte

Soyez satisfait de tout ce que l'utilisateur fournit. Ne leur faites pas taper leur adresse et leur numéro de téléphone d'une certaine manière et fournissez une rétroaction instantanée en ligne dans les cas où la validation ne peut être évitée.

forgiving inputs


4. Moins de champs valent mieux que plus de champs

Ne demandez l'avis de l'utilisateur qu'en dernier recours! Si vous n'avez pas absolument besoin de le savoir, ne demandez pas à l'utilisateur de le fournir. (ou à tout le moins, faites-leur savoir quels champs sont obligatoires et placez-les en haut)

fewer fields


5. Le langage naturel est meilleur que les champs froids et durs

Selon la situation, l'utilisation du langage naturel a montré augmentation du taux de conversion jusqu'à 28% par rapport à une liste standard de champs .

natural language

6
DaveAlger

Mon avis:

Si le texte est vraiment utile, ne le cachez pas dans une info-bulle. Si ce n'est pas vraiment utile, n'encombrez pas l'écran avec une info-bulle.

Pour un texte vraiment utile, il fait idéalement partie de l'étiquette elle-même:

Field Title (helpful text here):
[                              ]
1
DA01