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:
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..
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..
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..
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:
Les exemples de ceci incluent:
curseur: pointeur;
.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.
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.
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 é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!
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..
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.
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..
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?