Lorsqu’il s’agit de concevoir ou de refondre un site web, il est facile de s’accrocher à l’esthétique.
Cette nuance de bleu n’est pas très esthétique…
Ne serait-il pas cool d’avoir le logo sur le côté droit de l’écran ?
Et si nous mettions un GIF animé géant au milieu de la page ?
Cependant, si vous essayez vraiment d’accomplir quelque chose avec votre activité en ligne (par exemple, la notoriété de votre marque, la génération de prospects, etc.
Dans un monde où les gens ont plus d’un milliard de sites web sur lesquels ils peuvent potentiellement atterrir, vous devez vous assurer que le vôtre est conçu pour être facile à utiliser, que votre site web est facile à utiliser et que l’expérience utilisateur (UX) est agréable à interagir avec votre site web.
Vous pourriez passer des années à étudier les tenants et aboutissants de la convivialité et de l’expérience utilisateur. Mais pour vous donner un point de départ, nous avons dressé une liste des lignes directrices fondamentales que vous pouvez appliquer à la refonte ou au lancement de votre prochain site web. Ensuite, nous passerons en revue les dix caractéristiques dont vous aurez besoin sur votre site pour mettre ces recommandations en pratique. Plongeons dans le vif du sujet.
1. La simplicité
Si l’apparence de votre site web est certainement importante, la plupart des gens ne viennent pas sur votre site pour évaluer la finesse de son design. Ils veulent compléter une action ou trouver une information spécifique.
Par conséquent, les éléments de conception inutiles (c’est-à-dire ceux qui n’ont aucune utilité fonctionnelle) ne feront que submerger les visiteurs et leur rendre la tâche plus difficile.
Du point de vue de la convivialité et de l’UX, la simplicité est votre meilleur ami. Si vous disposez de tous les éléments de page nécessaires, il est difficile d’être trop simple. Vous pouvez utiliser ce principe sous différentes formes, par exemple
Les couleurs : En gros, n’en utilisez pas beaucoup. Le Handbook of Computer-Human Interaction recommande d’utiliser un maximum de cinq (plus ou moins deux) couleurs différentes dans votre dessin.
Les polices de caractères : Les polices de caractères que vous choisissez doivent être très lisibles, donc rien de trop artistique et des polices d’écriture très minimales, s’il y en a. Pour la couleur du texte, encore une fois, veillez à ce qu’elle soit minimale et à ce qu’elle contraste toujours avec la couleur de fond. Il est généralement recommandé d’utiliser au maximum trois polices de caractères différentes dans un maximum de trois tailles différentes.
Graphiques : N’utilisez des graphiques que s’ils aident l’utilisateur à accomplir une tâche ou une fonction spécifique (ne vous contentez pas d’ajouter des graphiques au hasard).
Voici un excellent exemple d’une conception de page d’accueil simple mais efficace:
Examen de la conception du site web
Source de l’image
2. Hiérarchie visuelle
Étroitement liée au principe de simplicité, la hiérarchie visuelle consiste à disposer et à organiser les éléments du site web de manière à ce que les visiteurs gravitent naturellement vers les éléments les plus importants en premier lieu.
N’oubliez pas que lorsqu’il s’agit d’optimiser la convivialité et l’UX, l’objectif est d’amener les visiteurs à accomplir une action souhaitée, mais d’une manière qui semble naturelle et agréable. En ajustant la position, la couleur ou la taille de certains éléments, vous pouvez structurer votre site de manière à ce que les visiteurs soient d’abord attirés par ces éléments.
Dans l’exemple ci-dessous de Spotify, vous pouvez voir que l’en-tête principal « L’écoute est tout » se trouve au sommet de la hiérarchie visuelle avec sa taille et la position de la page. Il attire votre attention sur leur mission avant toute autre chose. Il est suivi du CTA « Get Spotify Free », qui incite à l’action. Les utilisateurs peuvent cliquer sur ce CTA, ou parcourir les éléments du menu ci-dessus pour obtenir d’autres actions.
Un exemple de web design sur Spotify.com
Source de l’image
3. Navigabilité
Il est essentiel de prévoir une navigation intuitive sur votre site pour aider les visiteurs à trouver ce qu’ils cherchent. Idéalement, un visiteur devrait atterrir sur votre site et ne pas avoir à réfléchir longuement à l’endroit où il doit cliquer ensuite. Le déplacement d’un point A à un point B doit se faire de la manière la plus fluide possible.
Voici quelques conseils pour optimiser la navigation de votre site :
Gardez la structure de votre navigation principale simple (et proche du haut de votre page).
Incluez la navigation dans le pied de page de votre site.
Pensez à utiliser des miettes de pain sur chaque page (sauf sur votre page d’accueil) pour que les utilisateurs se souviennent de leur chemin de navigation.
Incluez une barre de recherche près du haut de votre site afin que les visiteurs puissent faire des recherches par mots clés.
N’offrez pas trop d’options de navigation par page. Encore une fois, la simplicité !
Incluez des liens dans la copie de votre page et indiquez clairement où ces liens mènent.
N’incitez pas les utilisateurs à creuser trop profondément. Essayez de faire un plan de base en fil de fer de toutes les pages de votre site disposées en pyramide : Votre page d’accueil se trouve au sommet, et chaque page liée à la précédente forme la couche suivante. Dans la plupart des cas, il est préférable de ne pas dépasser trois niveaux de profondeur. Prenez par exemple la carte du site de HubSpot.
Plan du site
Source de l’image
Encore un pointeur : Une fois que vous aurez déterminé la navigation principale (en haut) de votre site, veillez à ce qu’elle soit cohérente. Les étiquettes et l’emplacement de votre navigation doivent rester les mêmes sur chaque page.
