ux et conversion ecommerce

Upload: serge-esteves

Post on 04-Apr-2018

221 views

Category:

Documents


0 download

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

    [email protected]

    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

    [email protected]

    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

    [email protected]

    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

    [email protected]

    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

    [email protected]

    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

    [email protected]

    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]