UX Web en 15 étapes : tests et essais d’accessibilité

Si vous avez un site web, vous souhaitez non seulement obtenir des visiteurs, mais aussi que ceux-ci y passent le plus de temps possible et, surtout, qu’ils interagissent avec le site comme vous le souhaitez. Acheter si vous avez une boutique en ligne, lire et partager des articles s’il s’agit d’un blog ou s’abonner à la newsletter… Nous avons tous un objectif différent avec nos sites web et pour faciliter cette tâche, nous devons tous prendre en compte le concept de “Web Usability”.

“Sur l’internet, la convivialité est une condition nécessaire à la survie”. C’est l’une des phrases les plus répétées par Jakob Nielsen, considéré comme le roi de la convivialité. À l’heure où les internautes sont multitâches et font souvent plusieurs choses à la fois, ceux qui visitent notre site web doivent pouvoir lire les informations clairement et trouver ce qu’ils cherchent de manière simple. Et si nous ne le proposons pas sur notre page, ils l’abandonneront et en visiteront une autre où ils pourront le trouver.

Définition du terme : qu’est-ce que l’UX ?

Selon Wikipédia, ce concept “fait référence à la facilité avec laquelle les gens peuvent utiliser un outil particulier ou un autre objet fabriqué par l’homme pour atteindre un objectif particulier”. Appliqué à un site web, il désigne la manière dont le contenu d’un site web est conçu et structuré afin que les utilisateurs trouvent le plus facilement possible ce qu’ils recherchent et ce dont ils ont besoin. Par exemple, un utilisateur qui se rend dans une boutique en ligne peut effectuer l’achat d’un produit de manière claire, en comprenant à tout moment ce qu’il fait et comment il doit terminer cet achat.

Ok, la théorie est très bien. Mais qu’en est-il de la pratique ? Que devons-nous prendre en compte pour que quiconque arrive sur notre site web puisse interagir correctement ? Plusieurs éléments entrent en jeu, mais lors de la conception d’un nouveau site ou de la refonte d’un site existant, vous devez garder à l’esprit qu’avec une page conviviale, il est plus facile d’éviter les rebonds, de fidéliser les utilisateurs et de les inciter à revenir nous voir.

15 Recommandations sur la facilité d’utilisation :

Prêtez attention au contenu

Objectif du site

Il doit être clair, dès le premier coup d’œil, de quoi traite notre site web. S’il s’agit d’une boutique, d’un blog, d’un site d’entreprise… Évitez les éléments confus et placez ce que vous voulez mettre en avant sur la première page. Par exemple, s’il s’agit du site web d’une clinique dentaire, il est très bien qu’elle ait aussi un blog (dans cet article nous en savons plus sur l’importance du blog), mais quand quelqu’un vient sur votre site web, il doit voir sur la première page des informations sur la clinique et non un article de blog.

Équilibre entre le design et l’information

Aucun des deux ne doit avoir la priorité, mais ils doivent “collaborer” pour construire un site Web convivial. Gardez également un œil sur la quantité d’informations présentes sur le site, car la qualité vaut mieux que la quantité. Il n’est pas nécessaire d’avoir un site web surchargé où l’utilisateur ne sait pas par où commencer. Et s’il est nécessaire que votre site contienne une grande quantité d’informations, il doit être très organisé.

Prenez soin des liens

Assurez-vous qu’il n’y a pas de liens brisés. Peut-être que dans un article que vous avez écrit il y a quelque temps, vous avez ajouté un lien qui n’existe plus. Cela donne une mauvaise image, nous pénalise dans les moteurs de recherche et, surtout, rend le web moins fiable pour le visiteur. Vous pouvez analyser le site web avec des outils tels que W3C Link Checker.

Introduisez des appels à l’action

Il a été prouvé que les utilisateurs ne lisent pas la page, mais la parcourent à la recherche de ce qui les intéresse. C’est pourquoi il est utile de les aider dans cette tâche en mettant en évidence ou en identifiant les boutons par lesquels ils peuvent effectuer une action (au lieu de textes tels que “cliquez ici”, les boutons peuvent comporter des textes tels que “ajouter au panier” ou “télécharger”). Et n’oubliez pas que ces objets doivent être clairement visibles.

Prenez soin de la forme, c’est-à-dire du contenant.

Design de qualité et cohérent

Cela inclut une structure de contenu simple et logique, ainsi qu’une conception commune dans toutes les zones qui “collaborent” avec les informations du site Web. Il est pratique que la palette de couleurs soit cohérente et que les liens soient différenciés du reste du texte. Il est préférable d’avoir un site web simple, avec une structure claire et peu de couleurs, plutôt qu’un site multicolore avec des designs différents, qui ne fait que distraire l’utilisateur et ne lui permet pas de naviguer confortablement.

Lisibilité

Les typographies doivent être claires, les textes doivent être écrits dans une couleur qui contraste avec le fond, qui est facilement lisible et qui n’est pas gênante (car il existe des couleurs qui sont très fatigantes lorsqu’on essaie de lire un texte). En outre, la taille de la police doit également être appropriée. N’oubliez pas que de plus en plus de personnes accèdent à l’internet à partir de smartphones ou de tablettes, et que sur ces appareils, les écrans sont plus petits que sur un ordinateur.

Utilisez les espaces blancs

Ils aident à structurer la page, à différencier certains contenus des autres, à séparer les sections, les colonnes… Et ils permettent aussi une “pause” pour l’utilisateur qui visite le site.

Donner aux images l’importance qu’elles ont

Il est vrai que les images aident à positionner et à rendre le site plus confortable pour l’utilisateur, mais il ne faut pas mettre n’importe quelle image, mais celles qui sont en accord avec le thème du site. Même si une image de chatons est très mignonne et que de nombreuses personnes vont la partager sur Facebook, si votre site Web n’est pas une clinique vétérinaire ou un magasin de produits pour animaux, elle n’aura probablement pas beaucoup de sens. Soignez le contenu des images, leur qualité et leur taille donneront également un aspect de sérieux à notre page.

Facilitez l’utilisation de votre site web

Interface simple et intuitive

Les utilisateurs qui viennent pour la première fois doivent apprendre facilement comment le site fonctionne et où tout trouver. Et ceux qui reviennent doivent se rappeler sans effort comment naviguer sur le site. S’ils doivent s’enregistrer, ils doivent pouvoir le faire facilement et lorsqu’ils reviennent, ils doivent pouvoir se connecter sans avoir à chercher le bouton sur le web.

Menu de navigation clair

Il doit être bien structuré et conçu de manière logique, avec des contenus regroupés. En outre, il ne doit pas être trop long et il est conseillé qu’il ne contienne pas beaucoup de sous-menus. Il est également conseillé d’ajouter un menu dans le pied de page ou le pied de page qui comprend quelques informations de base sur le site Web, comme la politique de confidentialité ou les mentions légales.

Accéder au contenu en un minimum de clics

Il faut essayer d’appliquer la loi des 3 clics, l’utilisateur est capable de trouver ce qu’il veut ou ce dont il a besoin en trois clics seulement. Ceci est particulièrement important lors de la conception d’une boutique en ligne, car si l’utilisateur doit franchir de nombreuses étapes avant d’atteindre le produit, il peut abandonner le processus d’achat sans le terminer.

Temps de chargement et poids du site web

Il doit être aussi court que possible. En règle générale, le site web ne doit pas prendre plus de cinq secondes à charger. Il est possible que certains utilisateurs n’attendent pas qu’il finisse de se charger et, en outre, un site web qui met du temps à se charger nous pénalise en termes de référencement. N’oubliez pas que ceux qui accèdent depuis un mobile ou une tablette ont des données plus limitées, et qu’un site web lourd peut consommer beaucoup de ressources et les inciter à ne plus nous rendre visite. Avec GTMetrix, vous pouvez analyser le temps de chargement de votre site Web et déterminer les parties qui prennent le plus de temps.

Compatibilité avec les navigateurs et les appareils

C’est ce qu’on appelle le responsive design, qui s’adapte aux différents écrans. En outre, lors de la conception du web, nous devons tenir compte de la diversité des systèmes d’exploitation et des navigateurs dont chacun dispose. Il existe des outils, tels que Screenfly, qui nous montrent l’apparence du web sur différents appareils.

Moteur de recherche

Il doit être situé en haut à droite. Et, bien que cela puisse paraître idiot, assurez-vous que cela fonctionne. En général, le coin supérieur droit est la meilleure zone pour placer les éléments qui nécessitent une interaction, comme les icônes des réseaux sociaux, le contact ou le panier d’achat.

Respecte les normes d’accessibilité publiées par le World Wide Web Consortium

Le W3C, l’organisme le plus élevé, dans la hiérarchie de l’Internet, qui est chargé de promouvoir l’accessibilité. Il est évident que pour garantir que notre site répond à des normes élevées de convivialité, nous devons le concevoir pour tout le monde, et certaines personnes ont des besoins particuliers lorsqu’elles accèdent à l’internet. Il y a quelques mois, j’ai écrit sur quelques recommandations pour développer un site Web accessible. On pense généralement qu’un site web accessible ne profite qu’aux personnes souffrant d’un certain type de handicap, mais ce n’est pas le cas. Un site web accessible profite à tous.

Conseils importants avant de publier

À la fin du développement du site et avant de le publier définitivement sur Internet, il est conseillé d’effectuer un test utilisateur avec une personne qui ne connaît pas le site, pour voir comment il fonctionne, si elle trouve les choses rapidement et dans quels domaines il y a plus de complications. Cela vous permettra de détecter et de corriger les éventuelles erreurs avant la publication du site.

Quelles autres recommandations suivriez-vous pour améliorer la convivialité d’un site web ?

Découvrez également :