đ Les 3 principes UI Design les plus importants pour les conversions | đŠ La Cargaison #4
Si tu nâes pas encore inscrit Ă cette newsletter La Cargaison, câest par ici đ
Tu souhaites booster tes conversions ?
Commence par lĂ â 5 cours vidĂ©o gratuits dâintroductions au CRO
Tu souhaites avoir les meilleurs résultats sur tes conversions ?
Je te partage toute mon expertise Ă travers une formation complĂšte
đżÂ Les 3 principes UI Design les plus importants pour les conversions
LâUI Design a un rĂŽle majeur Ă jouer dans les conversions de ton site.
Le design nâest pas artistique sur les sites web.
Il est avant tout marketing.
Il est lĂ pour mettre en avant ton copywriting, ta marque et ton produit.
Je ne vais te donner 3 principes UI pour rendre ton site plus joli.
Je vais te donner 3 principes UI pour améliorer tes conversions.
La hiérarchie visuelle
Tu dois rĂ©flĂ©chir Ă lâordre dâimportance de chacun des Ă©lĂ©ments de ton site.
Surtout sur la home page, oĂč ça peut ĂȘtre un vrai fourre-tout.
Par exemple pour le header dâune home page, ça va ĂȘtre :
1 - Le H1, la proposition de valeur
2 - Le CTA
3 - Le menu
4 - Le paragraphe
5 - Logos clients
La loi de Hick
Cette loi dit que plus il y aura de choix, moins lâutilisateur passera Ă lâaction rapidement.
Câest comme quand tu mets des plombes Ă te dĂ©cider quand tu es dans un restaurant.
Sur cet exemple-ci, lâutilisateur a le choix entre plusieurs liens.
Aucun espace vide.
Aucune hiérarchie dans les couleurs.
De nombreux CTA.
Lâutilisateur ne sait pas oĂč donner de la tĂȘte.
Le chemin ne navigation nâest pas clair pour lui.
Plusieurs conseils :
â  Savoir prĂ©cisĂ©ment ce que les utilisateurs veulent comme informations
â  IntĂ©grer des filtres de produits pertinents, que les utilisateurs vont utiliser
â  Une information Ă la fois, rien ne sert de mettre un tas dâinformations dans la mĂȘme section (dans lâexemple, la case newsletter pourrait ĂȘtre placĂ©e plus bas sur la page)
Espace vide
Câest le principe le plus sous-estimĂ©.
Je vois cette erreur quasiment Ă chaque audit.
Les marques (surtout les e-commerces) nâutilisent pas dâespace vide.
Elles se disent âoh non, il y a de lâespace lĂ , il pourrait ĂȘtre utilisĂ© pour parler de notre produit !â
Un site sans espace vide est mauvais en termes dâUI/UX :
Manque de clarté
Victime de la loi de Hick
Manque de lisibilité
Donne lâallure dâun site mal organisĂ© et peu moderne
Exemple typique dâun site avec trĂšs peu dâespace vide.
Lâespace vidĂ©o permet de :
â  Mettre en avant le copywriting (qui est lâĂ©lĂ©ment qui permet de convertir)
â  AmĂ©liorer la lisibilitĂ©
â Â Donner un aspect âpropreâ au site
Un bon exemple ici avec la home de Notion.
La hiĂ©rarchie visuelle est bonne, il y a assez dâespace vide pour quâon puisse se concentrer sur les Ă©lĂ©ments importants.