Expérience utilisateur et conception de sites web
5 blogs qui offrent une excellente expérience
Si vous faites partie des pionniers de la blogosphère, qui se sont lancés dans l’aventure aux alentours de 2006, vous savez sans doute qu’à l’époque, l’expérience de l’utilisateur (ou UX) n’entrait pas vraiment en jeu.
À l’époque, 30 liens dans la barre latérale, une présentation mal adaptée aux terminaux mobiles et des images minuscules ne posaient aucun problème. En 2018, de tels choix risquent d’avoir un impact négatif sur votre activité et votre marque.
Premièrement, votre blog doit se charger en quelques secondes. La facilité de navigation et d’utilisation doit être cœur de votre design, que vous devez constamment évaluer et repenser en fonction de l’expérience des internautes.
Mettez-vous à leur place : que remarquez-vous quand vous visitez un site ? Une plate-forme bien conçue encourage les utilisateurs à passer plus de temps sur votre site et à y revenir.
Poursuivez votre lecture pour apprendre les bases de l’UX et découvrir cinq exemples de design de qualité.
Réfléchissez comme une grande marque – Vous voulez que les internautes passent du temps sur votre blog, mais vous devez aussi penser aux agences de relations publiques et aux journalistes. Ils doivent pouvoir vous contacter facilement et voir immédiatement que vous êtes unique.
Si vous utilisez WordPress, installez le plugin Heatmap pour voir comment les internautes interagissent avec votre blog. Cela vous aidera à modifier votre design et à garantir que votre page À propos, vos coordonnées et votre barre de recherche sont faciles à trouver.
La plupart des internautes les recherchent près du haut de la page ; ces éléments conviennent aussi très bien à une barre de navigation flottante.
Choisissez une présentation adaptative – Saviez-vous que les périphériques portables représentent 69 % du temps passé sur les réseaux sociaux ? Réfléchissez à l’apparence de votre blog sur un petit écran. Un design maladroit peut pousser les internautes à quitter un site.
Avec un thème ou un plugin adaptatif, les éléments de design s’adaptent automatiquement aux différents formats d’écran. Vous verrez s’afficher le logo du blog, les articles, les catégories et une photo de profil au lieu d’une barre latérale et de plusieurs colonnes.
Consultez Google Analytics (Public>Mobile) pour comparer la durée des sessions en fonction des appareils utilisés. Si la différence est énorme, il peut être temps de procéder à quelques changements.
Quand vous testez un nouveau modèle de blog, pensez à utiliser une barre de navigation fixe pour mieux utiliser l’espace disponible. Les fenêtres contextuelles peuvent être agaçantes sur les périphériques portables ; Google a même commencé à pénaliser les sites qui les utilisent trop.
5 exemples d’excellent design
Aucun blog n’est parfait, mais il est utile de mener quelques recherches et de réfléchir aux outils que vous pouvez utiliser pour convaincre les internautes de passer un peu plus de temps sur le vôtre. Voici nos préférés :
A Pair & A Spare
Le site de Geneva s’affiche parfaitement sur les périphériques mobiles. La présentation fait bon usage de l’espace disponible et place le titre de billet sur chaque image pour mettre en évidence le contenu. La barre de navigation fixe facilite la recherche et l’utilisation des boutons sociaux, où qu’on se trouve sur la page.
The Elgin Avenue
Quand un blog aborde des sujets multiples, il faut aider les internautes à trouver les différentes catégories aussi facilement que possible. La barre de navigation de Monica est très claire et donne un aperçu de chaque billet quand on passe le curseur dessus.
What Olivia Did
Ce design clair, mais original, donne une excellente vue d’ensemble du contenu et répartit de manière intelligente les billets récents et les principales catégories. On peut aussi changer la présentation des billets sur un ordinateur de bureau.
The Chriselle Factor
Le site-magazine de Chriselle place des vidéos le long des grandes catégories, avec une version simplifiée pour les périphériques mobiles.
Refinery 29
Il ne s’agit pas à strictement parler d’un blog, mais il montre que tous les petits éléments comptent pour améliorer l’UX. Inspirez-vous-en si votre blog compte beaucoup de catégories. Sa version mobile compte trois flux de contenu différents en haut de la page et chaque collection d’articles a une apparence différente.