Le document présente des stratégies simples pour améliorer le taux de conversion en optimisant l'expérience utilisateur (UX) sur les sites web. Il évoque l'importance de tests utilisateurs, d'audits d'ergonomie, et de mises à jour basées sur les données recueillies, tout en utilisant des heuristiques de design. L'accent est mis sur l'accessibilité, la clarté et la simplicité dans la navigation et la présentation des informations.

1. 1
Des astuces simples pour augmenter
votre taux de conversion
Les quick wins de l’UX
#SmileAperoUX

2. 2
ARNAUD BURGNIARD
UX Designer
04 37 42 79 55
arnaud.burgniard@smile.fr
@arnaudburgniard
PHILOMENA ATHANASIADOU
UX Designer
04 37 23 18 82
philomena.athanasiadou@smile.fr
#SmileAperoUX

3. 3
POURQUOI L’UX DESIGN
LES QUICK WINS
ALLER AU DÉLÀ
1
2
3
#SmileAperoUX

4. 4
#SmileAperoUX

5. 5
#SmileAperoUX

6. 6
UNE EXPÉRIENCE
UTILISATEUR FLUIDE ET
AGRÉABLE ?
#SmileAperoUX

7. 7
Raphaël Yharrassarry
#SmileAperoUX

8. 8User Experience Honeycomb - Peter Morville
utile
désirable
accessible
de valeur
crédibletrouvable
utilisable
#SmileAperoUX

9. 9
UX FAILS
#SmileAperoUX

10. 10
MOIS ANNÉE
http://uxfail.tumblr.com/#SmileAperoUX

11. 11
MOIS ANNÉE
http://uxfail.tumblr.com/#SmileAperoUX

12. 12
MOIS ANNÉE
http://jamaislepremiersoir.tumblr.com/#SmileAperoUX

13. 13
MOIS ANNÉE
https://twitter.com/uxepicfails#SmileAperoUX

14. 14
MOIS ANNÉE
https://twitter.com/uxepicfails#SmileAperoUX

15. 15
MOIS ANNÉE
https://twitter.com/uxepicfails#SmileAperoUX

16. 16
MOIS ANNÉE
VS
#SmileAperoUX

17. 17
#SmileAperoUX

18. 18
MOIS ANNÉE
Blanche Porte - Module CMS Portail
#SmileAperoUX

19. 19
MOIS ANNÉE
Blanche Porte - Module CMS Portail
#SmileAperoUX

20. 20
MOIS ANNÉE
Blanche Porte - Module CMS Portail
#SmileAperoUX

21. 21
Version originale Version gagnante
+ 30 %
d’ajout au
panier
VS
#SmileAperoUX

22. 22
FRAIS DE LIVRAISON DATE D’EXPEDITION RETOUR/ECHANGE
#SmileAperoUX

23. 23
#SmileAperoUX

24. 24
#SmileAperoUX

25. 25
#SmileAperoUX

26. 26
#SmileAperoUX
Asos a réduit de 50% son taux
d’abandon en proposant la
commande en tant qu’invité

27. 27
#SmileAperoUX

28. 28
#SmileAperoUX

29. 29
#SmileAperoUX

30. 30
Version originale Version gagnante
VS
+ 25 %
d’identification
#SmileAperoUX

31. 31
http://www.zdnet.fr/actualites/en-france-le-trafic-mobile-depasse-desormais-celui-depuis-un-pc-39826376.htm
2015, en France
43,7 % 9 % 47,3 %
#SmileAperoUX

32. 32
#SmileAperoUX
En 2015, 45,6 millions de personnes se
sont connectés au moins une fois à
Internet, soit près de 9 Français sur 10
(88,1%) âgés de 15 ans et plus.
Médiamétrie mars 2016

33. 33
#SmileAperoUX
Dont 36,1 millions d’utilisateurs mobile !
Soit +4,7 millions de visiteur unique
Médiamétrie mars 2016

34. 34
x 2
du taux de
conversion
sur support
mobile
#SmileAperoUX

35. 35
#SmileAperoUX

36. 36
#SmileAperoUX

37. 37
TESTEZ POUR CONFIRMER !
L’A/B testing
MOIS ANNÉE
Blanche Porte - Module CMS Portail
#SmileAperoUX

38. 38
Mesurer l’impact d’un changement entre 2 versions
CONTACT
VS
A
B
#SmileAperoUX

39. 39
Suivi et résultats
Selon le trafic de votre site, le suivi sera hebdomadaire, quotidien ou mensuel
Outils
#SmileAperoUX

40. 40
#SmileAperoUX

41. 41
Identifier les problèmes d’ergonomie de base
 AUDIT
Tester votre site avec la cible
 TEST UTILISATEURS
 OBSERVATION IN SITU
RENTRER DANS LA TÊTE DE VOS CIBLES
#SmileAperoUX

42. 42
MARKETING CONTENUERGONOMIE DESIGN
AUDIT
#SmileAperoUX

43. 43
#SmileAperoUX

44. 44
Tester des parcours clés
Penser à voix haute
6-8 participants
À distance ou sur place
#SmileAperoUX

45. 45
5 utilisateurs permettent d’identifier
près de 80% des problèmes
d’utilisabilité !
#SmileAperoUX

46. 46
MOIS ANNÉE
Blanche Porte - Module CMS Portail
Vous voulez Acheter des nouvelles lunettes de
vue. Comment procédez vous?
Vous aimez des lunettes rouges.
Comment faites-vous pour trouver des
lunettes rouges?
1. Sur la page d’accueil 2. Sur la page liste
#SmileAperoUX

47. 47
Observer le comportement naturel
Penser à voix haute
6 participants
À distance ou sur place (si intranet ou
appli métier)
Méthode de prédilection si :
 Quand l’accès aux cibles est compliqué
 Quand il s’agit d’un outil qui est utilisé au
quotidien par vos employées/cibles
#SmileAperoUX

48. 48
Rapport (+ enregistrement si désiré)
#SmileAperoUX

49. 49
Contrôlez :
 Contenu header
 Visibilité et emplacement des boutons d'actions
 Présence d'information sur coût et délais de livraison, et l'échange
 Mode invité pour l'achat
 Header adapté pour tunnel
 Complexité formulaires
 Compatibilité mobile & tablette
 Utilisation micro-formats
 Page 404
 Test A/B pour des changements !
Pour aller plus loin :
 Audit + test utilisateurs/observation en situ
#SmileAperoUX

50. 50
PARTIE BONUS ;)

51. 51
VISIBILITÉ DE L’ÉTAT DU
SYSTÈME
QU’EST QUI SE PASSE ?
MATCH ENTRE LE SYSTÈME ET
LE MONDE RÉEL
ON SE COMPREND
GESTION (ET PRÉVENTION)
DES ERREURS
COMMENT FAIRE ? AIDES-MOI.
LIBERTÉ ET CONTRÔLE
J’AIME AVOIR LE CONTRÔLE
COHERENCE ET LES
STANDARDS
TOUS LES MÊMES
UN CHARGE DE TRAVAIL
LIMITÉ
JE NE VEUX PAS TRAVAILLER
SIMPLICITÉ
.
AIDE ET DOCUMENTATION
S.O.S.
1
2
3
4
5
6
7
8
Crédits: Mash-up des heuristiques de Nielsen et Norman et de Bastien et Scapin

52. 52
VISIBILITÉ DE L’ÉTAT DU
SYSTÈME
QU’EST QUI SE PASSE ?
MATCH ENTRE LE SYSTÈME ET
LE MONDE RÉEL
ON SE COMPREND
GESTION (ET PRÉVENTION)
DES ERREURS
COMMENT FAIRE ? AIDES-MOI.
LIBERTÉ ET CONTRÔLE
J’AIME AVOIR LE CONTRÔLE
COHERENCE ET LES
STANDARDS
TOUS LES MÊMES
UN CHARGE DE TRAVAIL
LIMITÉ
JE NE VEUX PAS TRAVAILLER
SIMPLICITÉ
.
AIDE ET DOCUMENTATION
S.O.S.
1
2
3
4
5
6
7
8
Crédits: Mash-up des heuristiques de Nielsen et Norman et de Bastien et Scapin

53. 53

54. 54
VISIBILITÉ DE L’ÉTAT DU
SYSTÈME
QU’EST QUI SE PASSE ?
MATCH ENTRE LE SYSTÈME ET
LE MONDE RÉEL
ON SE COMPREND
GESTION (ET PRÉVENTION)
DES ERREURS
COMMENT FAIRE ? AIDES-MOI.
LIBERTÉ ET CONTRÔLE
J’AIME AVOIR LE CONTRÔLE
COHERENCE ET LES
STANDARDS
TOUS LES MÊMES
UN CHARGE DE TRAVAIL
LIMITÉ
JE NE VEUX PAS TRAVAILLER
SIMPLICITÉ
.
AIDE ET DOCUMENTATION
S.O.S.
1
2
3
4
5
6
7
8
Crédits: Mash-up des heuristiques de Nielsen et Norman et de Bastien et Scapin

55. 55

56. 56
VISIBILITÉ DE L’ÉTAT DU
SYSTÈME
QU’EST QUI SE PASSE ?
MATCH ENTRE LE SYSTÈME ET
LE MONDE RÉEL
ON SE COMPREND
GESTION (ET PRÉVENTION)
DES ERREURS
COMMENT FAIRE ? AIDES-MOI.
LIBERTÉ ET CONTRÔLE
J’AIME AVOIR LE CONTRÔLE
COHERENCE ET LES
STANDARDS
TOUS LES MÊMES
UN CHARGE DE TRAVAIL
LIMITÉ
JE NE VEUX PAS TRAVAILLER
SIMPLICITÉ
.
AIDE ET DOCUMENTATION
S.O.S.
1
2
3
4
5
6
7
8
Crédits: Mash-up des heuristiques de Nielsen et Norman et de Bastien et Scapin

57. 57

58. 58
VISIBILITÉ DE L’ÉTAT DU
SYSTÈME
QU’EST QUI SE PASSE ?
MATCH ENTRE LE SYSTÈME ET
LE MONDE RÉEL
ON SE COMPREND
GESTION (ET PRÉVENTION)
DES ERREURS
COMMENT FAIRE ? AIDES-MOI.
LIBERTÉ ET CONTRÔLE
J’AIME AVOIR LE CONTRÔLE
COHERENCE ET LES
STANDARDS
TOUS LES MÊMES
UN CHARGE DE TRAVAIL
LIMITÉ
JE NE VEUX PAS TRAVAILLER
SIMPLICITÉ
.
AIDE ET DOCUMENTATION
S.O.S.
1
2
3
4
5
6
7
8
Crédits: Mash-up des heuristiques de Nielsen et Norman et de Bastien et Scapin

59. 59

60. 60
VISIBILITÉ DE L’ÉTAT DU
SYSTÈME
QU’EST QUI SE PASSE ?
MATCH ENTRE LE SYSTÈME ET
LE MONDE RÉEL
ON SE COMPREND
GESTION (ET PRÉVENTION)
DES ERREURS
COMMENT FAIRE ? AIDES-MOI.
LIBERTÉ ET CONTRÔLE
J’AIME AVOIR LE CONTRÔLE
COHERENCE ET LES
STANDARDS
TOUS LES MÊMES
UN CHARGE DE TRAVAIL
LIMITÉ
JE NE VEUX PAS TRAVAILLER
SIMPLICITÉ
.
AIDE ET DOCUMENTATION
S.O.S.
1
2
3
4
5
6
7
8
Crédits: Mash-up des heuristiques de Nielsen et Norman et de Bastien et Scapin

61. 61
Sur le web:
Dans un site:

62. 62
VISIBILITÉ DE L’ÉTAT DU
SYSTÈME
QU’EST QUI SE PASSE ?
MATCH ENTRE LE SYSTÈME ET
LE MONDE RÉEL
ON SE COMPREND
GESTION (ET PRÉVENTION)
DES ERREURS
COMMENT FAIRE ? AIDES-MOI.
LIBERTÉ ET CONTRÔLE
J’AIME AVOIR LE CONTRÔLE
COHERENCE ET LES
STANDARDS
TOUS LES MÊMES
UN CHARGE DE TRAVAIL
LIMITÉ
JE NE VEUX PAS TRAVAILLER
SIMPLICITÉ
.
AIDE ET DOCUMENTATION
S.O.S.
1
2
3
4
5
6
7
8
Crédits: Mash-up des heuristiques de Nielsen et Norman et de Bastien et Scapin

63. 63
Panic

64. 64
VISIBILITÉ DE L’ÉTAT DU
SYSTÈME
QU’EST QUI SE PASSE ?
MATCH ENTRE LE SYSTÈME ET
LE MONDE RÉEL
ON SE COMPREND
GESTION (ET PRÉVENTION)
DES ERREURS
COMMENT FAIRE ? AIDES-MOI.
LIBERTÉ ET CONTRÔLE
J’AIME AVOIR LE CONTRÔLE
COHERENCE ET LES
STANDARDS
TOUS LES MÊMES
UN CHARGE DE TRAVAIL
LIMITÉ
JE NE VEUX PAS TRAVAILLER
SIMPLICITÉ
.
AIDE ET DOCUMENTATION
S.O.S.
1
2
3
4
5
6
7
8
Crédits: Mash-up des heuristiques de Nielsen et Norman et de Bastien et Scapin

65. 65
Ne mettez pas de contenus (images, textes) superflus
Aérez les contenus et n’ayez pas « peur du vide » !
Utilisez un vocabulaire accessible et compréhensible.
Utilisez des phrases courtes et directes.

66. 66
VISIBILITÉ DE L’ÉTAT DU
SYSTÈME
QU’EST QUE SE PASSE ?
MATCH ENTRE LE SYSTÈME ET
LE MONDE RÉEL
ON SE COMPREND
GESTION (ET PRÉVENTION)
DES ERREURS
COMMENT FAIRE ? AIDES-MOI.
LIBERTÉ ET CONTRÔLE
J’AIME AVOIR LE CONTRÔLE
COHERENCE ET LES
STANDARDS
TOUS LES MÊMES
UN CHARGE DE TRAVAIL
LIMITÉ
JE NE VEUX PAS TRAVAILLER
SIMPLICITÉ
.
AIDE ET DOCUMENTATION
S.O.S.
1
2
3
4
5
6
7
8
Crédits: Mash-up des heuristiques de Nielsen et Norman et de Bastien et Scapin

67. 67

68. 68
MERCI !