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

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

Embed Size (px)

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.

Citation preview

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