web-dev-qa-db-fra.com

Avoir deux alignements d'étiquettes différents dans un site Web / une application

J'ai appris que les alignements d'étiquettes ont leurs objectifs: aligné en haut/aligné à droite pour une exécution plus rapide (généralement pour les formulaires demandant des informations communes) tandis que aligné à gauche pour ralentir l'achèvement (comme les paramètres avancés ou les formulaires où vous avez besoin d'utilisateurs) être plus prudent en remplissant le formulaire).

Ma question est la suivante: est-il acceptable d'avoir deux alignements de formulaires différents sur un même site Web si ces deux formulaires ont des objectifs différents? Ou la cohérence/le taux d'achèvement plus rapide est-il plus important (il est donc préférable de s'en tenir aux étiquettes alignées à droite/en haut et de ne jamais se soucier des étiquettes alignées à gauche)?

9
catandmouse

Oui, s'il y a une bonne raison d'avoir deux formes de style différentes.

N'oubliez pas que vous devez casser toute directive UX lorsque vous avez une bonne raison de le faire. La cohérence en fait partie, mais c'est celle que vous devez examiner attentivement avant de la casser.

Le plus grand test sera de savoir si les utilisateurs trouvent cela étrange ou problématique. Prenez votre décision principalement à partir de ce que vous apprenez dans votre test utilisateur.

Edit: À titre d'exemple, jetez un œil à la façon dont gmail gère les formulaires. Pour le formulaire de connexion, ils utilisent un alignement supérieur, mais pour le formulaire de paramètres, ils utilisent un alignement à gauche. Je n'ai jamais entendu parler de quelqu'un se plaindre que cela les confond, car chaque formulaire a un objectif clairement différent (comme le demandait l'op).

enter image description hereenter image description here

8
JohnGB

Tout ce qui ajoute une charge cognitive doit être évité. Des looks différents (alignement dans ce cas) peuvent amener l'utilisateur à penser à d'autres choses que vous ne le souhaitez. Cela est particulièrement vrai dans le processus de paiement d'un site de commerce électronique.

Imaginez qu'un utilisateur à l'étape quatre sur cinq commence à réfléchir à la raison pour laquelle l'arrière-plan a soudainement changé, pourquoi le logo a été omis ou pourquoi l'alignement est différent. Suis-je toujours sur le même site ou est-ce ailleurs? Peuvent-ils voler mes informations d'identification VISA et me faire facturer 1 000 000 $? Je pars!

L'exemple ci-dessus est juste pour illustrer ce qui pourrait arriver si les utilisateurs doutaient du site. Les utilisateurs lisent également sur les violations de la sécurité - et tout ce qui leur fait penser que quelque chose ne va pas est mauvais.

Si les formulaires ont des objectifs différents, ce n'est pas aussi évident que dans mon exemple. La plupart des utilisateurs ne remarqueront peut-être même pas la différence, car ils ne peuvent rencontrer que l'une des deux formes. Pourtant, la cohérence est la clé même si les formulaires sont séparés. Je ne ferais pas de designs différents car c'est mauvais pour les utilisateurs, mauvais pour les affaires et mauvaise esthétique.

Lecture recommandée: Ne me faites pas réfléchir - Steve Krug

enter image description here

5
Benny Skogberg

Eh bien, comme John l'a mentionné, il n'y a pas de mal à briser une "norme" UX si vous avez une bonne raison de le faire. Mais, personnellement, je trouve l'incohérence sous certaines formes ennuyeuse. Je comprends que vous souhaitez que les utilisateurs fassent attention à ce qu'ils remplissent dans certaines sections, et il existe des moyens pour y parvenir sans utiliser différents alignements.

Vous pouvez sectionner votre formulaire et mettre en surbrillance la section de haute priorité dans une couleur d'arrière-plan différente ou quelque chose. Et pour être explicite, ajoutez simplement une ligne simple avant la section qui, ils devraient être extrêmement prudents lors du remplissage des questions à venir. En modifiant l'arrière-plan et en ajoutant un texte, vous interrompez le flux de l'utilisateur d'une manière pas si mauvaise et vous les avertissez de se recentrer sur la tâche qu'ils font.

Si vous partagez des détails supplémentaires sur le formulaire, nous pouvons sûrement trouver une solution personnalisée pour votre problème :)

1
rk.