Le design et l’ergonomie d’un site e-commerce peuvent faire la différence entre un client ravi et prêt à revenir et un client mécontent qui choisira plutôt vos concurrents. Afin de vous aider à enchanter vos visiteurs et à les encourager à faire des achats dans votre magasin virtuel.
Digit-U est là pour vous faire part de 4 exemples d’ergonomie à adopter pour vos sites web.
1. La simplicité
Le lecteur doit trouver son information en 3 clics maximum. Il faut donc apporter l’information le plus rapidement et le plus simplement possible grâce à des boutons bien placés et bien conçus.
Unifier toutes les pages du site pour que le lecteur ne soit pas perdu lors de sa navigation, qu’il ne pense pas avoir changé de site en changeant simplement de page. Cela se fait principalement par la couleur de l’en-tête.
N’utilisez pas trop de couleurs : un maximum de 5 couleurs est suffisant.
Apporter du blanc autour d’un texte ou d’un titre le mettra en valeur.
2. La lisibilité des textes
Utilisez une police très lisible. N’utilisez qu’une seule police (légère, normale, grasse, italique). Pour un site moderne, n’utilisez pas plus de 2 polices sur votre site.
Optez pour des polices simples sans empattement pour vos paragraphes, car elles sont considérées comme très lisibles.
Voici une petite sélection de polices de caractères disponibles gratuitement sur Google Font et ayant une bonne lisibilité :
Lato / Roboto / Raleway
Pour vos titres, utilisez une police à empattement plus classique. Cela facilitera la lecture car l’œil reconnaîtra plus rapidement les titres des paragraphes.
Voici une petite sélection de polices de caractères disponibles gratuitement sur Google Font et ayant une bonne lisibilité :
Merriweather / Baskerville / Garamond Cormorant / Noto Serif
3. Navigation simple
Affichez le menu en haut de vos pages : Il est important que le menu soit toujours accessible, surtout si votre page Web est longue. Le fait d’avoir un en-tête fixe dans la page évite à l’utilisateur de devoir faire défiler la page jusqu’en haut pour obtenir le menu.
Placez un bouton d’action en haut à droite : Ce bouton est votre « appel à l’action » : inscription / connexion / contact / abonnement …
Remettez dans le pied de page votre menu et les liens qui n’apparaissent pas dans l’en-tête.
4.
Aujourd’hui, plus de la moitié des recherches sur internet sont effectuées depuis un smartphone ou une tablette. Un design adapté aux besoins des utilisateurs est donc essentiel ! Optimiser un site web sur un ordinateur ne signifie pas l’optimiser sur un smartphone !
Cela passe par :
– Le choix de vos photos : choisissez des photos carrées, qui seront plus visibles sur smartphone.
– Le poids de vos photos : compressez vos images au maximum tout en gardant une bonne qualité bien sûr !
– L’utilisation de SVG qui sont très légers.
– Le respect des tailles minimales pour les boutons et les icônes.
Vous avez un projet web ou un site existant à refondre ? Digit-U est à votre écoute pour vous accompagner dans la création d’un site web efficace.
