Voici quelques astuces simples d'user experience pour augmenter votre taux de conversion. A/B testing, responsive, call-to-action... Découvrez les principes clés d'un site agréable à visiter.

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 !