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

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

Jean davidDOS SANTOSMultimédia Designer

www.ptitdoss.frvCard

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

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

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

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

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

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

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

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

DES EXPERTSRECONNUS

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

DES PRODUITS EXCLUSIFS & DE QUALITÉ

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

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

MES MISSIONS

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

PRINT WEBDESIGN INTÉGRATION

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 ?

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.

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

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

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

SUBJECTIVE

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

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

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

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

JESSE JAMES GARRETT

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

MÉTHODOLOGIE ET OUTILS

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

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é

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

PERSONAUTILISATEUR TYPE

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

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

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

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

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

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

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

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

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

THETOPSETUDE DE CAS

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

STATISTIQUES CONFIDENTIELLES

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

STATISTIQUES CONFIDENTIELLES

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

SANDRINE38 ANS

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

FOCUS GROUPTESTS UTILISATEURS

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

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

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É

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

+

=

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

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

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

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

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

ANCIENNE VERSION

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

STATISTIQUES CONFIDENTIELLES

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

ancienne version

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

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

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

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

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

Merci !Twitter : @ptitdoss

vCard