Savez-vous qu’il faut environ 50 millisecondes à une personne pour décider si elle doit rester sur votre site Web ou partir ?
Alors, qu’en est-il de votre site Web – est-ce qu’il permet aux visiteurs de rester ? Et comment leur faire passer plus de temps sur votre site ? Un beau design ou un contenu intéressant, c’est bien, mais ce n’est pas toujours suffisant pour engage les utilisateurs. Votre site Web doit satisfaire les besoins initiaux des utilisateurs, tout en offrant l’expérience correspondante avec des fonctionnalités pratiques et simples.
Dans cet article, nous fournissons 5 principes essentiels de convivialité de site Web qui aideront à rendre votre site Web convivial, à augmenter le temps moyen sur place et à améliorer le taux de rebond.
Qu’est-ce que la convivialité d’un site Web ?
La convivialité est une question de commodité et de simplicité dans l’utilisation d’un site Web.
La convivialité décrit l’efficacité avec laquelle les utilisateurs peuvent interagir avec un site Web. Cela couvre tout ce qu’un utilisateur rencontrerait typiquement sur un site Web : les blocs de navigation, les listes, le contenu, les illustrations, les vidéos, les boutons, les formulaires de demande, etc.
Jacob Nielsen, Web Usability Pioneer and Consultant, Co-fondateur @Nielsen Norman Group, PhD en interaction homme-machine, le décrit ainsi :
La convivialité est un attribut de qualité qui évalue la facilité d’utilisation des interfaces utilisateur. Le mot « utilisabilité » désigne également les méthodes permettant d’améliorer la facilité d’utilisation au cours du processus de conception.
Afin d’être convivial, votre site Web doit être adapté à votre public cible. Gardez toujours à l’esprit qui sont vos clients et quels sont leurs objectifs. Ont-ils tout ce dont ils ont besoin après avoir visité votre site Web ? Il est important d’être à l’écoute de votre auditoire et de connaître ses habitudes de comportement.
Pourquoi la convivialité est-elle importante ?
Si votre site Web n’est pas convivial, les visiteurs peuvent se mettre dans le pétrin dans la navigation, ne pas trouver le bouton requis, et même être dans l’impossibilité de faire un achat. Tout cela peut entraîner une mauvaise expérience utilisateur pour votre site Web, et les utilisateurs le quitteront immédiatement.
C’est pourquoi l’objectif principal est de rendre le site aussi facile à utiliser et pratique que possible.
Steve Krug, un professionnel de l’expérience utilisateur basé aux Etats-Unis, dans son livre « Don’t Make Me Think » (Ne me faites pas réfléchir) énonce l’objectif principal de convivialité : vous rendez un utilisateur malheureux si vous le forcez à réfléchir beaucoup. Tout ce qui se trouve sur votre site Web doit être aussi simple et transparent que possible.
Comment rendre un site Web convivial ?
Navigation facile
La navigation est la pierre angulaire de la convivialité. Il n’est pas important de savoir à quel point votre site Web est excitant mais plutôt si les utilisateurs éprouvent des difficultés à le parcourir. Une navigation facile permet à l’utilisateur de comprendre la structure du site Web. De cette façon, les clients comprennent comment visiter rapidement une page particulière sans aucune difficulté.
Au cas où vos utilisateurs ne comprendraient pas comment se déplacer à travers votre site Web ou application, il est fort probable qu’ils ne s’impliqueront pas, et quitteront le site. Pour éviter de telles situations, vous devez rendre les options du menu de navigation principal clairement visibles. Ne les cachez pas dans les menus déroulants, laissez-les prendre la place d’honneur. Vous devez également analyser les pages les plus vues et les mettre en évidence dans le panneau de navigation.
De plus, un autre problème critique est de s’assurer que l’utilisateur est au courant de la page sur laquelle il se trouve. Ils doivent le comprendre avec précision à tout moment. Les miettes de pain (aussi appelé fil d’Ariane) sont très utiles ici, car elles aident à la navigation sur le site Web.
Étude de cas
iExpedition est une plateforme web pour la réservation de voyages avec un public cible âgé de 45 ans et plus. Ainsi, lorsque nous avons commencé à développer le site Web, nous avons accordé beaucoup d’attention au panneau de navigation et à ses éléments, en tenant compte de leur public cible. L’objectif principal était de rendre le parcours du visiteur le plus clair et le plus simple possible : en commençant par le choix d’un circuit et en terminant par sa réservation.
Pour ce faire, nous avons augmenté la taille des options du menu de navigation principal par rapport aux autres éléments. Le menu lui-même se trouve au centre de la page, de plus, il y a des miettes de pain sur les pages. De cette façon, les options de menu sont toujours à la disposition de l’utilisateur et sont faciles à trouver.
Les options du menu secondaire sont plus petites. En fait, les utilisateurs visitent ces pages pour chercher des informations supplémentaires après avoir vérifié les options principales.
Un style unifié pour site web ou application
Il est impossible de faire en sorte que les utilisateurs tiennent compte de la structure de votre site Web, alors il est fortement recommandé de tout organiser pour maximiser la commodité de l’utilisateur. À ces fins, vous pouvez créer une ligne directrice pour assurer la cohérence de votre site Web ou de la structure de votre application. Les couleurs et le style doivent être reconnaissables, et le flux du site Web doit être facile à utiliser.
De plus, toutes les pages devraient avoir un modèle commun : de la taille de la police de l’en-tête à l’emplacement identique du formulaire d’inscription. Tout cela permet aux utilisateurs de naviguer rapidement sur un site Web.
Étude de cas
Digital Village est un espace de collaboration en ligne qui aide les entreprises à trouver des programmeurs et des designers et à travailler sur leurs projets en ligne.
Pour ce projet, il a été créé une ligne directrice dans laquelle il a été spécifié la police, les couleurs, la taille des boutons et l’état de survol utilisables. Ainsi, suivre les recommandations décrites dans le guide aide à améliorer la commodité de votre site Web ou application.
Respect des normes de conception de l’industrie
Au cours du processus de développement du site Web, il est de la plus haute importance de respecter les normes pour une industrie particulière. Un modèle utile pour un site Web d’agence de voyages ne conviendra pas à une application médicale. Le soutien des normes aidera à améliorer le processus de communication avec les utilisateurs.
Jusqu’à présent, la plupart des gens ont une expérience suffisante de l’interaction avec les sites. Ils ont déjà certaines attentes quant à l’emplacement de chaque élément sur un site Web. Si vous essayez de réinventer la roue et de changer l’emplacement des éléments, cela peut avoir une incidence négative sur l’expérience du client. Des concepts et des normes communes ont été découverts il y a longtemps, et il est fortement recommandé de les suivre.
Étude de cas
Galith est une bijouterie en ligne. Comme pour tout projet de commerce électronique, il y a plusieurs règles à respecter.
L’option de recherche devrait être disponible sur chaque page afin que les utilisateurs puissent trouver tout ce dont ils ont besoin à tout moment.
Le bouton du panier d’achat doit être situé dans le coin supérieur droit (comme indiqué ci-dessous). La raison en est évidente : la communauté s’y est tellement habituée que si vous changez la position du bouton, cela risque de semer la confusion chez les utilisateurs. Par conséquent, vous perdrez des clients potentiels, car ils pourraient tout simplement ne pas être en mesure de compléter leurs achats.
Cependant, si vous voulez toujours contourner les normes communes, vous devez être conscient des risques possibles et vous assurer que vos changements sont effectués consciemment et raisonnablement dans le cadre de votre projet.
Utilisation d’images et d’illustrations
Il est plus facile pour notre cerveau de traiter l’information visuelle. Pour cette raison, l’utilisation d’images et d’illustrations vous aidera à attirer l’attention des utilisateurs. Quand ils voient d’autres personnes, cela fait bonne impression.
Il est important d’utiliser les images qui correspondent au thème de votre site Web ou de votre application. Dans le cas où vous choisissez le mauvais contenu, cela peut semer la confusion chez les utilisateurs. Et bien sûr, les photos doivent être de bonne qualité.
De plus, une des méthodes utiles pour attirer l’attention des utilisateurs est l’illustration. Il permet d’afficher le thème et le sujet du site.
Étude de cas
Lorsque nous travaillions sur les illustrations du site Web de Codica, notre objectif principal était de nous assurer qu’elles démontrent clairement nos valeurs, nos services et notre potentiel technologique. Tout cela s’ajoute à la fraîcheur du site Web, le rendant plus intéressant et convivial.
Version mobile
Une grande partie des utilisateurs visitent des sites Web via des appareils mobiles. D’année en année, ce montant ne fera qu’augmenter, et il oblige à créer d’abord une version mobile pour votre site ou application. Il permet ainsi de couvrir le plus grand nombre d’utilisateurs dans le monde entier.
Selon Statista, le nombre d’utilisateurs mobiles dans le monde entre 2010 et 2020 a presque doublé. Le nombre total d’utilisateurs mobiles devrait s’élever à 9 038 millions en 2020.
Concernant la version mobile de votre site web, il existe également des recommandations spécifiques.
Pour commencer, essayez d’éviter d’utiliser une grande quantité de texte sur une page. Il est préférable de diviser le texte en petites parties avec des sections « Lire la suite… » supplémentaires. Robert Gunning dans son livre « How to Take the Fog Out of Business Writing » dit que la plupart des phrases devraient être de 20 mots ou moins pour une lecture confortable.
Il est également important de respecter la taille de police optimale – environ 16px, et elle devrait être plus grande pour les titres. Ajoutez plus d’interlignes pour rendre le texte plus lisible.
De plus, il est recommandé de rendre les formulaires web du site web mobiles adaptables. Cela améliorera l’expérience de l’utilisateur lors de la saisie des données sur votre site.
Étude de cas
Africar est une place de marché multisite en ligne pour l’achat et la vente de voitures en Afrique. La majorité du public cible dans la zone géographique préfère utiliser des smartphones et des tablettes pour naviguer sur les sites Web. Par conséquent, la création d’une version de site Web mobile était essentielle pour couvrir un plus grand nombre d’utilisateurs.
Le test, c’est tout
Si vos collègues et amis utilisent votre site Web sans problème, cela ne signifie pas que les utilisateurs potentiels comprendront clairement comment il fonctionne. Il est préférable de mener des entrevues et de sonder vos vrais clients afin de suivre leur comportement.
Nous créons des sites Web et des applications pour des utilisateurs potentiels, et non pour nous-mêmes. Vous devez définir les objectifs initiaux de votre public cible lors de la visite de votre site Web et les informations qu’il souhaite y trouver.
Voici une vidéo passionnante avec Jakob Nielsen. Il aborde le sujet des tests à haute voix et analyse les avantages et les inconvénients de cette technique.
Conclusion
Nous avons décrit 5 principes fondamentaux pour améliorer l’ergonomie de votre site web qui vous aideront à le rendre plus convivial. Vous pouvez les prendre en considération lors du développement, du test ou de l’analyse de votre site Web.
En résumant tout ce qui précède, nous pouvons souligner les principaux points importants pour l’amélioration de la convivialité du site Web :
- Connaissez vos clients et essayez de résoudre leurs problèmes dans votre solution web.
- Fournir aux utilisateurs un panneau de navigation clair.
- Fournir un style facile à utiliser pour l’expérience de l’utilisateur.
- Essayez de suivre les standards communs du web.
- Ajoutez des images et des illustrations qui simplifient la perception des utilisateurs.
- Créez une version mobile pour toucher un plus grand nombre d’utilisateurs.
- Testez votre site Web en réalisant des interviews et en sondant vos vrais clients.
- Enfin, l’orientation client est toujours la clé du succès, quel que soit l’effort investi dans l’amélioration.
