Article7 Erreurs d'utilisabilité qui nuisent à votre marque

Publié: 2022-08-12

La convivialité est l'un des facteurs les plus importants du succès d'un site Web. Mais il passe souvent inaperçu. Maintes et maintes fois, nous avons vu des entreprises violer les meilleures pratiques en matière d'utilisabilité.

Cela nuit à votre marque et à votre résultat net, 100 % du temps.

Dans cet article, nous décomposons sept des erreurs les plus courantes afin que vous sachiez ce qu'il faut rechercher et que vous puissiez créer de la bonne volonté avec vos utilisateurs au lieu de la perdre.

Nous nous asseyons avec Jason Wolter (architecte de l'information) et Cynthia Stipeche (directrice de l'expérience de marque) pour passer en revue ces sept erreurs et comment chacune affecte votre marque.

  • Erreur #1 : Le 'Menu Hamburger'
  • Erreur #2 : ne pas utiliser les liens d'accueil
  • Erreur #3 : Pas de fonction de recherche
  • Erreur #4 : faire tourner les carrousels
  • Erreur #5 : lecture automatique des vidéos
  • Erreur #6 : Formulaires à deux colonnes
  • Erreur n° 7 : Texte d'espace réservé

Erreur #1 : Le menu 'Hamburger'

Jason : Commençons par les gros canons. Le plus important est donc probablement le menu hamburger. Les gens utilisent assez souvent le menu hamburger, mais son taux de découverte est très faible. Les gens ne voient pas toujours le menu, surtout quand il s'agit des trois bars.

Les trois barres ne sont souvent pas reconnues. Dans le secteur dans lequel nous travaillons, c'est une sorte de seconde nature pour nous d'utiliser un menu de hamburgers. Mais lors des tests sur le terrain, les gens ne savent pas ce que ces trois barres représentent. Il cache le menu à une faible découvrabilité à la meilleure option.

Si vous devez utiliser un menu hamburger (par exemple, lors de l'affichage sur un appareil mobile), la meilleure pratique consiste à utiliser un bouton indiquant "Menu" entouré d'un contour pour indiquer clairement qu'il s'agit d'un bouton cliquable. Mais cela ne remplace pas la navigation visible. Idéalement, c'est vraiment la voie que vous voulez suivre.

Beaucoup d'agences l'utilisent parce que c'est plus propre. Mais c'est difficile à voir pour les gens. L'utilisabilité consiste à rendre les choses fluides et à faciliter l'interaction des utilisateurs. Et si les utilisateurs doivent apprendre à utiliser votre site Web afin d'interagir avec lui, quelle est la probabilité qu'ils reviennent ?

C'est ce qu'on appelle la charge cognitive. Vous entrez avec une ardoise vierge, mais plus il est difficile pour quelqu'un de trouver quelque chose, ou plus vous le faites attendre sur certaines informations, plus il risque de finir par vous abandonner. La solution est de créer une solution plus simple qui fonctionne pour eux.

C'est l'une des principales erreurs d'utilisabilité ; le menu hamburger doit disparaître!

Cynthia : Je vais mettre un peu de contexte à cela. Beaucoup de gens ne reconnaissent pas le menu hamburger et les tests le prouvent. Mais en même temps, cela dépendra de l'audience d'une entreprise.

Par exemple, s'il s'agit d'un site de divertissement ou de jeux et que le public est beaucoup plus jeune, il saura probablement exactement ce que signifient ces trois lignes. Il existe des pratiques exemplaires en matière de tests, mais il s'agit souvent d'une diversité d'âges. Si votre entreprise a beaucoup de clients plus jeunes, ils sauront exactement de quoi il s'agit. Pour le moment, surtout si vous faites un site B2B, vous ne devriez probablement pas vous appuyer sur ce menu hamburger.

Les publics cibles et les personnalités comptent. Si vous avez un site Web qui s'adresse à tout le monde, c'est une grave erreur. Les utilisateurs seront submergés par aucun contexte et aucune information qui les concerne. Vous devez définir le but de chaque page. S'il n'est pas défini, il n'est pas structuré correctement. Et s'il n'est pas correctement structuré, il ne fonctionnera pas correctement.

Lorsque vous développez des personnalités et qu'elles ne sont pas basées sur la recherche, vous pouvez finir par concevoir un site qui échoue à votre public. Observer l'utilisateur final, parler à l'utilisateur final, parler au client est essentiel pour la convivialité et la gestion de votre marque via votre site Web. Et nous le faisons. Nous réalisons de nombreuses études sur la voix des clients pour mieux comprendre notre public cible et ses points faibles.

Si vous souhaitez développer de l'empathie pour votre public cible, elle doit être enracinée dans de vraies personnes. Elle doit être ancrée dans l'observation et non dans des suppositions.

Erreur #2 : ne pas utiliser les liens d'accueil

Jason : De nombreux sites Web s'appuient sur le fait que les gens savent que si vous cliquez sur le logo en haut à gauche ou là où se trouve le logo de la marque, cela vous ramènera toujours à la page d'accueil.

Les tests montrent que ce n'est pas le cas.

Beaucoup de gens ne réalisent pas que vous êtes capable de naviguer de cette façon. Donc, ce que les gens finissent par faire, c'est cliquer sur le bouton de retour de leur navigateur pour essayer de revenir à la page d'accueil. Ainsi, avoir un lien persistant sur les pages internes crée un moyen clair pour les utilisateurs de revenir à cette page d'accueil. Et beaucoup de gens l'ignorent.

Cynthia : Parfois, nous souhaitons réintégrer clairement un bouton indiquant « Accueil » sur les pages internes. Je pense que cela tient aux différences générationnelles. Un public plus jeune s'attendra probablement à ce que si je clique sur le logo, il me ramène à la maison. Mais pour le moment, les tests montrent que ce n'est pas une bonne pratique d'avoir le logo comme seul moyen de revenir à la page d'accueil.

Erreur #3 : Pas de fonction de recherche ️‍️

Jason : La recherche est une autre chose. Il existe un sous-ensemble d'utilisateurs qui naviguent sur des sites Web via la recherche. Donc, si vous n'avez pas d'option de recherche ou si vous ne mettez pas l'accent sur votre option de recherche avec une barre de recherche exposée ou un bouton de recherche qui se démarque de votre navigation, vous aliénez un public particulier. C'est particulièrement important sur les grands sites avec une architecture profonde. Une étude du Search Engine Journal a révélé que près d'un tiers des utilisateurs se disent rebutés par l'absence de champ de recherche sur un site Web. Plus de 40% disent qu'un champ de recherche est la fonctionnalité la plus importante d'un site Web.

Le strict minimum devrait être une icône visuellement distincte de votre navigation. Il y a un test où vous plissez les yeux et regardez le milieu de l'écran. Votre vision devient floue et vous recherchez des éléments qui ressortent et que vous pouvez identifier visuellement. Si vous pouvez voir cette icône de recherche sortir du texte de navigation, alors c'est passable. Mais la meilleure chose que vous puissiez faire serait d'avoir une barre de recherche exposée afin que vous sachiez par où commencer votre requête.

Cynthia : Mon autre problème est lorsque vous proposez la recherche sur votre site et que vous ne donnez pas aux gens la possibilité de filtrer les résultats de recherche. Ou même si vous avez une fonction de recherche, la page résultante n'a pas la possibilité de filtrer par type de fichier par exemple. Cela crée plus de friction pour l'utilisateur lorsqu'il essaie de localiser des informations.

Une autre erreur avec la fonction de recherche sur les sites est l'impossibilité de rechercher à nouveau sur la page de résultats. Nous avons effectué des tests dans le passé et découvert que beaucoup de personnes qui sont plus jeunes n'utilisent pas le menu principal pour rechercher le site ou pour trouver du contenu. Ils sont allés directement à la fonction de recherche.

Ils ne plaisantent pas avec la navigation et vont directement à la recherche. Pour une génération élevée pour trouver des informations via des moteurs de recherche comme Google, si votre fonction de recherche ne fonctionne pas sur votre site Web, vous allez les perdre.

Erreur #4 : faire tourner les carrousels

Jason : Les carrousels à rotation automatique - ou les carrousels en général - ne sont pas très efficaces. Les gens défilent généralement devant eux. Donc, si vous ne faites que numériser une page, un chapiteau peut avoir quatre messages clés, mais la plupart des gens ne verront que le premier, car ils ne feront que défiler jusqu'au contenu.

Un carrousel automatique est pire. Selon le contenu que vous avez là-dedans, les utilisateurs n'ont pas vraiment de contrôle sur le message qu'ils voient. Ainsi, ils pourraient être intéressés par l'un de vos messages clés, puis il disparaîtra avant qu'ils ne puissent tout consommer. Ou ils peuvent l'avoir vu et vouloir y revenir. Ensuite, ils remontent et ce n'est pas là et ils doivent cliquer et aller le trouver.

Donc, vous les faites travailler. Ce qui renvoie à la charge cognitive. Et puis une fois qu'ils ont trouvé le message qu'ils cherchaient, ils restent dessus pendant cinq secondes, puis il repart. Ils doivent cliquer dessus pour revenir en arrière. C'est tout un gâchis.

Par exemple, si vous avez cinq diapositives de témoignages, 95 % de vos utilisateurs ne verront que la première. Ils ne vont pas cliquer et essayer de tous les voir. Mais ce n'est pas une priorité très élevée, donc dans certains cas, c'est acceptable.

Là où c'est vraiment mauvais, c'est dans votre chapiteau où vous avez trois ou quatre messages principaux et un CTA. Ce sont des messages clés que vous essayez vraiment de faire passer et les gens ne les voient jamais. Ce n'est pas grave s'ils ne voient pas trois de vos quatre témoignages, mais c'est mauvais si un carrousel rotatif fait manquer à un utilisateur la messagerie clé.

Cynthia : Généralement, nous évitons les carrousels comme la peste, mais de nombreuses entreprises les utilisent encore. Cela n'a surtout pas de sens dans un chapiteau car l'utilisateur peut manquer une information vitale. Il serait probablement préférable de ne pas masquer les éléments de contenu importants, même s'ils se trouvent en haut de la page.

Certaines personnes veulent tout entasser en haut de la page et c'est tout ce à quoi elles pensent. Mais si des informations sont cachées dans le chapiteau, cela ne fait rien pour vous.

Erreur #5 : lecture automatique des vidéos

Jason : De nombreux sites Web aiment utiliser le mouvement dans leurs chapiteaux. Il peut y avoir une vidéo et lorsqu'ils arrivent sur la page, la vidéo commence à jouer. Certaines personnes n'aiment pas ça. Ils n'aiment pas le mouvement et ils ne veulent pas voir la vidéo.

Pour contourner ce problème, vous souhaitez inclure un bouton de pause. Vous voulez avoir quelque chose qui donne à l'utilisateur la possibilité de le fermer s'il ne veut pas le voir. La meilleure pratique serait probablement d'avoir une image là-bas et de vraiment mettre en évidence un bouton de lecture pour donner à l'utilisateur l'option : "Est-ce que je veux voir cette vidéo ou non ?" Vous ne vous contentez pas de le leur imposer et de leur faire voir.

Même les vidéos en lecture automatique dans d'autres zones d'un site peuvent interrompre le flux de l'utilisateur à la recherche d'informations. Donc, ce n'est généralement pas une bonne idée de jouer automatiquement quoi que ce soit.

Cynthia : Les vidéos en lecture automatique sont horribles. C'est une expérience bouleversante. Vous ne voulez pas visiter un site Web et faire démarrer une vidéo automatiquement. Il serait mauvais de lire une vidéo avec un volume coupé. Le pire serait avec le volume. Si vous voulez convaincre les gens d'éviter votre site Web comme la peste, allez-y et déposez une vidéo en lecture automatique.

Maintenant, si vous avez un contenu vidéo fort, je saisirais probablement un segment de cette vidéo et créerais une boucle passive. Alors ce n'est pas si dans votre visage et proéminent. Il pourrait jouer en boucle d'environ trois secondes et inclure un appel à l'action pour regarder toute la vidéo. Ensuite, cela ne vous choque pas ou ne vous déstabilise pas. À ce stade, c'est juste assez pour inciter l'utilisateur à dire : "Je suis intéressé à en savoir plus à ce sujet." Vous leur donnez l'option de sorte que lorsque le son s'allume et que la vidéo commence à jouer, ils ne soient pas surpris. L'utilisateur doit garder le contrôle à tout moment. Souvent, les gens ne pensent pas à cela.

Nous devons avoir de l'empathie pour l'utilisateur. Alors qu'est-ce que cela signifie? Une entreprise va avoir ses propres objectifs. Mais cela ne peut pas entraver les besoins des utilisateurs finaux eux-mêmes. Une question clé est « Comment servir au mieux ce que je propose dans le cadre de leur expérience ? Ainsi, lorsque vous avez de l'empathie pour votre utilisateur final, invitez-le à visiter le site et à en savoir plus. Et soutenez-les pendant qu'ils plongent pour en savoir plus.

À ce moment-là, il y a un sentiment de bonne volonté. Si vous abordez votre site Web en essayant de faire ce qui est le mieux pour l'utilisateur plutôt que de faire ce qui est directement le mieux pour votre résultat net, cela rapportera des dividendes à long terme.

Erreur #6 : Formulaires à deux colonnes ‍

Jason : Avoir des champs sur une ligne verticale au lieu de champs à gauche et à droite sur une page est beaucoup plus utilisable. Les gens ont l'habitude de parcourir quelque chose et ils s'attendent à descendre dans la page. Si vous avez deux colonnes, il y a trop de modèles de tabulation différents. Ils ne savent pas si ça baisse. Ils ne savent pas si ça va vers la droite. Il y a une attente de ce qui devrait arriver et c'est de descendre. Vous ne répondez donc pas toujours à cette attente lorsque vous avez plusieurs colonnes. C'est donc bien d'avoir une seule colonne pour que les gens se déplacent simplement vers le bas du formulaire.

Two-Column Form Fields

Erreur n° 7 : Texte d'espace réservé

Jason : Vous ne voulez pas utiliser de texte d'espace réservé. Les espaces réservés sont là pour aider un utilisateur à comprendre le contenu que vous êtes censé y mettre. L'utilisateur doit être en mesure de dire ce qui appartient à ce champ sans aucun type de texte d'espace réservé.

Donc, vous voulez que vos étiquettes soient en dehors de ce champ. S'ils sont à l'intérieur en tant qu'espace réservé, lorsque vous cliquez dessus, le texte disparaît. Si vous quittez la tâche, vous pouvez revenir et vous ne serez pas sûr du champ que vous remplissez.

Best Practice for Form Fields

Cela a également un impact sur l'accessibilité avec les lecteurs d'écran. Les étiquettes indiquent à un utilisateur disposant d'un lecteur d'écran ce que devrait être ce contenu. Si l'étiquette est un espace réservé et n'est pas incluse en tant qu'instructions externes, elle peut confondre les utilisateurs avec les lecteurs d'écran.

La plus grosse erreur : l'esthétique plutôt que la fonctionnalité

Ne privilégiez jamais l'esthétique à la fonctionnalité ou vice versa. Vous voulez avoir un bon mélange des deux. Si vous envisagez de mettre en œuvre une tendance de conception, assurez-vous qu'elle est logique pour votre site et que vous l'utilisez pour la bonne raison. Un élément de conception peut sembler vraiment cool, mais il n'est pas pratique pour la plupart des utilisateurs. Donc, vous voulez vous assurer que les choses sont fonctionnelles.

Votre marque est votre réputation. Si votre site Web est difficile à utiliser, vous risquez de l'endommager irrémédiablement.