4 leçons tirées des célèbres défauts de conception

En tant que concepteurs, nous pouvons signaler un design brillant en une seconde et un design médiocre en une demi-seconde. En fait, une mauvaise conception est si visible qu'il existe des subreddits entiers qui lui sont dédiés. Nous sommes juste formés pour réfléchir à des solutions intuitives qui sont également visuellement attrayantes, donc quand nous voyons quelque chose qui peut être amélioré, cela ressort.

Des boutons cassés aux formulaires défectueux en passant par les schémas de navigation ennuyeux, la mauvaise conception est partout autour de nous. Si cela peut parfois être amusant, cela peut aussi être très sérieux.

Mais quoi qu'il arrive, il y a toujours quelque chose que vous pouvez apprendre des erreurs de conception afin de ne pas les répéter à l'avenir. Plongeons-nous donc dans quelques défauts de conception célèbres dont vous pouvez tirer une leçon !

Leçon 1 : Les tests utilisateurs sont la clé pour créer des expériences exceptionnelles

Un «défaut» de conception classique est connu sous le nom de porte normande. Si vous n'en avez jamais entendu parler, demandez-vous : avez-vous déjà essayé de tirer une porte à pousser ou de pousser une porte à tirer ? Félicitations, vous avez rencontré une porte normande !

Le problème avec ces portes embêtantes est que la conception égare votre intuition. Soit vous ne savez pas du tout comment ouvrir la porte, soit vous pensez que la porte doit être ouverte, mais c'est vraiment le contraire.

Non seulement les portes normandes sont extrêmement déroutantes et embarrassantes à rencontrer (je ne les réussis jamais du premier coup !), mais elles sont si courantes qu'elles sont devenues un phénomène largement connu. On pourrait penser que cela se traduirait par une meilleure solution et une meilleure conception, mais cela continue d'être un problème que presque tout le monde dirait avoir rencontré à un moment donné.

Plats à emporter :

La leçon à retenir ici est que l'expérience utilisateur et les tests utilisateurs sont super importants ! Si les personnes pour lesquelles vous concevez ne comprennent pas comment utiliser ou naviguer dans votre conception, à quoi bon ?

Surtout pour la conception Web, votre interface utilisateur Web est extrêmement importante. Ce n'est pas parce qu'il est magnifiquement conçu que quiconque saura où trouver les informations dont il a besoin sur votre site. Vous devez donc le concevoir de manière à ce qu'il sache quoi faire ensuite.

La solution pour "vérifier votre travail" est plus simple que vous ne le pensez : effectuez des tests d'utilisabilité pour obtenir les commentaires d'une personne de votre public cible. Ne leur donnez pas trop d'informations ; il suffit de regarder et de voir comment ils naviguent sur votre site pour avoir une meilleure idée de la façon dont ils s'attendent à l'utiliser. Laissez-les poser des questions, et posez-vous des questions pour vous-même !

Leçon 2 : Protection contre l'erreur humaine

Peu importe à quel point quelque chose est bien conçu, à la fin de la journée, les gens font des erreurs. Nous sélectionnons les mauvaises choses, cliquons sur les mauvaises touches et appuyons sur les mauvais boutons. La question devient alors : le design peut-il nous aider à surmonter l'erreur humaine ? Les alertes aux missiles d'Hawaï qui ont été envoyées au début de 2018 en sont un exemple. L'alerte a été déclenchée en appuyant sur le mauvais bouton, ce qui a conduit de nombreux concepteurs à se demander si une meilleure conception aurait pu l'empêcher.

À moins que vous ne travailliez pour les gars qui appuient sur le bouton, il n'y a vraiment aucune certitude quant à la façon dont ce processus exact fonctionne. Cependant, les gens ont commencé à poser des questions importantes et à réfléchir à la manière dont la conception peut aider à créer des protections contre l'erreur humaine. Par exemple, peut-être que si les boutons "ceci est un exercice" et "c'est pour de vrai" étaient un peu plus uniques ou non disponibles dans le même menu, toute la situation aurait pu être évitée.

Cet événement a été un grand choc pour le monde dans la mesure où la conception pour prévenir l'erreur humaine est de la plus haute importance. Même sur de petites choses comme les achats en ligne, une petite erreur humaine peut causer de gros problèmes pour les paiements et votre entreprise. Comme on dit, une bonne défense est la meilleure attaque.

Plats à emporter :

Quand a-t-il déjà été une mauvaise idée d'exécuter une fenêtre contextuelle de vérification pour des modifications importantes ? Je dis simplement que si le bouton "SUPPRIMER" de votre base de données n'a pas de "Êtes-vous sûr?" écran, alors je ne sais pas comment vous avez vécu avec l'incertitude de votre travail.

Même dans les bases du codage, vous commencez à apprendre à minimiser de manière proactive les erreurs humaines là où vous le pouvez. C'est pourquoi même de simples mesures préventives telles que la définition d'autorisations appropriées, la création de sauvegardes ou la définition de types de données sont de la plus haute importance !

La protection contre les erreurs humaines est également très importante pour les utilisateurs de votre site. Considérez ceci : vous avez peut-être un long formulaire que vos utilisateurs remplissent pour vos services. Y a-t-il des erreurs incomplètes qui apparaissent après avoir cliqué sur soumettre ? Y a-t-il un "Êtes-vous sûr de vouloir partir ?" avertir s'ils se ferment accidentellement au milieu d'un achat ? Ce sont des choses simples à faire pour aider vos clients à avoir la meilleure expérience et vous éviter des maux de tête potentiels à l'avenir.

Leçon 3 : La typographie ne devrait pas être une réflexion après coup

Rappelez-vous les Oscars 2017 avec le mauvais gagnant du "Meilleur film ?" Tu parles d'une simple erreur qui aurait pu être évitée avec un peu de hiérarchie !

Bien que plusieurs facteurs soient entrés dans la fausse annonce, un changement qui aurait certainement pu aider à créer un peu de clarté était une meilleure utilisation de la typographie sur la carte elle-même. Même s'il n'y a pas beaucoup d'informations, elles doivent être affichées de manière rapidement compréhensible pour les utilisateurs. Cela remonte à la lutte contre l'erreur humaine - si la typographie n'est pas assez forte pour créer clairement un sens de la hiérarchie, les utilisateurs doivent deviner l'ordre des informations. Et s'ils se trompent, des erreurs se produisent et des récompenses sont attribuées au mauvais film.

Plats à emporter :

Organiser les informations dont vous avez besoin et utiliser les principes de conception de base est toujours un bon début pour tout projet. Faites passer votre message et réfléchissez aux principaux plats à emporter ou appels à l'action que vous aimeriez transmettre. Comment pouvez-vous le faire ressortir parmi le reste de l'information ? Si quelqu'un ne faisait que survoler la page, comprendrait-il exactement ce qu'il doit savoir ou quoi faire ?

De la même manière, personne ne souhaite visiter votre site Web uniquement pour rechercher et rechercher les informations dont il a besoin. Parfois, la solution la plus simple à cette confusion est une conception simple et épurée. Ainsi, vous évitez les redondances ou les informations cachées et chacun peut trouver ce dont il a besoin !

Leçon 4 : Bien que vous connaissiez peut-être les dernières tendances en matière de design, vos utilisateurs ne le savent peut-être pas

Chaque fois qu'une nouvelle tendance de design apparaît, il est excitant de l'essayer par vous-même. Prenez les boutons fantômes, par exemple. (Et non, je ne parle pas d'un bouton en forme de fantôme.) Un bouton fantôme est généralement légèrement souligné avec un arrière-plan de couleur similaire (sinon transparent) et s'assoit sur une page de manière transparente sans attirer trop l'attention.

Ces petits boutons ont fait le buzz pour leur design attrayant, mais ils peuvent être trompeurs s'ils sont mal exécutés. Parfois, ils ressemblent à un simple élément de conception sur la page au lieu d'éléments interactifs sur lesquels les utilisateurs peuvent cliquer.

Plats à emporter :

En matière de design, rester au courant des dernières et des plus grandes tendances vous donne l'impression d'être au courant. Cependant, ce n'est pas parce que les enfants cool le font que cela convient nécessairement à la conception d'un site. Et nous savons tous qu'il est préférable d'avoir un design de base qui convertit plutôt qu'un design cool qui ne fonctionne pas.

Une grande partie de cela consiste à s'assurer que vos boutons se démarquent. Si vous avez une racine des cheveux rectangulaire sur un bouton qui se trouve sur une page pleine d'autres formes rectangulaires, il est probable qu'elle ne ressorte pas autant que vous ne le pensez.

Une autre astuce est d'avoir un appel clair à l'action. Si votre bouton ne contient qu'une déclaration telle que "NICE", cela n'est peut-être pas une indication suffisamment claire qu'il s'agit d'un bouton cliquable - il peut ressembler davantage à un titre ou à un élément décoratif. Utiliser une copie avec un verbe comme "En savoir plus" ou "Appliquer maintenant" est plus clair.

Résumé de la leçon

Bien que les défauts de conception soient faciles à remarquer, nous savons tous que les concepteurs ont toujours les meilleures intentions. Il est important de rester informé et d'apprendre les uns des autres. L'un des moyens les plus simples d'apprendre du design est d'aider un designer : une deuxième paire d'yeux ne fait jamais de mal !

Lorsque vous examinez de manière critique votre propre travail de conception, essayez d'y réfléchir à partir de l'esprit d'un utilisateur. Demandez-vous, est-ce intuitif ? Est-ce simple mais informatif ? Y a-t-il quelqu'un à qui je pourrais demander de regarder ce travail? Regarder de manière critique votre propre conception peut parfois être difficile, mais c'est une étape facile à franchir pour rendre votre travail plus excellent.

Qu'avez-vous retenu de ces défauts de conception ? Y a-t-il des leçons que vous avez apprises à la dure ? Partagez vos expériences avec nous dans les commentaires !