Création site Web 100% Gratuit

Chez nous, vous ne payez que nos abonnements de maintenance, la création de votre site est offerte.
*Offre valable jusqu’à fin novembre 2022

Test d’utilisabilité du site web

Août 31, 2022

article de blog

Qu’est-ce qu’un test d’utilisabilité ?

Le test de convivialité est une évaluation complexe d’un site web basée sur sa facilité d’utilisation et l’efficacité de ses éléments techniques. La facilité d’utilisation dépend en grande partie de la conception de l’interface utilisateur, tandis que sa fonctionnalité est testée lors d’un audit de site web. Voyons comment ces processus sont interconnectés. La conception de l’interface utilisateur implique la création d’un prototype de produit ou d’une interface visuelle susceptible de convenir aux utilisateurs. D’autre part, le test d’utilisabilité consiste à faire approuver le produit par le public cible ou les utilisateurs susceptibles d’être intéressés par le site Web en cours de lancement ou le produit nouvellement créé. Pour mieux comprendre la différence entre l’interface utilisateur et l’interface utilisateur, prenons ces deux exemples : des bouteilles de ketchup et des chemins pavés dans un parc. Selon le concepteur, une bouteille de ketchup doit avoir les propriétés suivantes : elle doit être compacte, bien tenir dans la main de l’utilisateur, être élégante et comporter un bouchon et un distributeur. Selon le développeur, il s’agit de la conception de l’interface utilisateur – le produit qui semble correct. Ensuite, le flacon de l’interface utilisateur est présenté à l’utilisateur final, qui pense que la conception est défectueuse : le flacon est trop petit et n’a pas de couvercle à bascule au fond ; à la place, il y a un distributeur apparemment inutile au sommet du flacon. Il s’agit d’un test de convivialité – une évaluation pratique de la convivialité du produit. L’exemple de la bouteille de ketchup montre la différence entre l’interface utilisateur et l’interface utilisateur : étudions maintenant l’exemple du chemin pavé. Un architecte a conçu un parc avec des chemins pavés pour des promenades dominicales paresseuses et les a entourés d’une pelouse verte, avec quelques arbres plantés ici et là. C’est la conception de l’interface utilisateur – l’architecte s’est appuyé sur sa vision du confort de l’utilisateur. Cependant, lorsque le projet a été mis en œuvre, il s’est avéré que les visiteurs du parc n’utilisaient que rarement une section du trottoir et passaient plutôt directement sur la pelouse pour couper leur chemin. C’est le test d’utilisabilité qui a montré que la conception n’était pas assez utilisable, et les visiteurs ont dû créer un chemin supplémentaire pour leur confort. L’exemple du chemin pavé illustre la différence entre l’IU et l’UX : Un audit est un contrôle complexe d’un site web effectué pour détecter d’éventuelles vulnérabilités techniques. Un audit de site Web vous aidera à déterminer si le trafic ciblé a été atteint, si des problèmes sont survenus et à prendre les mesures nécessaires pour améliorer la situation. Par exemple, si votre site Web a attrapé un virus, tous les moteurs de recherche le détecteront immédiatement et bloqueront l’ensemble du site. En conséquence, il sera filtré comme une ressource potentiellement dangereuse et certains utilisateurs ne pourront pas y accéder. Il en résultera une baisse du trafic et des ventes et d’autres circonstances. Un audit du site Web vous aidera à résoudre les problèmes détectés et à y remédier rapidement. Voici un tableau répertoriant les différentes manières d’étudier le comportement des utilisateurs et les étapes à suivre pour réaliser un audit complexe du site Web. Méthodes d’analyse du comportement de l’utilisateur Composants de l’audit de site Web EntretiensAudit technique Enquêtes en ligne sur le contenu Questionnaires Évaluation du noyau sémantique Test de l’arborescence Audit de la page d’accueil Cartes de pointage Vérification des outils d’analyse Web Test A/B Audit de liens Création de personnages Analyse des concurrents Test de clics Évaluation de la qualité de l’optimisation interne Test de navigation Test de marketing 5 secondes Audit des opportunités de développement Audit d’utilisabilité Le test d’utilisabilité est le point de jonction entre la conception de l’interface utilisateur et l’audit de site Web. Dans la conception de l’interface utilisateur, les tests d’utilisabilité permettent d’évaluer la commodité et la praticité (rappelez-vous les exemples de la bouteille de ketchup et des chemins pavés). D’un autre côté, un audit utilisateur montre les vulnérabilités techniques du site web et suggère des moyens de les résoudre pour laisser libre cours à la conception de l’interface utilisateur. Les processus étant interconnectés, il serait judicieux de les mener simultanément en tant que composantes d’une vérification complexe. Sinon, chaque processus n’a que peu de valeur pratique en soi : personne n’a besoin d’un site web qui ne fonctionne pas ou d’un site web fonctionnel dont le design est laid. Si le site Web a un design agréable, qu’il est attrayant pour ses utilisateurs (comme le montre le test UX) et qu’il fonctionne correctement (selon l’audit d’utilisabilité), il y a de fortes chances qu’il finisse par atteindre son but.

Pourquoi les tests d’utilisabilité sont importants

Lorsqu’un utilisateur visite un site Web pour la première fois, il lui faut jusqu’à trois secondes pour en évaluer la conception. Si tout est parfait, le visiteur passe les dix secondes suivantes à apprendre la structure, la navigation et le contenu du site. Supposons qu’aucun problème ne survienne et que tout soit clair. Dans ce cas, l’utilisateur va très probablement étudier le contenu proposé et effectuer l’action nécessaire : s’abonner aux mises à jour, appeler le bureau, acheter l’article proposé ou utiliser le service. En revanche, si le premier visiteur rencontre un problème dans les 15 premières secondes, il fermera probablement la page sans prêter attention à ce qui lui est proposé. Si l’utilisateur décide de rester sur la page mais qu’il est dérouté ou déçu par quelque chose, la même situation se produira, et le site web passera à côté de son objectif. Le graphique montre qu’un dollar investi dans les tests UX vous rapporte 100 dollars de retour sur investissement. Pour mieux comprendre l’objectif des tests d’utilisabilité, imaginez que vous avez placé une fenêtre pop-up encourageant les visiteurs à fournir leur numéro de téléphone et à se faire rappeler par le responsable. De nos jours, des billions de dollars circulent dans le secteur du commerce électronique, et 35 % de cet argent sera perdu en raison de l’absence de tests UX appropriés. Supposons que vous décidiez de faire de la publicité pour votre produit au détriment de l’audit UI et de l’évaluation UX. Dans ce cas, le site web obtiendra plus de trafic après avoir augmenté le budget marketing. La fenêtre contextuelle irritante détournera la plupart des visiteurs vers vos concurrents, qui ont compris l’importance des tests de convivialité et conçu des sites web pratiques. De toute façon, votre site web n’atteindra pas son but, et l’augmentation des coûts de marketing se traduira par des pertes financières. Ainsi, les tests UX permettent de s’attaquer aux problèmes fondamentaux qui affectent les taux de conversion. C’est la principale raison de procéder à des évaluations de convivialité en temps utile et de corriger les défauts de conception de votre site Web. Les tests de convivialité facilitent le processus de développement de sites Web et permettent de lancer des sites Web deux fois plus rapidement. Les tests d’utilisabilité présentent également plusieurs autres avantages : ils stimulent les ventes, permettent de réanimer les start-ups électroniques défectueuses et font gagner du temps aux développeurs de sites web. Ainsi, les tests d’utilisabilité sont une excellente occasion de rajeunir les projets abandonnés. Chaque année, jusqu’à 1 000 milliards de dollars sont dépensés pour le lancement de start-ups Internet. Mais malheureusement, environ 150 milliards de dollars sont perdus dans des projets qui sont abandonnés. La bonne nouvelle est que la plupart de ces startups mourantes peuvent être réanimées par des tests d’utilisabilité opportuns. Pertes subies par les boutiques en ligne en raison de l’insuffisance des tests d’utilisabilité. Aux États-Unis, 27 % des acheteurs en ligne abandonnent leurs commandes en raison d’un flux de paiement et d’une conception insatisfaisants. Si l’on traduit ce chiffre en termes monétaires, les boutiques en ligne américaines perdent 260 milliards de dollars par an à cause d’une mauvaise ergonomie. D’autres pays connaissent des problèmes similaires.

Comment tester la convivialité d’un site web : Une étude de cas complète

Nous avons décidé de montrer comment effectuer des tests d’utilisabilité en pratique. Nous allons analyser le site web de l’un des magasins de commerce électronique, Wesco-shop.us, et fournir des recommandations pour l’améliorer. Si vous envisagez de lancer une campagne Google Ads, de remanier votre site Web ou de le promouvoir en utilisant le référencement, les tests d’ergonomie vous seront utiles. Dans l’une des prochaines sections, nous vous expliquerons comment évaluer vous-même la convivialité d’un site Web. Vous pouvez trouver des tonnes d’informations didactiques sur divers sites de tests d’utilisabilité. Toutefois, pour vous faciliter la tâche, nous avons formulé ci-dessous les principaux conseils pour une enquête d’utilisabilité réussie. Mais si vous êtes trop pressé par le temps, pensez à déléguer cette tâche à des professionnels.

Conseil n° 1 : Assurez-vous que les articles sont classés dans les bonnes catégories.

Parfois, les produits figurant sur une page sont de couleurs différentes. Cela donne l’impression que la page est désordonnée et détourne l’attention de l’utilisateur. La page aura un aspect soigné et élégant si tous les produits sont regroupés en fonction de leur couleur. Ici, nous voyons une horloge violette se démarquer du reste des articles énumérés sur la page. Pour que la page ait l’air ordonnée, remplacez l’horloge de cuisine violette par une horloge rouge. Les couleurs n’auraient pas tant d’importance si ce n’était pour la stylistique du site Web. Comme le concept de design présuppose que les produits doivent être regroupés en fonction de leurs couleurs, il faut veiller à ce que cette condition soit respectée. Le client a suivi la recommandation et a rempli la page uniquement avec des articles rouges. La page a maintenant un aspect net et bien pensé. Pour renforcer cet effet, le client peut faire appel à un designer pour s’assurer que la même nuance de couleur est utilisée dans tout le catalogue.

Conseil n°2 Un problème de défilement

La barre de défilement intérieure de la page doit être supprimée. En effet, la barre de défilement a été conçue de manière incorrecte. Le code défectueux doit être modifié pour éliminer la barre de défilement et améliorer l’aspect de la page. Dans cet exemple, la barre de défilement est trop épaisse et placée trop loin de la marge de droite. De plus, sa couleur correspond à celle des articles présentés dans le catalogue. Cela détourne l’attention du spectateur et rend la page difficile à parcourir. Ironiquement, en vous débarrassant de la barre de défilement, vous rendrez la page plus conviviale. Notre tâche consiste à étudier le code, à trouver le problème, à faire une capture d’écran et à mettre en évidence la partie qui doit être modifiée. Ensuite, il faut informer le client du problème et lui fournir la capture d’écran. Pour une raison quelconque, le client n’a pas réglé le problème de la barre de défilement. L’épaisse ligne grise est toujours là, empêchant les utilisateurs d’étudier le catalogue. Nous n’avons pas accès au back-end du site Web et ne pouvons donc pas modifier le code nous-mêmes. Poursuivons donc notre analyse, en espérant que le propriétaire du site Web s’attaquera à ce problème.

Conseil n° 3 Une erreur dans la mise en page du pied de page

L’utilisateur peut parfois remarquer une erreur dans le pied de page du site Web lorsqu’il rafraîchit la page de destination : un champ libre avec une barre de recherche apparaît en bas, alors qu’il n’y en a pas. Pour résoudre ce problème, il faut ajuster le code afin de rétablir la disposition originale du site Web. Il doit y avoir un peu d’espace en bas de la page. Évitez de placer des éléments autres que les liens vers les médias sociaux et les systèmes de paiement ou les boutons « S’inscrire » et « Retour en haut ». Le propriétaire du site Web n’a pas suivi notre recommandation et a décidé de ne pas ajuster le code. En conséquence, la boîte grise apparaît encore de temps en temps en bas de la page, recouvrant les logos des systèmes de paiement. La barre de recherche non fonctionnelle qui y apparaît irrite également la plupart des visiteurs.

Conseil n° 4 : veillez à ce que les éléments de conception soient correctement alignés

Trois blocs de contenu avec des catégories se sont déplacés vers la gauche et ne correspondent pas à la mise en page générale de la page. Pour résoudre ce problème, il suffit d’aller dans le back-end et de les centrer correctement. C’est aussi simple que cela ! Quoi qu’il en soit, le client devrait vérifier à nouveau le rubricateur. Même centrés, les trois petits blocs de contenu n’ont pas l’air naturels. Ajoutons donc une nouvelle catégorie, utilisons des images plus grandes, et recentrons tous les éléments. Ça a l’air plutôt cool, n’est-ce pas ? Le propriétaire du site a adhéré à nos suggestions et a immédiatement apporté les changements nécessaires. Désormais, quatre blocs de contenu sont placés de manière ordonnée sous l’image principale. Si le magasin a de nouvelles catégories de produits à l’avenir, elles peuvent être ajoutées en tant que blocs séparés et placées les unes au-dessus des autres. Une telle mise en page sera attrayante et facilement navigable.

Conseil n° 5 : dimensionnez tous les éléments de manière optimale

La boîte à commentaires devrait être redimensionnée et centrée. Actuellement, elle semble trop grande et peu pratique. Le propriétaire du site a partiellement tenu compte de nos recommandations : la boîte de commentaires est devenue plus petite, mais elle est toujours adaptée à la largeur de la page. Dans ce cas, l’utilisateur aura probablement du mal à rédiger de longs commentaires décrivant en détail un problème qu’il a pu rencontrer.

Conseil n° 6 : Mise en page inadéquate des images

Toutes les images de chaque bloc doivent être de la même taille. Le site Web aura l’air désordonné et de mauvaise qualité si cette exigence n’est pas respectée. Cela peut entraîner un manque de fidélité de la part des clients, une baisse des ventes et d’autres problèmes. Marquez l’image qui se démarque des autres, montrez la capture d’écran au client et expliquez-lui combien il est important de résoudre le problème immédiatement.

Conseil n° 7 : supprimer les liens inutiles

Le formulaire de commentaires comporte le lien « Powered by YOTPO », un service spécifique qui facilite les commentaires des clients. Cependant, si ce lien reste présent, il détournera une partie importante du trafic du site web. Nous n’y avons donc pas souscrit. Il existe une règle tacite : tous les éléments figurant sur un site web doivent faciliter l’expérience d’achat du client. Par conséquent, si un élément peut détourner le client de la consultation des produits et du passage à la caisse, il doit être dissimulé ou supprimé. Sinon, la baisse des taux de conversion est inévitable. À cet égard, on peut se rendre compte qu’une UX de qualité repose sur une grande attention aux détails, mais que la mise en œuvre correcte de ces détails est encore plus importante. Mais malheureusement, cette situation démontre combien de détails essentiels sont laissés sans attention.

Comment réaliser des tests d’utilisabilité

Stage 1

Premièrement, il est primordial de formuler les objectifs, les hypothèses et les tâches immédiates du test d’utilisabilité. Deuxièmement, les tests d’utilisabilité impliquent une procédure de recherche approfondie, il est donc judicieux de les entreprendre dans certains cas. Si le test d’ergonomie est une mesure préventive, ses objectifs, hypothèses et tâches consistent à vérifier si le site Web fonctionne correctement et si tous ses éléments sont affichés correctement. Dans ce cas, peu de modifications seront apportées, car il suffira d’ajustements mineurs pour résoudre la plupart des problèmes potentiellement rencontrés. En revanche, si le site Web ne donne pas les résultats escomptés, les objectifs, les hypothèses et les tâches des tests UX doivent être considérés séparément. L’objectif est déterminé par le problème à résoudre pendant le test d’utilisabilité. Les hypothèses aident à trouver l’origine possible du problème, tandis que les tâches permettent d’élaborer la stratégie pour s’attaquer au problème. L’objectif des tests UX Hypothèses Tâches Détecter la cause profonde de la chute de 50 % des ventes et comprendre pourquoi la stratégie de promotion bien pensée a donné un résultat négatif 1. Problèmes techniques. 2. Erreurs dans l’optimisation du référencement 3. Publicité inadéquate 4. Un contenu de mauvaise qualité 5. Actions délibérées des concurrents 1. Réaliser l’audit technique et définir la cause possible du dysfonctionnement.2. Vérifier deux fois le noyau sémantique et les mots-clés.3. Contacter l’annonceur et vérifier deux fois le message des annonces publiées.4. Analyser le rapport de blocage et évaluer la qualité des articles publiés.5. Vérifier les chaînes YouTube et les forums pour trouver des retours négatifs ou des critiques.

Étape 2

Après avoir testé au préalable les hypothèses formulées, nous sommes arrivés aux conclusions suivantes : trois problèmes n’ont pas été détectés, un problème évident s’est produit et une hypothèse reste discutable. Questions qui n’ont pas été détectéesLe problème existantL’hypothèse qui doit être testée plus avant Actes délibérés des concurrents. Cette hypothèse n’a pas été prouvée car les outils de test UX ont permis une analyse rapide des ressources populaires pour toute action négative entreprise par un tiers. Malheureusement, aucune information de ce type n’a été fournie. Contenu de faible qualité. Le contenu du site est divisé en trois sections : « Blog », « Fiches produits » et « Actualités ». La plupart des « fiches produits » ne contiennent pas de descriptions de produits, d’images ou de vidéos. Au lieu de cela, on trouve une liste de caractéristiques pour faire la publicité du produit. La section ‘Blog’ contient très peu d’articles. En outre, chaque article publié dans cette section regorge de fautes et n’est guère informatif pour le lecteur. Enfin, la section « Actualités » ne fournit que des informations de base sur l’entreprise, qui sont très génériques et ennuyeuses. Problèmes techniques. Sur certains gadgets, le temps de téléchargement de la page a augmenté, et la mise en page diffère de celle d’origine. En dehors de cela, certaines vidéos ne peuvent pas être lues sur les tablettes et les smartphones. Des paramètres publicitaires inadaptés. Les annonceurs ont donné leur avis et confirmé que les publicités étaient appropriées. Optimisation SEO incorrecte. Les professionnels du référencement ont vérifié les requêtes qui ont amené le site web dans le Top-3 de Google. Toutes les procédures ont été effectuées correctement, et des mots-clés pertinents ont été utilisés pour la promotion du site web.

Étape 3

Nommons les méthodes les plus populaires et voyons comment elles s’appliquent à nos hypothèses. Le test en couloir implique un groupe d’utilisateurs qui se relaient pour tester la fonctionnalité du produit ou du site web. En revanche, le modérateur (qui organise le test) enregistre le processus via une application de test utilisateur. Une fois la tâche terminée, les actions des utilisateurs sont analysées et les résultats sont utilisés pour améliorer l’interface utilisateur. Test d’utilisabilité modéré à distance – dans ce cas, le modérateur s’entretient personnellement avec les répondants (le public cible) via Skype, le téléphone ou tout autre canal de communication et recueille les informations nécessaires. En outre, les entretiens sont documentés et utilisés pour améliorer la convivialité. Les tests d’utilisabilité à distance sans modérateur impliquent des tests réalisés via des applications de test spécifiques sans la participation du modérateur. Une fois la tâche terminée, les modérateurs enregistrent les problèmes et utilisent ces rapports pour améliorer la convivialité du site web. Les tests A/B consistent à créer plusieurs versions d’un même produit, l’utilisateur étant invité à choisir la meilleure variante. L’examen par des experts présuppose l’engagement d’un professionnel capable de repérer les problèmes sans se tourner vers le public cible. Par exemple, si vous devez analyser le site Web d’un magasin de meubles en ligne, demandez l’avis d’un vendeur de meubles expérimenté qui pourra mettre en évidence certaines nuances permettant d’améliorer le taux de conversion du site Web . À notre avis, les tests à distance non modérés sont le moyen le plus approprié pour tester l’hypothèse d’un « contenu médiocre ». Dans le même temps, le repérage d’éventuels problèmes techniques sera délégué à des experts, qui fourniront un avis d’expert. Le choix de la méthode de test dépend largement de l’hypothèse, vous devez donc trouver les plus pertinentes pour chaque scénario. Il convient toutefois de noter que le rapport du test d’utilisabilité est inutile si les recommandations ne sont pas systématiquement mises en œuvre.

Nota Bene

Eh bien, nous avons partagé avec vous les meilleures pratiques en matière de tests d’utilisabilité des sites Web. Vous savez donc maintenant ce qu’est un test d’utilisabilité et son rôle important dans la santé de votre entreprise. Nous espérons que vous l’utiliserez systématiquement et que vous obtiendrez le soutien de vos utilisateurs. N’hésitez pas à nous faire part de vos réflexions sur les tests d’utilisabilité dans les commentaires : s’agit-il d’un service utile ou d’une simple astuce marketing ?

29 des meilleurs outils SEO pour auditer et surveiller votre site Web en 2022

L’objectif du marketing est de générer du trafic et des prospects qualifiés via le site Web de l’entreprise. C’est pourquoi, en tant que spécialistes du marketing, nous devons comprendre exactement ce que nous pouvons …

Besoin de plus de visiteurs sur votre site Web ? Revenez à l’essentiel

Lorsque vous entendez le terme « SEO » ou « optimisation pour les moteurs de recherche », pour qui pensez-vous que cela implique que vous devriez optimiser votre site ? Eh bien, je vais vous donner un indice : ce n’est pas pour les moteurs …

Demander l’indexation Google pour être trouvé plus rapidement

Lors de l’indexation, les moteurs de recherche comme Google enregistrent les pages web dans leur répertoire. Seul ce qui se trouve dans ce répertoire est affiché aux utilisateurs dans dans la recherche Google. …

Votre site 100% Gratuit

Profitez de votre création de site gratuite 👍
* Offre limitée jusqu’à fin Novembre

Vous souhaitez poster un commentaire ?

0 commentaires