Comment améliorer l'expérience utilisateur sur un site e-commerce ?
1. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.1
COMMENT AMÉLIORER
L’EXPÉRIENCE UTILISATEUR
SUR UN SITE E-COMMERCE ?
Par Jean David DOS SANTOS
PRESENSATION
2. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.2PRESENSATION
Jean david
DOS SANTOS
Multimédia Designer
www.ptitdoss.fr
vCard
3. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.3PRESENSATION P.3
FORMATION
2012 - Chef de projet marketing internet et conception de site
2011 - DUT Service et Réseaux de Communication
EXPÉRIENCES PROFESSIONNELLES
2012 - Multimédia Designer Chez TheTops
2012 - Graphiste & Assistant chef de projet chez Lab’6 Images
2011 - Web & Graphic Designer Chez Projet ITAC
2011 - Auto Entrepreneur
vCard
4. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.4SOMMAIRE P.4
SOMMAIRE
Présentation de l’entreprise
Mes missions
Étude de Cas : TheTops
Conclusion
5. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.5PRÉSENTER L’ENTREPRISE - SECTEUR
117 500
3 6
45Mds
+11%
ECOMMERCE EN FRANCE - FEVAD 2013
6. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.6PRÉSENTER L’ENTREPRISE - SECTEUR
25 - 34 ans, CSP+
16/an
87,5 €
ECOMMERCE EN FRANCE - FEVAD 2013
8. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.8PRÉSENTER L’ENTREPRISE - THETOPS
MAXIME GUILLAUD
CO-FONDATEUR - COO
VINCENT REDRADO
CO-FONDATEUR - CEO
9. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.9PRÉSENTER L’ENTREPRISE - STARTUP
TROP D’OFFRE SUR INTERNET
MANQUE DE CONSEIL
10. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.10PRÉSENTER L’ENTREPRISE - THETOPS
DES EXPERTS
RECONNUS
11. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.11PRÉSENTER L’ENTREPRISE - THETOPS
DES PRODUITS
EXCLUSIFS & DE QUALITÉ
12. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.12
SERVICE CLIENT & LOGISTIQUEDESIGN & DÉV
ACHAT
PRÉSENTER L’ENTREPRISE - THETOPS
M
ARKETING
DIRECTION
15. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.15PROBLÉMATIQUE
COMMENT AMÉLIORER
L’EXPÉRIENCE UTILISATEUR
SUR UN SITE E-COMMERCE ?
16. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.16PROBLÉMATIQUE - QU’EST CE QUE L’UX ?
L’UX REPRÉSENTE LA
MANIÈRE DONT VA
INTÉRAGIR UNE PERSONNE
AVEC UN PRODUIT OU UNE
APPLICATION.
17. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.17PROBLÉMATIQUE - QU’EST CE QUE L’UX ?
UNE EXPÉRIENCE
AVANT TOUT
18. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.18PROBLÉMATIQUE - QU’EST CE QUE L’UX ?
GEORGE EASTMAN, FONDATEUR DE KODAK
20. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.20PROBLÉMATIQUE - QU’EST CE QUE L’UX ?
useful
desirable
accessible
valuable
credible
usable LES
7 ELEMENTS
DE PETER
MORVILLE
21. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.21PROBLÉMATIQUE - QU’EST CE QUE L’UX ?
L’UX DESIGN EST UN PROCESSUS
CENTRÉ SUR L’UTILISATEUR
ISO 9241-210
23. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.23PROBLÉMATIQUE - QU’EST CE QUE L’UX ?
JESSE JAMES GARRETT
24. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.24PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS
MÉTHODOLOGIE
ET OUTILS
25. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.25PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS
5 ETAPES
DÉCOUVERTE
DE MATTHIEU MINGASSON
26. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.26PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS
MODÈLE
UTILISATEUR
AUDIT
BENCHMARK
RECHERCHE
UTILISATEUR
Metrics / Analytics
Etude
Personna
Design Pattern
Grille de Synthèse
Entité de l’entreprise
Marché
27. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.27PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS
PERSONA
UTILISATEUR TYPE
28. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.28PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS
5 ETAPES
DÉCOUVERTE
CONCEPT
DE MATTHIEU MINGASSON
29. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.29PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS
VISUALISATION
MODÉLISATION
IDEATION
Brainstorming
Scénario d’usage
Story telling
Stratégie d’ensemble
Stratégie des contenus
Croquis
30. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.30PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS
5 ETAPES
DÉCOUVERTE
CONCEPT
ORGANISATION
DE MATTHIEU MINGASSON
31. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.31PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS
STRUCTURE
MANAGEMENT
DES CONTENUS
PÉRIMETRE
FONCTIONNEL
Définition des fonctions
principe d’intéraction
Matrice des contenus
Plan du site
Arborescence
33. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.33PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS
5 ETAPES
DÉCOUVERTE
CONCEPT
ORGANISATION
DESIGN
DE MATTHIEU MINGASSON
34. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.34PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS
INTERFACE
PROTOTYPE
DESIGN
FONCTIONNEL
comportement des objets
DESIGN
INTÉRACTION
wireframe
Mockups
schéma des structures
35. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.35PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS
5 ETAPES
DÉCOUVERTE
CONCEPT
ORGANISATION
DESIGN
PRODUCTION
DE MATTHIEU MINGASSON
36. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.36ETUDE DE CAS - POURQUOI UNE REFONTE UX ?
THETOPS
ETUDE DE CAS
37. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.37ETUDE DE CAS - POURQUOI UNE REFONTE UX ?
STATISTIQUES CONFIDENTIELLES
38. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.38ETUDE DE CAS - POURQUOI UNE REFONTE UX ?
STATISTIQUES CONFIDENTIELLES
39. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.39ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
SANDRINE
38 ANS
40. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.40ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
FOCUS GROUP
TESTS UTILISATEURS
41. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.41ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
Clients
Membres
Propects
Observation
Enregistrement
Questions fermées
Scénario de nav.
Questions ouvertes
Analyse
Préconisation
42. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.42ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
COMMENT AVEZ-VOUS
CONNU THETOPS ?
PRESSE
CONNAISSANCE
EXPERT
LISEZ-VOUS LE MOT
DE L’EXPERT ?
NON
OUI
AVEZ-VOUS D’ABORD
CHERCHER ?
EXPERTS
PRODUITS
43. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.43ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
L’EXPERT EST UN GAGE DE QUALITÉ
SON AVIS MATÉRIALISE LA RECOMMANDATION
ET REPRÉSENTE LA RASSURANCE
LES INTERNAUTES VEULENT DÉCOUVRIR
DES PRODUITS NOUVEAUX ET DE QUALITÉ
44. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.44ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
NOUVELLE STRATÉGIE DIGITALE
OFFRES ÉVÉNEMENTIELLES
RENFORCER L’IMAGE DE L’EXPERT
+
=
45. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.45ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
AVOIR UN SITE EN COHÉSION
AVEC LE NOUVEAU MODÈLE
CORRIGER LES ERREURS
SE RAPPROCHER D’UN SITE
ECOMMERCE + STANDARD
RESPONSIVE DESIGN
46. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.46ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
BAISSER LE TAUX
DE REBONDS
AMÉLIORER LE TAUX
DE TRANSFORMATION
AUGMENTER
LE CHIFFRE D’AFFAIRE
OBJECTIFS
ACQUÉRIR DE NOUVEAUX
PROSPECTS
47. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.47ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
HOME
connecté
PAGE
PRODUIT
FICHE
PRODUIT
PANIER
LIVRAISON
+ paiement
GOOGLE 1
2
5
6
7 8
Sandrine aimerait faire un cadeaux à son amie Céline qui adore
la cuisine. Elle a un budget de 90€.
3 4
9 10
Je cherche thetops
Je clique sur « produit »
Je clique sur
un produit
Je filtre à - de 100€
Je navigue de sous catégorie
en sous catégorie
J’ajoute au panier
J’ajoute un code
de promo
Je valide ma
commande
Je mets mon adresse Je paie
48. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.48ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
HOME
connecté
PAGE
PRODUIT
FICHE
PRODUIT
PANIER
LIVRAISON
+ paiement
GOOGLE 1
2
5
6
7 8
Sandrine aimerait faire un cadeaux à son amie Céline qui adore
la cuisine. Elle a un budget de 90€.
3 4
9 10
Je cherche thetops
Je clique sur « produit »
Je clique sur
un produit
Je filtre à - de 100€
Je navigue de sous catégorie
en sous catégorie
J’ajoute au panier
J’ajoute un code
de promo
Je valide ma
commande
Je mets mon adresse Je paie
49. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.49ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
ANCIENNE VERSION
50. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.50ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
STATISTIQUES CONFIDENTIELLES
51. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.51ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
ancienne version
55. COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.55ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN
RENDEZ-VOUS À PARTIR
DU 16 SEPTEMBRE
SUR WWW.THETOPS.FR