Les quick wins de l'UX

944 vues

Publié le

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.

Publié dans : Internet
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
944
Sur SlideShare
0
Issues des intégrations
0
Intégrations
5
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Les quick wins de l'UX

  1. 1. 1 Des astuces simples pour augmenter votre taux de conversion Les quick wins de l’UX #SmileAperoUX
  2. 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. 3 POURQUOI L’UX DESIGN LES QUICK WINS ALLER AU DÉLÀ 1 2 3 #SmileAperoUX
  4. 4. 4 #SmileAperoUX
  5. 5. 5 #SmileAperoUX
  6. 6. 6 UNE EXPÉRIENCE UTILISATEUR FLUIDE ET AGRÉABLE ? #SmileAperoUX
  7. 7. 7 Raphaël Yharrassarry #SmileAperoUX
  8. 8. 8User Experience Honeycomb - Peter Morville utile désirable accessible de valeur crédibletrouvable utilisable #SmileAperoUX
  9. 9. 9 UX FAILS #SmileAperoUX
  10. 10. 10 MOIS ANNÉE http://uxfail.tumblr.com/#SmileAperoUX
  11. 11. 11 MOIS ANNÉE http://uxfail.tumblr.com/#SmileAperoUX
  12. 12. 12 MOIS ANNÉE http://jamaislepremiersoir.tumblr.com/#SmileAperoUX
  13. 13. 13 MOIS ANNÉE https://twitter.com/uxepicfails#SmileAperoUX
  14. 14. 14 MOIS ANNÉE https://twitter.com/uxepicfails#SmileAperoUX
  15. 15. 15 MOIS ANNÉE https://twitter.com/uxepicfails#SmileAperoUX
  16. 16. 16 MOIS ANNÉE VS #SmileAperoUX
  17. 17. 17 #SmileAperoUX
  18. 18. 18 MOIS ANNÉE Blanche Porte - Module CMS Portail #SmileAperoUX
  19. 19. 19 MOIS ANNÉE Blanche Porte - Module CMS Portail #SmileAperoUX
  20. 20. 20 MOIS ANNÉE Blanche Porte - Module CMS Portail #SmileAperoUX
  21. 21. 21 Version originale Version gagnante + 30 % d’ajout au panier VS #SmileAperoUX
  22. 22. 22 FRAIS DE LIVRAISON DATE D’EXPEDITION RETOUR/ECHANGE #SmileAperoUX
  23. 23. 23 #SmileAperoUX
  24. 24. 24 #SmileAperoUX
  25. 25. 25 #SmileAperoUX
  26. 26. 26 #SmileAperoUX Asos a réduit de 50% son taux d’abandon en proposant la commande en tant qu’invité
  27. 27. 27 #SmileAperoUX
  28. 28. 28 #SmileAperoUX
  29. 29. 29 #SmileAperoUX
  30. 30. 30 Version originale Version gagnante VS + 25 % d’identification #SmileAperoUX
  31. 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. 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. 33 #SmileAperoUX Dont 36,1 millions d’utilisateurs mobile ! Soit +4,7 millions de visiteur unique Médiamétrie mars 2016
  34. 34. 34 x 2 du taux de conversion sur support mobile #SmileAperoUX
  35. 35. 35 #SmileAperoUX
  36. 36. 36 #SmileAperoUX
  37. 37. 37 TESTEZ POUR CONFIRMER ! L’A/B testing MOIS ANNÉE Blanche Porte - Module CMS Portail #SmileAperoUX
  38. 38. 38 Mesurer l’impact d’un changement entre 2 versions CONTACT VS A B #SmileAperoUX
  39. 39. 39 Suivi et résultats Selon le trafic de votre site, le suivi sera hebdomadaire, quotidien ou mensuel Outils #SmileAperoUX
  40. 40. 40 #SmileAperoUX
  41. 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. 42 MARKETING CONTENUERGONOMIE DESIGN AUDIT #SmileAperoUX
  43. 43. 43 #SmileAperoUX
  44. 44. 44 Tester des parcours clés Penser à voix haute 6-8 participants À distance ou sur place #SmileAperoUX
  45. 45. 45 5 utilisateurs permettent d’identifier près de 80% des problèmes d’utilisabilité ! #SmileAperoUX
  46. 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. 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. 48 Rapport (+ enregistrement si désiré) #SmileAperoUX
  49. 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. 50 PARTIE BONUS ;)
  51. 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. 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. 53
  54. 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. 55
  56. 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. 57
  58. 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. 59
  60. 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. 61 Sur le web: Dans un site:
  62. 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. 63 Panic
  64. 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. 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. 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. 67
  68. 68. 68 MERCI !

×