Avec Guillaume Genest, Lead Designer chez Lunaweb

1. Nantes – 15 juin 2016
L’ERGONOMIE
Votre meilleure amie
—
Guillaume Genest
Lead designer - Agence LunaWeb
@agencelunaweb

2. Nantes – 15 juin 2016
TITRE DE LA SLIDE
Sommaire
1. Le contexte actuel
2. Voir n’est pas percevoir
3. Améliorer l’ergonomie d’un disposiQf
4. Conclusion

3. Nantes – 15 juin 2016
1. Le contexte actuel

4. Nantes – 15 juin 2016
TITRE DE LA SLIDE
Le contexte actuel
Le saviez-vous ?
• 2% : taux moyen de conversion e-commerce en France.
• 68% : taux de rebond moyen en France, 2/3 de l’audience !
• 5% des sites accaparent 90% de l’audience.
• Le référencement est responsable de 92% de la visibilité.
• La vitesse de chargement d’un site est le critère d’adopQon
n°1 pour le mobinaute. C’est long = je pars !
• 39% des internautes français uQlisent plusieurs appareils à
la fois (PC, tablehe, mobile).
• 25% seulement des sites sont adaptés ou « responsive ».

5. Nantes – 15 juin 2016
Bref, l’uQlisateur a le choix
et mieux vaut lui présenter un
site engageant

6. Nantes – 15 juin 2016
Sauf que, parfois, ce qu’on lui
présente ne correspond pas tout à
fait au résultat ahendu…

7. Nantes – 15 juin 2016
On parle alors d’engagement
uQlisateur, réussi ou raté

8. Nantes – 15 juin 2016
2. Voir n’est pas percevoir

9. Nantes – 15 juin 2016
TITRE DE LA SLIDE
Voir n’est pas percevoir
L’expérience client d’un site ne résulte
pas uniquement de son apparence :
Voir = Interface utilisateur (UI)
C’est ce qui fait le lien entre l’humain et la machine
(graphisme, typographie, iconographie…).
Percevoir = Expérience utilisateur (UX)
C’est un process complet qui prend en compte l’UI mais aussi
le contenu, les foncQonnalités, l’architecture d’un site…

10. Nantes – 15 juin 2016
TITRE DE LA SLIDE
Apple : Une UI réussie, une uQlisabilité
idoine, une UX excellente…

11. Nantes – 15 juin 2016
TITRE DE LA SLIDE
Parce que l’uQlisateur y retrouve tout simplement...
Qui Comment
Pourquoi
Quoi

12. Nantes – 15 juin 2016
TITRE DE LA SLIDE
Et parce que tout est adapté pour mehre en scène le
bien final, dans un écrin qui ne marche pas pour tout…

13. Nantes – 15 juin 2016
Et, surtout, la noQon de « bonne » ou de
« mauvaise » expérience fait appel à la
sensibilité de chaque uQlisateur

14. Nantes – 15 juin 2016
L’expérience client est le fruit d’un processus complexe, très
personnel et faisant appel à une mulQtude de facteurs :

15. Nantes – 15 juin 2016
Face à cela, comment proposer
le disposiQf le plus performant et
efficace possible ?

16. Nantes – 15 juin 2016
En suivant quelques règles
simples d’ergonomie web

17. Nantes – 15 juin 2016
3. Améliorer l’ergonomie
d’un disposiQf

18. Nantes – 15 juin 2016
TITRE DE LA SLIDE
2. Améliorer l’ergonomie d’un disposiQf
Les bases d’une bonne ergonomie de site :!
• Une offre en adéquaQon avec la demande
• Un concept simple : il répond à un besoin uQlisateur.
• Un accès facilité : référencement, réseaux sociaux, publicité.
• Un design éprouvé : fond, forme et sens se rejoignent.
• Une bonne accessibilité : lisible de tous les terminaux, par tous les uQlisateurs.
• Une uQlisabilité idoine : se repérer et réaliser l’acQon facilement.
• Un graphisme rassurant : repères conformes aux standards, signes ralliant à la
marque, codes visuels crédibles…
• De l’efficacité : site qui charge vite, simple, foncQonne sans chercher.

19. Nantes – 15 juin 2016
TITRE DE LA SLIDE
2. Améliorer l’ergonomie d’un disposiQf
Les bonnes pratiques :!
• Placer l’uQlisateur au cœur du disposiQf :
✓ Analyser son comportement (sur votre site et en général),
✓ Recueillir ses besoins (enquête, interviews, analyse correspondance),
✓ Le faire tester le site en cours de réalisaQon,
✓ Passer 70% du temps du projet à concevoir et as à produire « bêtement ».
• Innover par la simplicité sur le message, les foncQonnalités, le graphisme.
• UQliser des soluQons normées, pour afficher et gérer les pages de vos sites.
• Surveiller ses stats d’audience et affiner constamment dans une logique simple
d’amélioraQon conQnue.

20. Nantes – 15 juin 2016
4. conclusion

21. Nantes – 15 juin 2016
Pensez votre projet avant tout pour l’uQlisateur

22. Nantes – 15 juin 2016
Passez le plus de temps possible à concevoir

23. Nantes – 15 juin 2016
Ne succombez pas à l’envie d’en faire trop

24. Nantes – 15 juin 2016
Testez, testez, testez… avec des vrais gens !

25. Nantes – 15 juin 2016
MERCI
Guillaume Genest
@agencelunaweb