Le monde des anti-patterns UX

En tant qu'utilisateur du Web, il est possible que vous trouviez de temps en temps certaines choses vraiment ennuyantes. Peut-être quelque chose à propos d'un formulaire de connexion, de la navigation ou d'une application Web en général, vous empêche de mener à bien une tâche donnée. Pourquoi quelqu'un a-t-il conçu et construit quelque chose de cette manière??

La réponse est compliquée. Le premier problème est que les responsables ont peut-être négligé de tester leur conception avec de vrais utilisateurs. Souvent, dans ce cas, ils pensaient probablement connaître un bon moyen de gérer cette interaction. Après tout, ils l'avaient déjà vu sur d'autres sites Web, et ces concepteurs l'ont sûrement testé? Pourquoi réinventer la roue?!

Le problème ici est que, parfois, la concurrence n’est peut-être pas aussi intelligente que vous le méritez. Ainsi, alors que nous sommes tous occupés à visiter des galeries CSS et à copier le travail de chacun sans le tester, nous construisons par inadvertance une bibliothèque de motifs..

Certains de ces modèles fonctionnent, mais d'autres pas. Si la roue que vous copiez est réellement carrée (hé, ça marche si vous poussez très fort!), Alors oui Virginie, vous devez réellement réinventer la roue..

Considérer ce qui suit:

  • Vos utilisateurs ne sont pas nécessairement des utilisateurs d'Amazon, ni des utilisateurs de Google, ni même des utilisateurs de vos concurrents. Pour savoir si un modèle de conception fonctionnera, vous devez le tester avec vos utilisateurs uniques. Peut-être que vos utilisateurs sont tous des marins de Dubaï (un cas d'utilisation survenu récemment dans mon organisation). Vos utilisateurs ont des besoins différents de ceux des utilisateurs d'autres sites Web.
  • Mais n'y a-t-il pas certaines choses connues sur la façon dont le cerveau humain interagit avec l'information?

Oui. Mais encore une fois, c'est un spectre. Il y a très peu d'absolus. Prenez, par exemple, cette récente étude de l'Université Harvard, qui a abouti à un jeu qui pourrait deviner votre âge en cliquant sur la vitesse de votre souris (je l'ai prise, c'était parfait!)

Les utilisateurs ont des besoins différents selon leur âge, leurs capacités physiques, leur culture et plus encore. C’est pourquoi les solutions en conserve peuvent souvent se retourner contre vous..


Qu'est-ce qu'un anti-motif??

Un anti-motif est un modèle de conception fréquemment utilisé qui ne fonctionne pas ou qui est contre-productif. Vous les verrez dans les applications Web et les sites Web, partout où un utilisateur doit exécuter une action, qu'il s'agisse de se connecter, de fournir des informations ou de lire des informations pour prendre des décisions..


Comment les identifier

En tant que concepteur Web, vous aurez probablement du mal à reconnaître quand quelque chose est manifestement inefficace (par exemple, un menu survolé qui se ferme avant de pouvoir cliquer sur un élément de menu). Cependant, les anti-modèles sont souvent plus subtils. Un utilisateur déterminé les dépassera, mais pas sans douleur..

Pour les identifier, il est préférable d’utiliser vos statistiques Web. Si vous n'utilisez pas de mesures sur votre site, commencez hier! Google Analytics est un excellent choix pour commencer, car il est gratuit et facile à configurer..

Que cherchez-vous dans vos métriques? Certains éléments indiquant la présence d'un problème (et éventuellement d'un anti-motif) sont les suivants:

Utilisateurs qui déposent des pages.
Si de nombreux utilisateurs accèdent à une certaine page, puis disparaissent soudainement, vous devez peut-être examiner de plus près ce qui se passe sur cette page. Ont-ils besoin de compléter une action pour continuer? Sont-ils incapables de trouver où aller ensuite? La page entière est-elle une animation clignotante? Vous ne saurez pas avant d'enquêter. Marquer ce domaine pour une analyse plus approfondie et une recherche en temps réel des utilisateurs.

Clic aléatoire.
Si les utilisateurs cliquent partout, cela signifie qu'ils ne savent pas ce qu'ils sont censés cliquer..

Faire défiler à plusieurs reprises de haut en bas.
Si les utilisateurs défilent de haut en bas, cela signifie qu'ils ne peuvent pas trouver ce qu'ils cherchent ou ce qu'ils sont censés faire..


Quelques anti-modèles communs

Un problème de convivialité n'équivaut pas nécessairement à la présence d'un anti-motif, mais cela pourrait être un indice. De nombreux anti-modèles ont été étudiés et se sont révélés suffisamment inefficaces pour être généralisés comme une mauvaise idée. En voici quelques uns:

Éléments cliquables qui n'apparaissent pas cliquables


Les exemples de ceci incluent:

  • Boutons trop petits.
  • Liens de texte qui ne sont pas visuellement distincts (le bleu est le meilleur!)
  • Des boutons trop plats pour indiquer aux utilisateurs qu'ils sont en fait des boutons (pour plus d'informations sur les problèmes d'utilisation liés à la tendance de la conception à plat, lisez cet article.)
  • L’absence d’états de survol peut également être problématique, notamment le fait de ne pas utiliser curseur: pointeur;.

Survolez et couvrez


Il est pratique de désencombrer les interfaces en masquant des informations derrière des objets pouvant être survolés, tels que des boutons ou des légendes, mais veillez à ce que ces informations ne se masquent pas trop rapidement. Les utilisateurs ne peuvent pas lire aussi vite que vous le pensez. C'est assez ennuyant de devoir garder la souris pour garder les informations visibles.


Contexte incohérent

Par exemple, la présence de trois types de liens différents sur une page. Un type renvoie l'utilisateur à la page d'accueil, un type entraîne l'utilisateur en dehors du site et le troisième ouvre une fenêtre contextuelle. Cela pourrait être déroutant et frustrant.

Un à la fois


Dans une liste complexe dans laquelle les utilisateurs effectuent des actions telles que l'ajout, la suppression ou la modification de l'état des éléments de la liste, indiquez une option de traitement par lots! Être obligé de faire des modifications un élément à la fois est fastidieux et douloureux.

Des tonnes de contenu entassés au-dessus du pli


Des études ont montré que les utilisateurs lisent effectivement sous le pli. Pourtant, le mythe de garder le contenu au-dessus du pli primordial persiste. Espacez votre contenu!

Pogo Stick Navigation


Bâton de pogo La navigation consiste à demander à l'utilisateur de descendre d'un niveau ou deux pour effectuer une action, de revenir en haut, puis de redescendre. Le nom a été inventé par Jared Spool et décrit l'action sautante consistant à devoir naviguer de haut en bas..

Effacement des informations en cas d'erreur


Un exemple de ceci pourrait être n'importe quel formulaire où un utilisateur enregistre, déclenche une erreur, puis est obligé de ressaisir tout ou partie des informations qu'il a saisies précédemment.

La mauvaise destination

Cela se produit lorsqu'une action est terminée et que l'utilisateur est dirigé vers une page différente de celle attendue. Cela se produit fréquemment sur les sites de commerce électronique, où un utilisateur doit se connecter pour effectuer une transaction. Cependant, lorsqu'ils se connectent, ils sont ramenés à la page d'accueil au lieu de la page où ils étaient prêts à saisir les informations de leur carte de crédit..


Devoirs

Jetez un coup d'œil à votre projet en cours, avec un œil sur certains de ces modèles. Faites passer un ami ou un collègue non impliqué et observez ce qui se passe. Est-ce qu'ils deviennent frustrés quelque part? Les endroits où les choses ne semblent pas se dérouler sans heurts pourraient être un signe d'anti-modèle.

Ce ne sont que quelques-uns! Quels anti-modèles avez-vous remarqué sur le web? Êtes-vous tombé dans l'un de ces pièges sur vos sites?