Les quick wins de l'UX
•
5 gostaram•5,418 visualizações
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.
Recomendados
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a Les quick wins de l'UX
Semelhante a Les quick wins de l'UX (20)
Mais de Smile I.T is open
Mais de Smile I.T is open (20)
Les quick wins de l'UX
- 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
- 6. 6 UNE EXPÉRIENCE UTILISATEUR FLUIDE ET AGRÉABLE ? #SmileAperoUX
- 8. 8User Experience Honeycomb - Peter Morville utile désirable accessible de valeur crédibletrouvable utilisable #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
- 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
- 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 !