Comment tester l’efficacité d’un concept de design – Smashing Magazine


A propos de l’auteur

Paul est un leader dans l’optimisation du taux de conversion et la réflexion sur la conception de l’expérience utilisateur. Il a plus de 25 ans d’expérience de travail avec des clients tels que les médecins…
Plus à propos
Paul

Faire en sorte qu’un client ou une partie prenante approuve un concept de conception peut être difficile. Cependant, les tests peuvent vous faciliter la tâche et vous assurer d’avoir la bonne solution.

La plupart d’entre nous sont raisonnablement à l’aise avec l’idée d’effectuer des tests d’utilisabilité sur un site Web ou un prototype. Nous n’en avons pas toujours l’occasion, mais la plupart des gens acceptent que c’est une bonne idée.

Cependant, quand il s’agit d’un concept de design, l’opinion est plus divisée. Certains créateurs estiment que cela sape leur rôle, un point de vue qui semble être quelque peu soutenu par le célèbre «Quarante nuances de bleu“Épisode, où Google a testé l’une des quarante nuances de bleu à utiliser pour la couleur du lien.

Aricle intitulé: Marissa Mayers de Google attaque les concepteurs avec des données
Google a miné le rôle du concepteur en mettant l’accent sur les tests. (Grand aperçu)

C’est une position avec laquelle je peux sympathiser, et les tests ne nous disent certainement pas tout. Par exemple, il ne peut pas trouver la bonne solution, seulement juger une conception qui existe déjà. Le type de test obsessionnel démontré par Google n’est pas non plus sain pour le moral, ni pour la plupart des entreprises.

Cela dit, dans cet article, je souhaite explorer certains des avantages que les concepts de conception de test peuvent nous apporter en tant que concepteurs, et démontrer que nous pouvons le faire à moindre coût et sans ralentir la livraison du projet global.

Commençons par demander pourquoi un concepteur pourrait préférer tester ses concepts de conception.

Pourquoi vous devriez adopter les concepts de conception de test

Chaque designer a des histoires d’être pris dans l’enfer de la révision. Ajuster à l’infini les couleurs et ajuster la mise en page dans l’espoir d’obtenir enfin la signature du client.

Ce n’est pas toujours comme ça, mais chaque projet est un pari. Le client se déconnectera-t-il immédiatement ou vous retrouvera-t-il avec un concept de design nommé «Final-Version-21.sketch»? Et voilà le problème; vous ne le savez tout simplement pas, ce qui rend la planification et la budgétisation des projets extrêmement difficiles.

Les tests rendent le processus de conception prévisible

Les gens ont tendance à considérer le test d’un design comme un luxe qu’un projet ne peut pas se permettre. Ils le considèrent comme trop long et trop cher. Cependant, en vérité, cela apporte une prévisibilité bien nécessaire à un projet qui peut, dans de nombreux cas, rendre les choses plus rapides et moins chères.

Oui, si tout se passe bien avec l’approbation de la conception, les tests de conception peuvent ralentir les choses et coûter un peu d’argent. Mais cela arrive rarement. Habituellement, une conception passe par au moins quelques cycles d’itération, et parfois elle doit être entièrement rejetée.

C’est rarement parce que le design est terrible. C’est plutôt parce que les parties prenantes n’en sont pas satisfaites.

En revanche, les tests créent un cadre pour décider si un design est bon, qui n’est pas basé sur les préférences personnelles. Certains tests rapides pourraient approuver une conception sans avoir besoin d’une nouvelle itération ou, au pire, entraîneraient des modifications relativement mineures si le concepteur avait fait son travail.

Dans la plupart des cas, cela s’avère plus rapide et moins coûteux qu’une discussion sans fin sur la direction. Cependant, même si ce n’est pas le cas, il est plus prévisible, ce qui améliore la planification des produits.

Les tests ont également un autre avantage connexe. Il modifie la base sur laquelle nous évaluons la conception.

Les tests encouragent la bonne concentration et évitent les conflits

Le design a un travail à faire. Dans la plupart des cas, il doit se connecter émotionnellement avec un utilisateur, tout en lui permettant d’utiliser le site Web le plus efficacement possible. Malheureusement, la plupart des conceptions ne sont pas évaluées sur cette base.

Au lieu de cela, nous évaluons souvent une conception sur des critères simples de savoir si le client l’aime ou non. C’est ce conflit entre le rôle d’un design et la manière dont il est évalué qui provoque des désaccords.

En effectuant des tests sur une conception, vous recentrez les parties prenantes sur ce qui compte, car vous construisez plutôt le test autour de ces critères.

Cela a également un autre avantage. Cela permet d’éviter beaucoup de désaccords sur la direction de la conception. Cela est particulièrement vrai lorsque de nombreuses personnes participent à la conception.

Parce que le design est subjectif, plus il y a de gens qui le regardent, plus il y aura de désaccord. La manière dont ce problème est généralement résolu passe par un compromis qui produit une conception qui ne plaît à personne et qui n’est souvent pas adaptée à l’usage.

Les tests offrent une alternative à cela. Cela conduit à moins de conflits entre les parties prenantes et garantit également l’intégrité de la conception, ce qui conduit finalement à un meilleur produit.

Les tests améliorent les résultats

En utilisant les tests pour éviter la conception par le comité et concentrer les parties prenantes sur les bons critères d’évaluation, cela garantit presque une meilleure conception au final.

Cependant, il existe un autre facteur qui garantit que les tests produisent une meilleure conception; c’est le fait que nous, en tant que concepteurs, ne sommes pas infaillibles.

Parfois, nous jugeons mal le ton de la conception ou le modèle mental de l’utilisateur. Parfois, nous ne voyons pas comment une image sape l’appel à l’action ou que la police est trop petite pour un public âgé. Les tests nous aident à identifier ces problèmes tôt, alors qu’ils sont toujours faciles à résoudre. La mise à jour d’une maquette dans Sketch ou Figma est beaucoup plus facile que sur un site Web fonctionnel.

Avec un peu de chance, vous voyez maintenant que les tests de conception sont une bonne idée pour toutes les parties concernées. La question suivante devient alors; comment effectuons-nous les tests de conception?

Comment mettre en œuvre des tests de conception

Avant de pouvoir tester le bon fonctionnement d’un concept de conception, vous devez d’abord être clair sur ce que vous testez. Plus tôt, j’ai dit qu’un design avait deux emplois. Il devait se connecter émotionnellement avec les utilisateurs et permettre aux gens d’utiliser le site le plus efficacement possible.

Dans cet esprit, nous voulons tester deux choses:

  • La marque et la personnalité du design, c’est ce qui dicte si un design se connecte émotionnellement à l’utilisateur.
  • La convivialité et la hiérarchie visuelle, qui permettent aux gens d’utiliser le site plus efficacement.

Il est également important de noter que pour les besoins de cet article, je présume que tout ce que nous avons est une maquette statique de la conception, sans interactivité.

Commençons donc par examiner comment nous testons la marque et la personnalité.

Marque de test et personnalité

Avant que quelqu’un veuille agir sur un site Web, il doit lui faire confiance. Les utilisateurs doivent se forger une première impression positive.

Dans une étude publiée dans le Journal of Behavior and Information Technology, ils ont découvert que le cerveau prend des décisions en seulement 20 secondes de consultation d’une page Web. De plus, ces décisions ont un impact durable.

Article intitulé: À l'attention des concepteurs Web, vous disposez de 50 millisecondes pour faire bonne impression
Selon une étude du Journal of Behavior and Information Technology, vous disposez de 50 millisecondes pour faire une première impression. (Grand aperçu)

Dans ce laps de temps, l’utilisateur juge le site Web uniquement sur l’esthétique, et nous devons donc nous assurer que cette esthétique communique les bonnes choses.

Nous pouvons tester cela de trois manières, mais commençons par mon préféré.

Enquête différentielle sémantique

Une enquête différentielle sémantique est un nom de fantaisie pour une idée simple. Avant de commencer la conception, commencez par vous mettre d’accord sur une liste de mots clés que vous souhaitez que la conception signale à l’utilisateur final. Il peut s’agir de termes tels que digne de confiance, amusant ou accessible.

Une fois que vous avez créé la conception, vous pouvez maintenant tester si elle communique ces impressions à l’utilisateur en exécutant une enquête différentielle sémantique.

Montrez simplement à l’utilisateur le design et demandez-lui d’évaluer le design par rapport à chacun de vos mots clés.

Exemple d'enquête tirée de la page de destination des membres de Smashing Magazine
Vous pouvez utiliser une enquête simple pour comprendre si une conception communique le bon message. (Grand aperçu)

La grande chose est que si la conception se compare bien à tous les mots convenus, non seulement savez-vous qu’elle fait son travail, il est également difficile pour les parties prenantes de rejeter la conception parce qu’elles n’aiment pas certains aspects de celle-ci.

Vous pouvez utiliser cette méthode pour déterminer l’approche la plus efficace à partir de plusieurs conceptions. Cependant, il existe un test beaucoup plus simple que vous pouvez également adopter lorsque vous avez plusieurs concepts de conception.

Tests de préférence

Un test de préférence est ce que cela ressemble. Vous montrez simplement plusieurs concepts de conception aux utilisateurs et leur demandez de sélectionner l’approche qu’ils préfèrent.

Cependant, au lieu de simplement demander aux utilisateurs de sélectionner le design qui leur plaît le plus, demandez-leur de sélectionner un design en fonction de vos mots clés. Vous pouvez demander aux utilisateurs de sélectionner la conception qui, selon eux, transmet le mieux les mots-clés que vous avez choisis.

Vous pouvez également appliquer le même principe de comparaison à vos concurrents.

Test de compétition

Vous pouvez exécuter précisément le même type de test de préférence que ci-dessus, mais comparez plutôt votre concept de conception aux sites Web des concurrents. Cela vous aidera à comprendre si votre conception réussit mieux à communiquer les mots clés souhaités par rapport à la concurrence.

Exemple de test de préférence des concurrents
Un test de préférence peut être utilisé pour voir comment votre conception se compare à la concurrence. (Grand aperçu)

L’avantage des deux types de tests de préférence est qu’ils découragent les parties prenantes d’adopter une approche de sélection à la conception. En d’autres termes, il les encourage à comparer les conceptions dans leur intégralité, plutôt que de sélectionner différents éléments de conception de la compétition ou de différentes versions, et vous demande de les combiner dans une approche Frankenstein.

En combinant à la fois des enquêtes sémantiques différentielles et des tests de préférence, vous pouvez créer une image claire de l’esthétique d’un design communiquant la bonne impression. Cependant, nous devons encore nous assurer qu’il est utilisable et que les gens peuvent trouver les informations ou les fonctionnalités dont ils ont besoin.

Tester l’utilisabilité et la hiérarchie visuelle

Un site Web peut avoir fière allure et donner à l’utilisateur la bonne impression, mais s’il est difficile à utiliser, il n’aura toujours pas fait son travail.

Une fois que vous avez un site Web entièrement construit ou même un prototype, les tests d’utilisabilité sont faciles en combinant les tests A / B (quantitatifs) avec les tests d’utilisabilité (qualitatifs).

Cependant, lorsque tout ce que vous avez est une maquette statique de la conception, il peut sembler plus difficile à tester. Heureusement, cette impression est incorrecte. De plus, cela vaut la peine d’être testé à ce stade précoce, car les choses seront beaucoup plus faciles à réparer.

Nous avons deux tests que nous pouvons faire pour vérifier l’utilisabilité. Le premier se concentre sur la navigation et le second sur la hiérarchie visuelle.

Tests au premier clic

Une étude influente sur l’utilisabilité, par Bob Bailey et Cari Wolfson, a démontré l’importance de veiller à ce que l’utilisateur fasse un excellent premier choix lors de la navigation sur votre site Web. Ils ont prouvé que si les utilisateurs obtenaient leur premier clic correctement, ils avaient 87% de chances de terminer leur tâche correctement; cependant, s’ils se sont trompés, ils ne sont plus que de 46%.

Heureusement, nous pouvons tester si les utilisateurs feront le bon premier clic en utilisant un “test du premier clic” imaginativement nommé.

Au premier clic, les utilisateurs de test se voient confier une tâche (par exemple, «Où voudriez-vous cliquer pour contacter les propriétaires du site Web?»), Puis le concept de design leur est présenté.

L’utilisateur clique ensuite à l’endroit approprié sur le concept qu’il juge correct et les résultats sont enregistrés. C’est aussi simple que cela.

Exemple de test au premier clic
Les tests du premier clic vous aident à comprendre si votre navigation est claire. (Grand aperçu)

L’avantage de l’exécution d’un test au premier clic du point de vue des concepteurs est qu’il peut résoudre les désaccords sur l’architecture des informations en démontrant si les utilisateurs comprennent l’étiquetage et la structure globale du site.

Cependant, la convivialité ne consiste pas uniquement à cliquer. Il est également essentiel que les utilisateurs repèrent le contenu critique et les appels à l’action. Pour tester cela, vous avez besoin d’un test de 5 secondes.

Tests de 5 secondes

La recherche semble indiquer qu’en moyenne, vous avez environ 8 secondes pour attirer l’attention des utilisateurs et que beaucoup quittent un site Web dans les 10 à 20 secondes. Cela signifie que nos interfaces doivent présenter les informations que nous voulons que les utilisateurs voient de la manière la plus évidente possible. En d’autres termes; nous devons faire la distinction entre les informations les plus importantes et les moins importantes.

Le test de ce type de hiérarchie visuelle peut être réalisé à l’aide d’un test de 5 secondes.

Hub d’utilisation décrire un test de cinq secondes de cette façon:

“Un test de cinq secondes est exécuté en montrant une image à un participant pendant seulement cinq secondes, après quoi le participant répond aux questions en fonction de sa mémoire et de son impression de la conception.”

Il est important de noter non seulement si les utilisateurs se sont souvenus avoir vu des éléments d’écran critiques, mais aussi à quelle vitesse ils ont rappelé ces éléments. Si les utilisateurs mentionnent d’abord des éléments moins essentiels, cela pourrait indiquer qu’ils ont trop d’importance.

Le grand avantage d’un test de 5 secondes est qu’il peut rassurer les clients quant à la possibilité qu’un utilisateur néglige un élément d’interface. Espérons que cela réduira le nombre de demandes «agrandir mon logo» que vous recevrez.

Comme vous pouvez le voir, les tests peuvent à la fois améliorer vos conceptions et rendre la signature de conception moins douloureuse. Cependant, il se peut que vous ayez des inquiétudes concernant la mise en œuvre de ces tests. Heureusement, c’est plus simple que vous ne le pensez.

Qui et comment tester?

La bonne nouvelle est qu’il existe d’excellents outils pour vous aider à exécuter les tests que j’ai décrits dans cet article. En réalité Hub d’utilisation offre les cinq tests que nous avons couverts et plus encore.

Page d'accueil de Hub d'utilisation
Ergonomie Hub me permet d’exécuter tous les tests dont j’ai besoin pour évaluer un concept de conception. (Grand aperçu)

Vous créez simplement votre test, puis partagez l’adresse du site Web qu’ils vous donnent avec les utilisateurs.

Bien sûr, trouver ces utilisateurs peut être difficile, alors parlons-en.

Lorsqu’il s’agit de tester la convivialité, nous n’avons pas besoin de beaucoup d’utilisateurs. Le groupe Nielsen Norman suggère que vous avez seulement besoin de tester avec cinq personnes, car au-delà, vous voyez des rendements décroissants.

Graphique montrant les rendements décroissants de l'ajout de personnes aux tests d'utilisabilité
Après environ cinq utilisateurs, vous recevez des rendements décroissants des tests d’utilisabilité. (Grand aperçu)

Ces utilisateurs peuvent être rapidement recrutés à partir de votre base de clients existante ou via des amis et de la famille. Cependant, si vous voulez être un peu plus pointilleux au sujet de vos données démographiques, des services tels que le centre de convivialité recrutent des participants pour aussi peu qu’un dollar par personne.

Tester l’esthétique est plus délicat car, comme nous l’avons déjà établi, le design est subjectif. Cela signifie que nous avons besoin de plus de personnes pour éliminer toute anomalie statistique.

Encore une fois, le groupe Nielsen Norman suggère un certain nombre. Ils disent que lorsque vous voulez des résultats statistiquement significatifs, vous devez rechercher au moins 20 personnes.

Il convient également de noter que dans le cas de l’esthétique, vous devez tester avec des personnes démographiquement précises, ce que votre plate-forme de test devrait être en mesure de vous aider à recruter.

Bien que cela coûtera une petite somme d’argent, ce sera insignifiant par rapport aux heures-personnes qui entreraient dans le débat sur la meilleure approche de conception.

On craint également souvent que cela prenne beaucoup de temps. Cependant, d’après mon expérience, vous pouvez généralement obtenir 20 réponses en une heure ou moins. À quand remonte la dernière fois que vous avez obtenu l’approbation de conception en moins d’une heure?

Ça vaut le coup d’essayer

Tester un concept de design ne résoudra pas tous vos problèmes de designer. Cependant, cela mènera à de meilleures conceptions et pourra contribuer de manière significative à la gestion des parties prenantes. Et quand on considère l’investissement minimal pour y arriver, cela n’a pas de sens de ne pas l’essayer sur au moins un projet.

Smashing Editorial
(rail)
Close Menu