ux et conversion ecommerce
TRANSCRIPT
-
7/31/2019 UX Et Conversion Ecommerce
1/114
-
7/31/2019 UX Et Conversion Ecommerce
2/114
Edito
22
Contactez Olivier
Marx
04 72 76 94 00
Altics augmente le
Chiffre dAffaires et la
conversion des sites
marchands
www.altics.fr
Lyon, le 20 juillet 2012
Lexprience dachat e-Commerce ultime existe-t-elle ?
Le-Commerce ne sarrte jamais, voici donc le 20imeLivre Blanc dAltics !
Lquipe sest mobilise pour ce recueil de bonnes pratiques e-Commerce :36 sites passs au crible, de lEye tracking, des astuces pour vendre plusVous souhaitez vous aussi convertir plus et vendre davantage, alorscontactez-nous !
Bonne lecture, bonnes ventes etbon t !Olivier Marx, Fondateur
mailto:[email protected]:[email protected] -
7/31/2019 UX Et Conversion Ecommerce
3/114
Nos Rsultats
-
7/31/2019 UX Et Conversion Ecommerce
4/114
4
Sommaire
4
1. Introduction
> Mthodologie> Points cls
2. Engagez la poursuite en page daccueil
3. Facilitez laccs aux produits
> Page liste> Fiche produit
4. Amliorez votre tunnel dachat> Panier> Inscription> Livraison / Paiement
5. Conclusion : Augmentez vos taux de conversion !
6. Annexes
-
7/31/2019 UX Et Conversion Ecommerce
5/114
Conventions graphiques
Extrait de propos recueillis lors delentretien Eye tracking
Constats relatifs aux tests utilisateurs
Propos recueillis durant
lentretien
Recommandations et bonnes pratiques
Constats relatifs laudit
Scoring obtenu
5
Utilisateurs
Conseils
Audit
-
7/31/2019 UX Et Conversion Ecommerce
6/114
Contactez-nousTl: 04 72 76 94 00
Dcouvrez notre expertise
-
7/31/2019 UX Et Conversion Ecommerce
7/114
PUBLICITE
Trafic qualifiLes comparateurs de prix possdent
un taux de transfo suprieur lamoyenne.
A partir de 49 / mois
Multipliez voscomparateurs de prix etplaces de march
Shopping-Flux.com
2 mois offert avec le code ALTICS !
Contactez [email protected]. 01 80 87 60 95
-
7/31/2019 UX Et Conversion Ecommerce
8/114
PUBLICITE
Trafic qualifi
Les comparateurs de prix possdentun taux de transfo suprieur lamoyenne.
Transfo optimale/R.O.ICalculez votre R.O.I :. Par produit
. Par comparateur
. Par gamme
. Par marque
A partir de 49 / mois
Multipliez voscomparateurs de prix et lesplaces de march.
Shopping-Flux.com
Un mois offert avec le code ALTICS !
Contactez [email protected]. +33 (0)1 80 87 62 64
-
7/31/2019 UX Et Conversion Ecommerce
9/114
9
Introduction
ALTICS | 04 72 76 94 00 | [email protected]
-
7/31/2019 UX Et Conversion Ecommerce
10/114
De la page daccueil au paiement
Etude de 30sites
e-commerce
10
Rduire le tauxdabandon
Augmenter le CA
Fluidit delexpriencedachat
Page daccueil
Page liste
Fiche produit
Panier
Inscription
Livraison
Paiement
-
7/31/2019 UX Et Conversion Ecommerce
11/114
1. Lutilisateur value la page daccueil(confiance, convivialit, aspect graphique,poursuite), et attribue une note sur 10.
2. Il recherche ensuite un produit et jugela facilit avec laquelle il y accde.
3. Il value ensuite la fiche produit (lenombre de photos, la mise en valeur duproduit, le zoom, la qualit du descriptif,la clart de la page).
4.Il juge la clart du panier, les modes delivraison, de paiement et le sentiment deconfiance.
Une dmarche rsolument centre utilisateurs
Dmarche dinvestigation
144 utilisateurs ont t recruts pour lensemble des
tudes. Des tests simples ont t raliss par 40
utilisateurs et 104 ont particips des tests Eye tracks.
Les utilisateurs ont effectu une valuation durant
laquelle un parcours dachat t ralis avec chacune
des tapes dtailles ci-contre.
Les 35 sites tudis ont galement t passs au crible
laide dune expertise e-Merchandising. Les 29 sitesvalus par les utilisateurs ont t rpartis en 5 groupes.
1111
Les phases du test utilisateur :
-
7/31/2019 UX Et Conversion Ecommerce
12/114
Un recueil de donnes varies
1212
Audit Scoring Tests utilisateurs
Eye Tracking Entretien
Pagedaccueil
Rechercheproduit
Page liste
Fiche
produit
Panier
Les utilisateurs ont parcouru lensemble destapes du parcours dachat. Ils ont exprim leurs
attentes et avis travers diffrentes mthodes de
recueil de donnes : scoring, test utilisateur Eye
tracking et entretien individuel. Un audit e-
merchandising galement t ralis.
Le tableau ci-contre prsente le croisement des
mthodes de tests utilises lors de cette tude.
Chaque pictogramme associ une mthode vous
permettra de reprer la source des donnes au
sein de ce document.
Croisement de donnes
-
7/31/2019 UX Et Conversion Ecommerce
13/114
Labos de tests
| Salle dobservation avec glace sans tain
| Test dEye Tracking
1 salle de test interne (glace sans tain & sonorise)
| Salle dobservation sonorise
-
7/31/2019 UX Et Conversion Ecommerce
14/114
Cartes de chaleur
1
Cross selling ignore
Zone de fort intrt
Lgende
Zones froides
Zones chaudes Plus la couleur est rouge,plus les utilisateurs ontfocalis leur attention surla zone
Cartes de chaleurPermettent de mettre en vidence les zones
regardes par lensemble des utilisateurs(somme des fixations)
-
7/31/2019 UX Et Conversion Ecommerce
15/114
Parcours des yeux
2Point dentresur la page
Plus le rond estgros, plus la zonea t focalise
Droulement du regard
Gaze plot ou parcours visuel
Permettentde retranscrire lordre et lintensit des zonesregardes, et danalyser le parcours de lecture & de navigation
-
7/31/2019 UX Et Conversion Ecommerce
16/114
-Lepape - Newsletter (Janvier 10)
Carte doccultation
Zone
dintrt fort
Zone ignore
Zones froides
Zones chaudesLes zones opaquessont celles qui ne sontpas vues
Lgende
3Carte doccultation
Permettent de rvler les zones ignoresdes utilisateurs
-
7/31/2019 UX Et Conversion Ecommerce
17/114
Favorisezla poursuite enpage daccueil
ALTICS | 04 72 76 94 00 | [email protected] 17
-
7/31/2019 UX Et Conversion Ecommerce
18/114
18ALTICS | 04 72 76 94 00 | [email protected]
Favorisez la poursuite en page daccueil> Mauvaises pratiques
> Bonnes pratiques
-
7/31/2019 UX Et Conversion Ecommerce
19/114
Une page daccueil incitative
* Note de 0 5 sur laccs la vente en ligne(0 trs compliqu, 5 trs facile)
5 secondes 20 secondes
Consigne : Trouver laccs la vente en ligne depuis la page daccueil
-
Un accs hbergement plus visible quiattire lutilisateur. Un wordingtrompeur je rserve en ligne quiinduit le-shoppeur en erreur(lesutilisateurs pensent quil sagit de laccs lavente de forfait)
Accs la vente enligne occult remarquaprs plus de 20 s
Les donnes Eye tracking ont t recueillies en 2011
-
7/31/2019 UX Et Conversion Ecommerce
20/114
20
Une page daccueil incitative
Panier & compteclient> des lmentsqui, absents de la
page daccueil,peuvent inviter douter du caractree-marchand du site
Un moteur de rechercheabsent > laccs loffre et lachat est
moins direct
-
-
7/31/2019 UX Et Conversion Ecommerce
21/114
21
-
Aucun lment rassurant dessus laligne de flottaison:1. Absence de marque ou label2. Pas dlment de confiance
Scroller 3 fois pour voir les marques et 6 fois pour leslments de confiances.De plus, pas de mise en avant de ces lments (absence depicto) et affichage dune liste non exhaustive
Des lments de confiances travailler
Pas de numro de
tlphone visibleimmdiatement
Ligne de flottaison
Pense a q estionnaire !
http://www.altics.fr/ -
7/31/2019 UX Et Conversion Ecommerce
22/114
Contactez-nousTl: 04 72 76 94 00
Pensez au questionnaire !Sur votre site ou par mail
Qui sont-ils ?
Que pensent-ils de votre offre ?
Comment peroivent-ils votre site ?
tes-vous meilleur que la concurrence ?
http://www.altics.fr/ -
7/31/2019 UX Et Conversion Ecommerce
23/114
23
Une offre qui gagnerait tre mise en avant
Attention labsence deslments de confiance >ds la page daccueil ilsrassurent vos prospects
Une offre surf ambigepas clairement etimmdiatementidentifiable (vtementsde surf ou planche desurf ?)
Un carrousel absent dela page daccueil qui nepermet pas de prsenterla richesse de loffre
Pas de layer pourguider vosprospects dansloffre
-
-
7/31/2019 UX Et Conversion Ecommerce
24/114
24
Un graphisme qui pourrait davantage servir loffre
Attention la rupture
graphique qui ninvitepas scroller
-
Ligne de flottaison
Les deux offres ne sontpas visiblesimmdiatement
-
7/31/2019 UX Et Conversion Ecommerce
25/114
25ALTICS | 04 72 76 94 00 | [email protected]
La page daccueil> Mauvaises pratiques
> Bonnes pratiques
-
7/31/2019 UX Et Conversion Ecommerce
26/114
"Claire et intuitive"
Mise en avant des bijoux"
Donne enviede parcourir le site
Page daccueil
20 sec
Les gaze plot, outil de lEye tracking, permettent dereprsenter le parcours visuel du participant.
1.Clarifier la page daccueil2. Faciliter laccs la recherche3.Mettre en avant le glamour du bijou
Conseil
Utilisateurs Le regard est essentiellement port sur :
1. Les entres utiles pour effectuer la recherche2. Les bijoux prsents en aperu
26
Une page daccueil qui guide la recherche (1/2)+
Les donnes Eye tracking ont t recueillies en 2011
-
7/31/2019 UX Et Conversion Ecommerce
27/114
Une page daccueil qui guide la recherche (2/2)
Gazeplot: parcours type de 2 utilisateurs
Utilisateurs Desutilisateursqui reprenttrsrapidementles axes
dentre versloffre
27
+
Les donnes Eye tracking ont t recueillies en 2011
-
7/31/2019 UX Et Conversion Ecommerce
28/114
5 secondes
1. Un encart accs aux ventes de forfait repr ds 5 secondes2. Un wording explicite et une visibilit marque du lien qui oriente facilement le skieur
Cest trs clair, la couleur facilite le
reprageAlexandre, 28 ans
Il ny a pas trop dinfo ni dimages, cest plus
clair la recherche nest pas parasiteMalika, 50 ans
Cest trs distinct, en plus on nerisque pas de confondre la rservation
pour lhbergement et les forfaits Amel, 34 ans
Un accs visible trouv ds larrive sur la page* Note de 0 5 sur laccs la vente en ligne (0 trs compliqu, 5 trs facile)
Utilisateur
+
Les donnes Eye tracking ont t recueillies en 2011
Tmoignage
-
7/31/2019 UX Et Conversion Ecommerce
29/114
Contexte
Missions
Tmoignage
Missions
04 72 76 94 [email protected]
Au cours de cet accompagnement, nous avons retravaill lergonomieet le contenu de nos newsletters commerciales et relationnelles avec debeaux rsultats
Julien VIAL,Responsable du e-Marketing
Toupargel est leader sur la march du surgel domicile.
66%de CA
1 DIAGNOSTIC :- Audit e-Mailing- Roadmap sur un an
- Recommandations
2 ACCOMPAGNEMENT 1 an :Mise en place oprationnel de la stratgie
d l d f bl
-
7/31/2019 UX Et Conversion Ecommerce
30/114
30
Affichez vos marques audessus la ligne de flottaisonpour gagner la confiancedes e-shoppeursrapidement
Rassurez avec des lments de confiances visibles +
Mettez en avant votrenumro de tlphone >
lment de confiance fort
Regroupez vos lments deconfiance, soyez exhaustif etutilisez un wording percutant
I l ffi
-
7/31/2019 UX Et Conversion Ecommerce
31/114
31
Prsentez une partiede votre offre grce un carrousel
Intgrez un carrousel efficace +
Donnez la possibilit vosutilisateurs de faire dfiler lecarrousel pour faciliter laperu deloffre
Off d l ff i di
-
7/31/2019 UX Et Conversion Ecommerce
32/114
Placez vos avantagesconcurrentiels ds le header
32
Offrez un aperu de loffre immdiat
Intgrez des layers pour chaqueonglet de manire avoir un aperude loffre plus exhaustif (et mieuxguider vos e-shoppeurs) Donnez la possibilit vos
utilisateurs de faire dfiler lecarrousel pour faciliter laperu deloffre
Conseils
+
Rassurez vos
utilisateurs ds la pagedaccueil pour lesinciter poursuivre,affichez clairement voslments de confiance
M tt l l t t l i l h d
-
7/31/2019 UX Et Conversion Ecommerce
33/114
33
Intgrez dessuggestions dans le
moteur de recherche >auto compltion
Mettez en valeur le compte et le panier sur le header
Affichez
dynamiquement sousle passage de la sourisun roll overpermettant lutilisateur de seconnecter ou devisualiser son panier
+
Placez dans leheader un accsexplicite au compteet au panier
M tt t hi i d l ff
-
7/31/2019 UX Et Conversion Ecommerce
34/114
34
Affichez des produits audessus de la ligne deflottaison pour inviter lese-shoppeurs scroller
Mettez votre graphisme au service de loffre
Des bannires avec desmises en situation quipermettent auxe-shoppeurs de rentrerdans loffre et lunivers
+
Cl ifi t d il
-
7/31/2019 UX Et Conversion Ecommerce
35/114
35
Clarifiez votre page daccueil
Prsentez des visuelsproduits de grandetaille, mettez-les envaleur
Arez votre page laissez delespace entre les diffrentsencarts
+
P g d il L b ti
-
7/31/2019 UX Et Conversion Ecommerce
36/114
Page daccueil > Les bonnes pratiques
1. Affichez le caractre e-commerce du site
2. Donnez un aperu immdiat de votre offre
3. Affichez clairement vos avantages concurrentiels ds le header
4. Offrez un accs au compte et au panier ds la page daccueil
5. Mettez en avant vos lments de confiance
6. Facilitez la visibilit des lments, adoptez une structure claire
-
7/31/2019 UX Et Conversion Ecommerce
37/114
Facilitezlaccs auxproduits
ALTICS | 04 72 76 94 00 | [email protected] 37
-
7/31/2019 UX Et Conversion Ecommerce
38/114
38ALTICS | 04 72 76 94 00 | [email protected]
Facilitez laccs aux produits> Pages listes
> Mauvaises pratiques> Bonnes pratiques
Une possibilit daffiner non perue
-
7/31/2019 UX Et Conversion Ecommerce
39/114
Je navais pas vu je choisis mesboucles
La recherche nest pas du toutintuitive
Il y avait beaucoup trop de rsultats
90%des utilisateursnont pas peru la possibilit daffiner-> Un accs au produit complexe
Augmenter la visibilit des outils de tri afin de fluidifierla recherche
Une possibilit daffiner non perue
Carte dopacit
Conseils
Utilisateurs
39
-
Les donnes Eye tracking ont t recueillies en 2011
-
7/31/2019 UX Et Conversion Ecommerce
40/114
Contexte
Missions
Tmoignage
Missions
04 72 76 94 [email protected]
ModeInMotion vend des montres et bijoux depuisplusieurs annes.
ModeInMotion souhaite augmenter ses taux deconversion e-Commerce.
1 - DIAGNOSTIC
- Audit e-Merchandising et webanalytics
- Tests utilisateurs- Recommandations
2- ACOMPAGNEMENT la performance sur un an
Altics nous accompagne 1 an la performance. Aprs une refonteen moins de 2 mois, les rsultats sur le taux de conversion sontimmdiats et ne font que s'amliorer. C'est un vritableacclrateur pour notre business !
Christophe Lagrange, Fondateur de Mode in Motion
Une recherche tayer davantage
http://www.altics.fr/fr/services/eye-tracking.htmlhttp://www.altics.fr/fr/services/eye-tracking.html -
7/31/2019 UX Et Conversion Ecommerce
41/114
41
Une recherche tayer davantage -
Un descriptif incomplet quinindique pas
immdiatement si leproduit sadresse aux hommesou aux femmes
Une impossibilit de trier parsexe (> une fonctionnalitimportante lorsque le produitseul ne renseigne pasvisuellement sur le genre pour
lequel il est conu)
Un affinage compliqu
-
7/31/2019 UX Et Conversion Ecommerce
42/114
42
Labsence de filtres rend laphase de recherche pluscomplexe et plus longue
Des propositions detri inexistantes
Un affinage compliqu -
Seulement
45%des utilisateurs
estiment laccs produitfacile
Une performance commerciale exploiter
-
7/31/2019 UX Et Conversion Ecommerce
43/114
43
Labsence de bandeau graphiquedessert la performancecommerciale et ninvite pas vos
prospects rentrer dans luniversde loffre
Absence des lmentsde confiance
Absence des pourcentagesde rduction danslaffichage des prix
> Vos e-shoppeurs ontbesoin de se rendre comptede lconomie ralise
Une performance commerciale exploiter -
-
7/31/2019 UX Et Conversion Ecommerce
44/114
44ALTICS | 04 72 76 94 00 | [email protected]
Facilitez laccs aux produits> Pages listes
> Mauvaises pratiques
> Bonnes pratiques
Aiguillez lutilisateur avec des lments spcifiques
-
7/31/2019 UX Et Conversion Ecommerce
45/114
45
Intgrez des filtrespertinents et efficaces >Par marques, prix etavis clients
Aiguillez l utilisateur avec des lments spcifiques+
Indiquez la note du produit et lenombre davis client > Ceci attisela curiosit des e-shoppeurs quispontanment vont cliquer sur leproduit qui a le plus decommentaires et une note leve
90%
des utilisateursestiment laccs produitfacilePrsentez un descriptif
complet > informationspralables sur le produit ,disponibilit, visuel attractif
Facilitez le choix de le-shoppeur
-
7/31/2019 UX Et Conversion Ecommerce
46/114
46
+
Donnez desinformations surle produit ds lapage liste
Donnez desinformationsspcifiques sur leproduit ds lapage liste
Affichez la
disponibilit duproduit avec une mise jour en temps rel
Intgrez un comparateur
produit pour faciliter ladcision entre plusieursproduits
Facilitez le choix de l e-shoppeur
Une recherche optimise qui guide linternaute
+
-
7/31/2019 UX Et Conversion Ecommerce
47/114
47
Ajoutez une fonctionnalitdaffinage technique qui telun conseill guide le sportifdans sa recherche
Faire apparaitre aprsquelques minutes une pop upde chat online permetdaider davantage lese-shoppeurs
Affichez de manireclaire et visible ladisponibilit de vosarticles selon lataille
Affichez les informationscomplmentaires au survolde la souris pour ne passurcharger la page
Une recherche optimise qui guide l internaute +
Facilitez la navigation entre les pages +
-
7/31/2019 UX Et Conversion Ecommerce
48/114
48
Facilitez la navigation entre les pages +
Intgrez un chantillon de laliste visible des numros depages avec le nombre total depages et encadrez l par les
boutons prcdent et suivant
Proposez laffichagetout sur une page sivous avez un nombreraisonnable deproduits. Sinon,proposez une option
daffichage partranche
Intgrez un chantillon de la liste visibledes numros de pages avec le nombretotal de pages, pour acclrer lanavigation et encadrez l par les boutons
prcdent et suivant pour laisserlutilisateur flner
Tmoignage
-
7/31/2019 UX Et Conversion Ecommerce
49/114
Contexte
Missions
Missions
04 72 76 94 [email protected]
Suite une refonte effectue en dbut danne,Manutan souhaitait tre accompagn dans unelogique damlioration continue.
1 DIAGNOSTIC :
- Audit et recommandations-Benchmark- Webanalyse
- Tests Eye-Tracking- Focus group- Questionnaires- Recommandations
2- ACCOMPAGNEMENT
Grce la recette d'Altics mlant le Testing, l'expertise e-Merchandising et le coaching, nous avons pu prendre les bonnesdcisions. La mthodologie employe n'a pas laiss place au doute etnous avons pu acter rapidement
Martin Sauer Group E-Business Manager MANUTAN
+20%Taux de
conversion
Eclairez la recherche grce au graphisme +
-
7/31/2019 UX Et Conversion Ecommerce
50/114
50
Eclairez la recherche grce au graphisme +
Donner lillusion quevos visuels sont ports
(produits avecsilhouette humaine)apporte une meilleurereprsentativit
Faites ressortir lesintituls de vos
produits (police, tailledcriture)
Affichez votre potentiel commercial +
-
7/31/2019 UX Et Conversion Ecommerce
51/114
51
Affichez votre potentiel commercial
Ajoutez un bandeau en haut
de page avec une offrecommerciale (nouvelle
collection, rductions, un achet
le deuxime offert, ect)
Intgrez vos lments de
confiance pour rassurez vos
utilisateurs tout moment de
lacte dachat
Favorisez lutilisation de
pictogrammes, allez lessentiel
!
Indiqu clairement le prix dans
le descriptif produit
+
affichez le pourcentage de
rduction ralise pour chacunede vos offres promotionnelles
-
7/31/2019 UX Et Conversion Ecommerce
52/114
52ALTICS | 04 72 76 94 00 | [email protected]
Facilitez laccs aux produits> Fiches produits
> Mauvaises pratiques
> Bonnes pratiques
Une fiche produit qui ne guide pas les utilisateurs
-
-
7/31/2019 UX Et Conversion Ecommerce
53/114
53
Une fiche produit qui ne guide pas les utilisateurs
10 secondes | Temps global
Lgende
Zones froides
Zones chaudes
-
Un haut de pagecharg qui neguide pas leregard
Des informations nonstructures qui nincitentpas la lecture
Les donnes Eye tracking ont t recueillies en 2010
Une confiance utilisateur optimiser -
-
7/31/2019 UX Et Conversion Ecommerce
54/114
54
Pas dlment de confianceproche du bouton dajout aupanier
Une confiance utilisateur optimiser -
60 %des utilisateurs
estiment faire lachaten toute confiance
Un potentiel commercial maximiser -
-
7/31/2019 UX Et Conversion Ecommerce
55/114
Un potentiel commercial maximiser -
Un prix trop loign dubouton dajout aupanier qui romptlassociation prix-actionet manque de visibilit
Absence des lmentsde confiances
Un cross selling quitend se limiter >Il ny a que 4produits deprsents
Donnez la possibilit denaviguer travers lecross selling (flches depart et dautre pourdcouvrir plus de
produits)
Une fiche produit qui gagne tre plus exhaustive
-
7/31/2019 UX Et Conversion Ecommerce
56/114
56
U e c e p odu t qu gag e t e plus e aust ve-
Un seul visuelprsent (pas de
vision de dos, ou demise en situation)
Pas de boutons denavigation entre
les pages produits> nobligez pas vose-shoppeurs retourner en pageliste pourvisualiserlensemble de
votre offre
Pas de pop up dajout aupanier qui invitelutilisateur poursuivreses achats ou finaliser sacommande > Commentsavoir si lajout bien tpris en compte ?
-
7/31/2019 UX Et Conversion Ecommerce
57/114
57ALTICS | 04 72 76 94 00 | [email protected]
Facilitez laccs aux produits> Fiches produits
> Mauvaises pratiques
> Bonnes pratiques
Une fiche produit claire et ludique
+
-
7/31/2019 UX Et Conversion Ecommerce
58/114
58
p q
10 secondes | Temps global
Lgende
Zones froides
Zones chaudes
+
Un regard guid : visuel,prix et ajout au panier
perus en moins de 10secondes
Un panier ludiqueet ar
Un visuel attractif
Les donnes Eye tracking ont t recueillies en 2010
Un zoom performant pour un achat confiant
+
-
7/31/2019 UX Et Conversion Ecommerce
59/114
p p
La photo est super explicite. Onsait ce qu'on achte
Le zoom est bien (ressemble cequils font pour les habits)
On peut vraiment voir les dtails
Ha ! Il y a un zoom Intgrer un zoom de survolConseil
59
Utilisateurs
1. Le zoompermet de parcourir le bijouet de le visualiser dans sesmoindres dtails
2. Il satisfait lattente N1des utilisateurs.
+
+Rassurez sur la fiche produit
-
7/31/2019 UX Et Conversion Ecommerce
60/114
60
Noubliez pas les lments deconfiance, proche du boutondajout, avec un retour possible(satisfait ou rembours)!
+
Affichez une informationtemporelle sur lexpdition
p
Augmentez la visibilitde votre prix etmettez-le juxtapos aubouton daction
+Adaptez votre fiche produit selon votre secteur
-
7/31/2019 UX Et Conversion Ecommerce
61/114
61
+
Ajustez votre descriptif > enBtoB, privilgiez les aspectstechniques et fonctionnels
Proposez un visuel debonne qualit, afin de serendre compte des dtails,surtout pour un produit
techniques
Ne faites pas limpasse surle conseil et la livraison, leBtoB ne faisant pasexception !
p p
Mettez votre produit en avant +
-
7/31/2019 UX Et Conversion Ecommerce
62/114
62
p +
Affichezclairement la
disponibilitde vos articles
Offrez des possibilitsde partage(fonctionnalitsvirales)
Mettez en avant votreproduit avecdiffrentes vues de cedernier
Intgrez un visuel de votrearticle mis en situation afin que vose-shoppeurs puissent se projeter et
ainsi augmenter vos ventes.
Conseils
Facilitez la navigation avec des call to action +
-
7/31/2019 UX Et Conversion Ecommerce
63/114
+Intgrez des boutons suivant &prcdent visibles pour invitervos utilisateurs naviguer entre
vos fiches produits sans repasserpar la page liste
Affichez un boutondajout au paniervisible et incitatif
Guidez vers le panier grce une pop up +
-
7/31/2019 UX Et Conversion Ecommerce
64/114
+
Pensez intgrer un crossselling pour booster vos ventes
Ajoutez une pop up dajout au
panier pour indiquer vose-shoppeurs que lajout bient pris en compte et leurdonner la possibilit depoursuivre leurs achat
Accs aux produits > Bonnes pratiques
-
7/31/2019 UX Et Conversion Ecommerce
65/114
1. Incitez au clic !
2. Affichez des visuels de bonne qualit dont certains en situation
3. Soyez complet ! (visuels, descriptifs, conseils)
4. Affichez un prix visible proche du bouton daction
5. Ajoutez des fonctionnalits de tri et daffinage
6. Intgrez des avis clients
7. Intgrez du cross selling
8. Mettez en avant vos lments de confiance
-
7/31/2019 UX Et Conversion Ecommerce
66/114
Amliorez votretunnel dachat
ALTICS | 04 72 76 94 00 | [email protected] 66
-
7/31/2019 UX Et Conversion Ecommerce
67/114
67ALTICS | 04 72 76 94 00 | [email protected]
Amliorez votre tunnel dachat> Panier
> Mauvaises pratiques
> Bonnes pratiques
Un cross selling qui perturbe la lisibilit du panier
-
-
7/31/2019 UX Et Conversion Ecommerce
68/114
Lgende
Zones froides
Zones chaudes
10 secondes | Temps global
Un cross selling impospeu apprci desutilisateurs et ignor
Un bouton Passercommande placen marge et peru
tardivement
Dobscurs frais de ports qui rendent sceptiques -
-
7/31/2019 UX Et Conversion Ecommerce
69/114
69
Utilisateurs1. Les frais
de ports ne sont pasexpliqus , les e-shoppeurs
ne connaissent pas le modede livraison
2. Les utilisateurs ne sontpas rassurs
3.Ils ont besoin de dtails
quant la livraison et ceds le panier surtout pourun site de vente en ligne debijoux
Indiquez le mode de livraison ds ltape du panierLes e-shoppeurs ont besoin dun maximum dinformations pour la
livraison dun bijou
Conseils
Les frais de port sont prsentS,mais ne sont pas expliqus, on nesait pas do ils sortent !
Des frais de ports qui apparaissent tardivement -
-
7/31/2019 UX Et Conversion Ecommerce
70/114
Ah c'est seulement maintenant quej'ai les frais de port
Jai pas le choix sur la livraison ?
Cest bizarre, cest quoi ces frais
de port
Intgrez les frais de ports ds ltape du panier, lesjoindre au mode de livraison
Conseil
70
Utilisateurs1. Le site impose
des frais de ports dans lercapitulatif, sans les avoir
expliqu au pralable
2. Le-shoppeur na pas le choixde la livraison et ne connaittoujours pas le mode cettetape
Un panier qui pourrait tre plus complet -
-
7/31/2019 UX Et Conversion Ecommerce
71/114
71
Des frais de port non intgrsau panier. Il ny a ds lors pasle prix final (produit + frais deport) > les internautesconstituent souvent un panierpour connaitre directement le
prix total
Absence de cross selling ouvente additionnelle > tentezdaugmenter vos ventes
avant la validation finale
Des lments deconfiance absents> facilitez lepassage ltapesuivante avec de larassurance
Tmoignage
-
7/31/2019 UX Et Conversion Ecommerce
72/114
Contexte
" Le diagnostic effectu par Altics sur Net PME nous a permisd'identifier les grains de sables prsents sur notre site. Nous avonspu dgager des axes prcis d'amlioration que nous avons mis enplace rapidement ! J'ai apprci la dmarche scientifique couplanteMerchandising et webanalyse
Benoit Lherbette - Directeur Net PME
Missions
04 72 76 94 [email protected]
1- DIAGNOSTIC
> Audit e-Merchandising> Webanalytics
2 - ACCOMPAGNEMENT Refonte
> Maquettes ergonomiques et graphiques
NetPME, le portail des TPE-PME : informationspratiques, modles de contrats, modles de business
plan, fiches conseils, outils de gestion, conseilsjuridiques ...
Un panier optimiser -
-
7/31/2019 UX Et Conversion Ecommerce
73/114
73
Des modes de livraisonabsents dans le panierqui ne permettent pas uncalcul total de lacommande
Une gestion de laquantit peu incitative
Des lments de confiance optimiser -
-
7/31/2019 UX Et Conversion Ecommerce
74/114
Un temps approximatifde livraison absent
Des lments de confiancetrop bas > Pas proximit dubouton de poursuite (visible aubout de 5 scrolls)
Des frais de prparation
malgr des frais de portoffert ??
Des frais de prparation
malgr des frais de portoffert ??
-Un potentiel navigationnel optimiser
-
7/31/2019 UX Et Conversion Ecommerce
75/114
75
Un emplacement dubouton daction en
retrait de la zonepanier qui na pas unevisibilit immdiate etpeut vous faire perdredes ventes
Un lien de retouraux achats quimanque de
visibilit > nefaites paschercher vosutilisateurs
Pas de frisedavancement (panier
connexion/inscription - livraison paiement ) > vosutilisateurs doiventconstamment savoiro ils se trouventdans le tunnel dachat
-
7/31/2019 UX Et Conversion Ecommerce
76/114
76ALTICS | 04 72 76 94 00 | [email protected]
Amliorez votre tunnel dachat> Panier
> Mauvaises pratiques
> Bonnes pratiques
+Retenez vos e-shoppeurs ltape du panier
-
7/31/2019 UX Et Conversion Ecommerce
77/114
Rendez vos lments deconfiance visibles tout au
long du tunnel pour rduirele taux dabandon et ainsiaugmenter vos ventes
Continuez dafficherla possibilit duneprsence humaine viatlphone
Affichez le tempsdacheminementde la livraison
Assurez la visibilit de tous vos lments +
-
7/31/2019 UX Et Conversion Ecommerce
78/114
78
Affichez lensemble de vos lments au
dessus de la ligne de flottaison de manire voirtoutes les informations et le call to actionimmdiatement
Conseils
Ligne de flottaison
Dans le rcapitulatif intgrez unpictogramme pour la suppression aprsla dnomination de larticle (indiquez sasignification sur la ligne du dessus)
Intgrez les modes de livraisonet le code promotionnel audessous du rcapitulatif decommande pour faciliter lalecture et gagner enperformance
+Facilitez la gestion de la commande ds le panier
-
7/31/2019 UX Et Conversion Ecommerce
79/114
+
Proposez les diffrents modes delivraison directement dans le panier >Informez votre e-shoppeur sur le prix
total
Permettez une gestionde la quantit par desbouton daction + et
Facilitez la navigation vers le tunnel dachat +
-
7/31/2019 UX Et Conversion Ecommerce
80/114
Indiquez vos e-shoppeurs o ilsse trouvent dans la commandeen intgrant une frisedavancement claire et visible
Ajoutez un bouton de retour auxachats au mme niveau que lebouton de validation, de taille
plus rduite et dun graphismeplus discret pour ne pas crerdambigit
Affichez un bouton devalidation incitatif etvisible (taille couleur)
-
7/31/2019 UX Et Conversion Ecommerce
81/114
81ALTICS | 04 72 76 94 00 | [email protected]
Amliorez votre tunnel dachat> Inscription
> Mauvaises pratiques
> Bonnes pratiques
Une page connexion qui induit en erreur -
-
7/31/2019 UX Et Conversion Ecommerce
82/114
82
Une distinction nouveau vsancien client qui peu induire enerreur > Souvent les internautesse prcipitent sur les champslibres sans lire les intituls desencarts
Un formulaire long et intrusif qui nuit au srieux du site
-
7/31/2019 UX Et Conversion Ecommerce
83/114
Utilisateurs
1. Des lments de
rassurances, sur lajustification desinformationsdemandes, nonperus.
2. Certainesinformations nonobligatoires sontmalgr toutrenseignes par lesutilisateurs. Leurcaractre facultatif
nest pas peru
Prfrer les services personnaliss enoption ou accentuer davantage leurcaractre facultatif
Conseils
54 sec Temps global moyen
1
2
-
Un formulaire qui gagnerait en efficience -
-
7/31/2019 UX Et Conversion Ecommerce
84/114
Pas dinscription possible la newsletter depuis leformulaire > Ne perdezpas la possibilit defidliser vos e-shoppeurs
Lutilisateur nestpas accompagn dansla cration decompte > le tauxderreurs peut treimportant etretarder vosinternautes voireaugmenter votretaux de dperdition
Les champs trop longs pourdes informations courtesperturbent le remplissage et
induisent en erreur
Un accompagnementeCommerce sur la dure
http://www.altics.fr/ -
7/31/2019 UX Et Conversion Ecommerce
85/114
Tl: 04 72 76 94 00
Un modle conomique variable trs attractif :
Moins cher quun recrutement internePlus dexpertises votre disposition
Un vritable partenaire e-Commerce vos cts
Contactez-nous
eCommerce sur la dure
Le guest checkout , cest quoi ? -
-
7/31/2019 UX Et Conversion Ecommerce
86/114
86
Invit > un wordingqui ne parle pasimmdiatement
Le bnfice concretde la commande entant quinvit
napparait pasexplicite
sinscrire estrserv aux clientspossdant dj uncompte
Une cration de compte optimiser -
-
7/31/2019 UX Et Conversion Ecommerce
87/114
87
Attention aux crations decompte en 2 temps sur 2 pages(mail et mot de passe vsadresse) qui donnelimpression quelenregistrement va tre long
Les champs troplongs pour des
informations courtesperturbent leremplissage etinduisent en erreur
-
7/31/2019 UX Et Conversion Ecommerce
88/114
88ALTICS | 04 72 76 94 00 | [email protected]
Amliorez votre tunnel dachat> Inscription
> Mauvaises pratiques
> Bonnes pratiques
Facilitez lidentification +
-
7/31/2019 UX Et Conversion Ecommerce
89/114
89
Soyez clair et efficace danslexplication du choix decommande en tant quinvit, lesinternautes sont encore novicesdans cette dmarche
Pour viter les erreurdidentification, proposez
dabord dentrer ladresse e-mailet invitez ensuite choisir entreloption nouveau ou dj client
Accompagnez vos prospects dans la cration de compte
+
-
7/31/2019 UX Et Conversion Ecommerce
90/114
90
+
Proposez unaccompagnement pas pas du remplissagedes champs
Proposez une vrification des champsdurant le remplissage
Conseils
Adoptez un graphisme efficace +
-
7/31/2019 UX Et Conversion Ecommerce
91/114
91
Proposez une cration decompte en une fois pourdonner limpression dunenregistrement plusrapide
Adaptez la longueurde vos champs auxinformations quilsdoivent contenir >courts pour desinformationscourtes
Alignezverticalement voschamps pour
faciliter la lectureet le remplissage
-
7/31/2019 UX Et Conversion Ecommerce
92/114
92ALTICS | 04 72 76 94 00 | [email protected]
Amliorez votre tunnel dachat> Livraison / Paiement
> Mauvaises pratiques
> Bonnes pratiques
Une page paiement qui gagnerait tre plus exhaustive
-
-
7/31/2019 UX Et Conversion Ecommerce
93/114
93
-
Des moyens depaiementslimits quirestreignentvotre cible >Mme si 83%*seffectuent par
CB nexcluez pasles 20 % restant
Une absence des
lments deconfiance tout aulong du tunneldachat qui peuttre sourcedabandons
* Baromtre Fevad Mai 2010
Raliser un auditet des recommandations e-Commerce
http://www.altics.fr/ -
7/31/2019 UX Et Conversion Ecommerce
94/114
Quelles pages vous font perdre des ventes ?
Quels sont les freins lachat ?
Que devez vous mettre en place rapidement ?
Contactez-nousTl: 04 72 76 94 00
Des services restrictifs -
-
7/31/2019 UX Et Conversion Ecommerce
95/114
Pas de livraisonpossible en pointrelais
95
Un paiementuniquement en cartebancaire est disponible
-
7/31/2019 UX Et Conversion Ecommerce
96/114
96ALTICS | 04 72 76 94 00 | [email protected]
Amliorez votre tunnel dachat> Livraison / Paiement
> Mauvaises pratiques
> Bonnes pratiques
-
7/31/2019 UX Et Conversion Ecommerce
97/114
Donnez la libert de choisir la livraison+
-
7/31/2019 UX Et Conversion Ecommerce
98/114
98
Proposez diffrents modes delivraison pour laisser le choix duprix et de lacheminement vose-shoppeurs > Le relais colis restele 2me mode de livraison choisit
plus de 50% (un chiffre en constantevolution) tandis que la livraison domicile tend rgresser *
Affichez vos lments deconfiance tout au long dutunnel dachat
* Baromtre Fevad 2011
Raliser un auditet des recommandations Webanalytics
http://www.altics.fr/ -
7/31/2019 UX Et Conversion Ecommerce
99/114
Contactez-nousTl: 04 72 76 94 00
Quelles sont les pages o vous perdez des ventes ?
D'o proviennent les visiteurs qui ajoutent au panier ?
Quels sont les segments de visiteurs les plus rentables ?
+Check out : Donnez du choix dans la livraison et le paiement
-
7/31/2019 UX Et Conversion Ecommerce
100/114
100
Proposez divers modesde paiement et surtoutles plus utiliss
+
Multipliez les possibilits delivraison > Relais colis et domicilesont celles qui rpondent le plusaux attentes
Multipliez les possibilits delivraison > Relais colis etdomicile sont celles quirpondent le plus auxattentes
+Ne vous contentez pas du paiement par CB
-
7/31/2019 UX Et Conversion Ecommerce
101/114
101
Proposez diffrents modes depaiement, ne restreignez pas votrecible (paypal, chque) > Paypal le2me mode de paiement choisit aprs la CB*
* Baromtre Fevad mai 2010
Proposez diffrents modes depaiement, ne restreignez pas votrecible (paypal, chque) > Paypal le2me mode de paiement choisit aprs la CB*
Tunnel dachat > Les bonnes pratiques
-
7/31/2019 UX Et Conversion Ecommerce
102/114
102
1. Affichez vos lments de confiance tout au long de la commande
2. Faites simple pour diriger au plus vite vers le tunnel dachat
3. Intgrez les modes de livraison & frais de port ds le panier
4. Facilitez lidentification !
5. Prfrez une gestion des erreurs la vole dans le formulaire
6. Proposez du choix dans les modes de livraison et de paiement
-
7/31/2019 UX Et Conversion Ecommerce
103/114
Conclusion
ALTICS | 04 72 76 94 00 | [email protected] 103
Les bonnes pratiques du parcours dachat
-
7/31/2019 UX Et Conversion Ecommerce
104/114
104
1. Affichez vos lments de confiance ds la page daccueil
2. Rendez visible votre offre, laccs au compte et le panier
3. Optez pour une structure ar et gagnez en visibilit
4. Facilitez la recherche produit avec des filtres et des propositions de tri
5. Offrez des visuels de qualit, diffrent et contextualis
6. Indiquez le dlai dexpdition pour la rassurance
7. Intgrez vos frais de port et modes de livraison dans le panier
8. Facilitez linscription : gestion des erreurs dans le formulaire
9. Diversifiez les modes de livraison et de paiement
10.Affichez vos lments de confiance tout au long du tunnel dachat
-
7/31/2019 UX Et Conversion Ecommerce
105/114
105
Annexes
105ALTICS | 04 72 76 94 00 | [email protected]
Prsentation ALTICS
105
-
7/31/2019 UX Et Conversion Ecommerce
106/114
www.altics.fr
ALTICS > Agence conseil e-commerce
Augmentez votre Chiffre daffaires e-commerce !
-
7/31/2019 UX Et Conversion Ecommerce
107/114
La recette Altics
-
7/31/2019 UX Et Conversion Ecommerce
108/114
+ de VENTES + de MARGE + de CONVERSION
Altics analyse les attentes et les comportements
-
7/31/2019 UX Et Conversion Ecommerce
109/114
> Etudes qualitatives ou quantitatives> Etudes en laboratoires ou distance
> Audit et suivi WebAnalytics
Nos laboratoires de tests sont quips
Eye-tracking et glace sans tain
puis renforce votre performance e-commerce
-
7/31/2019 UX Et Conversion Ecommerce
110/114
Altics optimise votre e-Merchandising en lien avec vos lieux de vente traditionnels
> Audit e-commerce
> Conception & Refonte> Amlioration continue
pour plus de Chiffre daffaires au quotidien
-
7/31/2019 UX Et Conversion Ecommerce
111/114
Nos rfrences
-
7/31/2019 UX Et Conversion Ecommerce
112/114
Nos diffrences
-
7/31/2019 UX Et Conversion Ecommerce
113/114
100 % rsultats+ 30% de CA, +15% de conversion,
*2 taux de clic
100 % eCommerce100 clients satisfaits depuis 2005
Retrouvez toutes nos rfrences sur www.altics.fr
20 livres blancs eCommerceTlchargs 20 000 fois en 3 ans
Labos Eye tracking5000 testeurs reus en 6 ans
-
7/31/2019 UX Et Conversion Ecommerce
114/114
A votre coute :
Olivier Marx | Directeur
T 04 72 76 94 00 | [email protected]