#4
đ Guide
October 7, 2022
Temps de lecture :
Si tu veux aller plus loin, tu peux accĂ©der Ă +50 ressources pour tâaider Ă booster tes conversions : Check-lists, formations vidĂ©o, wireframes, Ă©tudes de cas, audits vidĂ©osâŠ
Accéder aux formations
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.
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
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 de 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).
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 :
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.
â
â
S'inscrire maintenant đ
Formation 100% gratuite
Faites X2 sur les conversions de votre site
Des questions ?
Besoin dâaide pour vos projets persos ?
Je suis là pour vous accompagner ! Je réponds dans les 24h sur Whatsapp.
Contacter
"Des taux de conversion qui ont été multipliés par 2 sur certains clients"
Henri Priso
Traffic Manager @Inbound Value