Comment améliorer l'expérience utilisateur sur un site e-commerce ?

56
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

description

Présentation du mémoire lors de ma formation Chef de projet marketing internet et conception de site au Campus de la Fonderie de l'image.

Transcript of Comment améliorer l'expérience utilisateur sur un site e-commerce ?

Page 1: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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

Page 2: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.2PRESENSATION

Jean davidDOS SANTOSMultimédia Designer

www.ptitdoss.frvCard

Page 3: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.3PRESENSATION P.3

FORMATION2012 - Chef de projet marketing internet et conception de site

2011 - DUT Service et Réseaux de Communication

EXPÉRIENCES PROFESSIONNELLES2012 - Multimédia Designer Chez TheTops

2012 - Graphiste & Assistant chef de projet chez Lab’6 Images

2011 - Web & Graphic Designer Chez Projet ITAC

2011 - Auto EntrepreneurvCard

Page 4: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.4SOMMAIRE P.4

SOMMAIREPrésentation de l’entrepriseMes missionsÉtude de Cas : TheTopsConclusion

Page 5: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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

Page 6: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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

Page 7: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.7PRÉSENTER L’ENTREPRISE - THETOPS

Page 8: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.8PRÉSENTER L’ENTREPRISE - THETOPS

MAXIME GUILLAUDCO-FONDATEUR - COO

VINCENT REDRADOCO-FONDATEUR - CEO

Page 9: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.9PRÉSENTER L’ENTREPRISE - STARTUP

TROP D’OFFRE SUR INTERNETMANQUE DE CONSEIL

Page 10: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.10PRÉSENTER L’ENTREPRISE - THETOPS

DES EXPERTSRECONNUS

Page 11: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.11PRÉSENTER L’ENTREPRISE - THETOPS

DES PRODUITS EXCLUSIFS & DE QUALITÉ

Page 12: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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

MA R KETIN G

DIRECTION

Page 13: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.13MES MISSIONS

MES MISSIONS

Page 14: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.14MES MISSIONS

PRINT WEBDESIGN INTÉGRATION

Page 15: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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 ?

Page 16: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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.

Page 17: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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

Page 18: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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

Page 19: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.19PROBLÉMATIQUE - QU’EST CE QUE L’UX ?

SUBJECTIVE

Page 20: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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 LES7 ELEMENTS

DE PETER MORVILLE

Page 21: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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

Page 22: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.22PROBLÉMATIQUE - QU’EST CE QUE L’UX ?

Page 23: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.23PROBLÉMATIQUE - QU’EST CE QUE L’UX ?

JESSE JAMES GARRETT

Page 24: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.24PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS

MÉTHODOLOGIE ET OUTILS

Page 25: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.25PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS

5 ETAPESDÉCOUVERTE

DE MATTHIEU MINGASSON

Page 26: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.26PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS

MODÈLEUTILISATEUR

AUDIT

BENCHMARK

RECHERCHE UTILISATEUR

Metrics / AnalyticsEtude

PersonnaDesign Pattern

Grille de Synthèse

Entité de l’entrepriseMarché

Page 27: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.27PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS

PERSONAUTILISATEUR TYPE

Page 28: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.28PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS

5 ETAPESDÉCOUVERTE

CONCEPT

DE MATTHIEU MINGASSON

Page 29: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.29PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS

VISUALISATION

MODÉLISATION

IDEATIONBrainstorming

Scénario d’usageStory telling

Stratégie d’ensembleStratégie des contenus

Croquis

Page 30: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.30PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS

5 ETAPESDÉCOUVERTE

CONCEPTORGANISATION

DE MATTHIEU MINGASSON

Page 31: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.31PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS

STRUCTURE

MANAGEMENTDES CONTENUS

PÉRIMETREFONCTIONNELDéfinition des fonctions

principe d’intéraction

Matrice des contenus

Plan du siteArborescence

Page 32: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.32PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS

Page 33: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.33PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS

5 ETAPESDÉCOUVERTE

CONCEPTORGANISATION

DESIGN

DE MATTHIEU MINGASSON

Page 34: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.34PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS

INTERFACE

PROTOTYPE

DESIGNFONCTIONNELcomportement des objets

DESIGNINTÉRACTION

wireframeMockups

schéma des structures

Page 35: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.35PROBLÉMATIQUE - MÉTHODOLOGIE ET OUTILS

5 ETAPESDÉCOUVERTE

CONCEPTORGANISATION

DESIGNPRODUCTION

DE MATTHIEU MINGASSON

Page 36: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.36ETUDE DE CAS - POURQUOI UNE REFONTE UX ?

THETOPSETUDE DE CAS

Page 37: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.37ETUDE DE CAS - POURQUOI UNE REFONTE UX ?

STATISTIQUES CONFIDENTIELLES

Page 38: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.38ETUDE DE CAS - POURQUOI UNE REFONTE UX ?

STATISTIQUES CONFIDENTIELLES

Page 39: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.39ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

SANDRINE38 ANS

Page 40: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.40ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

FOCUS GROUPTESTS UTILISATEURS

Page 41: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.41ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

ClientsMembresPropects

ObservationEnregistrement

Questions ferméesScénario de nav.

Questions ouvertes

AnalysePréconisation

Page 42: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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

Page 43: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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É

Page 44: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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

+

=

Page 45: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

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

Page 46: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.46ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

BAISSER LE TAUXDE REBONDS

AMÉLIORER LE TAUXDE TRANSFORMATION

AUGMENTERLE CHIFFRE D’AFFAIRE

OBJECTIFS

ACQUÉRIR DE NOUVEAUXPROSPECTS

Page 47: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.47ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

HOMEconnecté

PAGEPRODUIT

FICHEPRODUIT

PANIER

LIVRAISON+ paiement

GOOGLE 1

2

5

6

7 8

Sandrine aimerait faire un cadeaux à son amie Céline qui adorela 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égorieen sous catégorie

J’ajoute au panier

J’ajoute un code de promo

Je valide ma commande

Je mets mon adresse Je paie

Page 48: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.48ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

HOMEconnecté

PAGEPRODUIT

FICHEPRODUIT

PANIER

LIVRAISON+ paiement

GOOGLE 1

2

5

6

7 8

Sandrine aimerait faire un cadeaux à son amie Céline qui adorela 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égorieen sous catégorie

J’ajoute au panier

J’ajoute un code de promo

Je valide ma commande

Je mets mon adresse Je paie

Page 49: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.49ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

ANCIENNE VERSION

Page 50: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.50ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

STATISTIQUES CONFIDENTIELLES

Page 51: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.51ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

ancienne version

Page 52: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.52ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

Page 53: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.53ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

Page 54: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.54ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

Page 55: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.55ETUDE DE CAS - ANALYSE, PRÉCONISATION & DESIGN

RENDEZ-VOUS À PARTIRDU 16 SEPTEMBRE

SUR WWW.THETOPS.FR

Page 56: Comment améliorer l'expérience utilisateur sur un site e-commerce ?

COMMENT AMÉLIORER L’EXPÉRIENCE UTILISATEUR SUR UN SITE E-COMMERCE ? P.56CONCLUSION

Merci !Twitter : @ptitdoss

vCard