Optimiser l'ergonomie de son site Avec Charlotte Salvo, UX designer chez Altics

1. 17 mars 2016 – Lyon
Op2miser l'ergonomie de son
site
--
Charlo=e SALVO
Consultante UX

2. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
SOMMAIRE
1- Simplifiez la prise d’informa2on
2- Facilitez le don
3- Testez auprès de vos u2lisateurs

3. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
SIMPLIFIEZ LA PRISE D’INFORMATION
Expliquez qui vous êtes et de manière visible sur la page d’accueil :
- Votre message doit être court pour être lu rapidement
- Il doit ressor2r avec des couleurs et une taille de police importance
- L’informa2on doit être hiérarchisée pour faciliter la lecture
Eviter les grands blocs de texte noirs. En quelques mots vos visiteurs doivent
pouvoir iden2fier votre ac2on

4. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
SIMPLIFIEZ LA PRISE D’INFORMATION
Afficher une barre de naviga2on
saillante qui se dis2ngue du reste de la
page pour une visibilité immédiate et
faciliter la recherche d’informa2on

5. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
SIMPLIFIEZ LA PRISE D’INFORMATION
Facilitez la recherche d’informa2on avec un moteur de recherche visible
directement dans le header pour être présent à tout moment

6. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
SIMPLIFIEZ LA PRISE D’INFORMATION
… Ou grâce à un footer flo=ant si le header n’est plus visible
Recrutez des bénévoles en affichant un accès visible tout au long du parcours
dans le header…

7. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
SOMMAIRE
1- Simplifiez la prise d’informa2on
2- Facilitez le don
3- Testez auprès de vos u2lisateurs

8. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
FACILITEZ LE DON
Un bouton d’appel au don visible
immédiatement sur la page d’accueil :
- Une couleur qui se démarque et
spécifique à l’ac2on
- Une taille qui permet un repérage
rapide
Une présence dans le header
perme=ant d’être visible à tout
moment de la naviga2on

9. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
FACILITEZ LE DON
Donnez la possibilité de faire un don
unique ou un don récurrent
Proposez des montants en laissant la
possibilité de saisir un montant libre
Contextualisez l’appel au don avec des
visuels pour projeter l’u2lisateur et
créer de l’empathie.

10. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
FACILITEZ LE DON
Proposez un don pour une cause en
par2culier

11. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
FACILITEZ LE DON
Soyez incita2f, informez vos u2lisateurs sur la
déduc2on fiscale de manière visible et PROCHE
de l’encart de don.
Privilégiez le cout de revient au montant de la
déduc2on

12. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
FACILITEZ LE DON
Proposez un tunnel :
- Sur une seule page pour plus de
rapidité et éviter les déperdi2ons
u2lisateurs
ET
- Directement accessible après avoir
cliqué sur le bouton en page d’accueil

13. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
FACILITEZ LE DON
Proposez différents modes de paiement
et affichez-les sur la page pour en
informer vos visiteurs

14. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
FACILITEZ LE DON
A=en2on au manque de contraste qui
ne facilite pas la visibilité et la saisie des
informa2ons.

15. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
FACILITEZ LE DON
Expliquez à vos u2lisateurs la manière
dont leur don sera u2lisé

16. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
SOMMAIRE
1- Simplifiez la prise d’informa2on
2- Facilitez le don
3- Testez auprès de vos u7lisateurs

17. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
TESTS A/B ou MVT
Objec7f :
Me=re en compé22on plusieurs versions de la même page
pour iden2fier la version la plus efficace.
EXEMPLE : Tester 3 couleurs du bouton d’appel au don sur une même page
Intérêt :
• Rapide à me=re en place
• Condi2ons réelles
• Testé sur une grande quan2té d’internautes
• Résultats immédiats
Méthode :
1. Iden2fier les pages à tester et lister les éléments à modifier
2. Créa2on de la page alterna7ve
3. Répar22on du trafic
4. On re2ent la version gagnante

18. 17 mars 2016 – Lyon
TITRE DE LA SLIDE
TESTS UTILISATEURS
Principe :
Mesurer l’efficience, l’efficacité et la sa2sfac2on
+ Eye Tracking : savoir ce qui est VU
Intérêt :
• Données comportementales (Hésita2ons – froncement de sourcil - etc.)
• Permet d’observer ce que font les internautes : chemins empruntés…
• Analyse fine du comportement et des aNentes des clients
• + Eye Tracking : mesure des zones vues, ignorées, des parcours visuels…
Méthode :
1. Défini7on de la cible & recrutement de l’échan2llon
2. Défini2on du protocole de test en fonc2on de vos objec7fs
3. Passa7on des tests
4. Analyse du comportement et de la sa2sfac2on

19. 17 mars 2016 – Lyon
MERCI
Charlo=e SALVO - Al2cs
charlo=e@al2cs.fr