Analyse des comportements sur les sites e-commerce

Jeudi 26 Septembre

SOMMAIRE

1. Des chiffres !2. La page d’accueil : ce que vous affichez vs. ce

que les internautes voient ?3. Comment les internautes découvrent une fiche

produit ?4. Et sur smartphone ?

– 5 mythes sur la conception mobile

SOMMAIRE

1. Des chiffres !

2. La page d’accueil : ce que vous affichez vs. ce que les internautes voient ?

3. Comment les internautes découvrent une fiche produit ?

4. Et sur smartphone ?– 5 mythes sur la conception mobile

Le e-commerce en France

Le e-commerce – 45 milliards d’€– 30 millions de consommateurs

Le e & le m-commerce en France

Le m-commerce en France– 2,2 milliards d’€ – 4,3 millions de consommateurs– 7% de présence– En 2013 : 20% d’achat mobile

Les Usages du shopper

Devices multiples– 55% des français achètent + de 2 devices – 20% des français sont ultra-connectésAbandon du panier– 60% à 65% d'abandonBesoins et exigences du shopper– 78% veulent moins de 2 clicsConfiance– 85% craignent le piratage de compte

Pour récapituler

88% se sont renseignés

sur internet avant un achat

25% des possesseurs de

mobiles ont acheté sur

mobile

20% du total des consommateurs achèteront via leur smartphone

55% des français utilisent + de 2 devices

20% des français sont ultra-connectés

60% à 65% d'abandon

78% veulent le contenu désiré en moins de 2 clics

78% veulent une barre de recherche facilement utilisable

69% veulent de plus gros boutons

Le moment de solitude…

Trop de chiffres !– OÙ ?– QUOI ?– COMMENT ?

La pression liée au business… Tout va très vite !

Et si nous prenions la question à l’envers?

SOMMAIRE

1. Des chiffres !2. La page d’accueil : ce que vous affichez vs.

ce que les internautes voient ?

3. Comment les internautes découvrent une fiche produit ?

4. Et sur smartphone ?– 5 mythes sur la conception mobile

ETAPE 1 : PAS DE STRUCTURE FIXE

L’internaute découvre les multiples structures

ÉTAPE 2 : UNE Navigation HORIZONTALE

Ex: La FNAC

L’internaute s’attend à avoir ce type de menu

ÉTAPE 3 : UNE Navigation HORIZONTALE

Ex: La FNAC

L’internaute sait qu’il peut tout trouver ici

Etape 4 : Un Carrousel automatique

Ex: Virgin Mega

L’internaute sait qu’il y a des infos cachées

Etape 5 : Le Header

Ex: La FNAC

Où qu’il soit, l’internaute sait que Panier, Compte, et Moteur de recherche sont là

Etape 6 : Le Contenu du corps de page

Ex: La FNAC

L’internaute voit beaucoup de choses !

Etape 7 : Le FOOTER

Ex: La FNAC

Où qu’il soit, l’internaute retrouvera les éléments de réassurance là

Une étude valtech

Etude eye-tracking5 catégories, 10 sites42 participantsÂge moyen : 32 ans

Les pages d’accueil testéesPièce automobileVins/Spiritueux

Beauté/Cosmétique

Mode/Habillement

B2B : fournitures bureau

Bruneau Office dépôt Millesima Nicolas Oscaro Mister Auto

Clarins Yves Rocher Galerie Lafayette Comptoir des cotonniers

Observations

Pattern de découverte : pas de lecture en zParcours visuel très hétérogène

1 2

3 4

5 6

7 8

9 10

10,52s

22,29s

32,79s

44,77s

56,12s

67%

100%

83%

Catégories de produits peu mises en évidence

10,52s

21,14s

33,01s

43,49s

54,79s

100%

95%

90%

L’attention des utilisateurs est monopolisée par l’utilisation excessive de visages humains

À retenir

Trop d’éléments à intégrerUn pattern existeDoit-on suivre le Pattern de la page d’accueil ?Doit-on suivre toutes les guidelines ?

SOMMAIRE

1. Des chiffres !2. La page d’accueil : ce que vous affichez vs. ce

que les internautes voient ?3. Comment les internautes découvrent une

fiche produit ?

4. Et sur smartphone ?– 5 mythes sur la conception mobile

Des résultats d’une Étude valtech

Deux fiches produit (Bureautique)

10,27s

21,28s

32,30s

45,47s

58,12s90%

90%

68,62s

65%

75%

10,35s2

1,31s

31,62s 4

2,17s

53,07s

63,66s

87%

50%

73,98s

94% 28%

Deux fiches produit (habillement)

10,88s

21,39s

31,93s

42,19s 5

3,29s

95%

64,12s

70%65%

70%

10,51s

20,65s

31,82s

42,02s

52,20s

64,37s

83%

44%

89%72%

À retenir

Des principes basiques ...– Descriptif + Prix + Call-to-action– Navigation– Visuels

... pas forcément respectés, parfois au détriment de l’expérience utilisateur

Des guidelines en veux-tu en voilà !

Trop de guidelines tuent la guideline

Une infographie

21 guidelinesAutant de règles à appliquer ?

http://nathaliescottux.wordpress.com/2013/03/01/reflexions-sur-les-bonnes-pratiques-qui-rendent-une-fiche-produit-plus-efficace-invesp/

Prenons un peu de recul

Des guidelines À ADAPTER

POLICE « user friendly » ?

NAVIGATION « user friendly » ?

Photos, zooms, vidéos ?

Livraison gratuite ?

Imprimer la fiche produit ?

Des guidelines À ADAPTER

Les guidelines sont souvent génériques

Elles ne tiennent pas compte du type de produit vendu

Elles ne tiennent pas compte de la « saisonnalité » du processus de vente

Elles sont peu souvent priorisées

Elles ne donnent pas d’alternative !

Guidelines Valtech

A partir des résultats de nos études4 catégories de guidelines– Présentation du produit– Informations impactant la marque– Fonctionnalités liées au produit– Infos transverses

Guidelines Valtech

3 dimensions par guidelines– Niveau de criticité– Typologie de produits concernés– Saisonnalité

Ex : Présentation du produit

Le e-commerce & le m-commerce en France

SOMMAIRE

1. Des chiffres !2. La page d’accueil : ce que vous affichez vs. ce

que les internautes voient ?3. Comment les internautes découvrent une fiche

produit ?4. Et sur smartphone ?

5 mythes sur la conception mobile

VALTECH EN QUELQUES MOTS

We are global and always on.

VALTECH EN QUELQUES MOTS

VALTECH EN QUELQUES MOTS

VOS QUESTIONS ?

Noëlly Grondin-DevoucheErgonome Seniornoelly.grondin@valtech.frMobile: +33 (0)6 32 00 31 63

Lisa BabinErgonomelisa.babin@valtech.frMobile: +33 (0)7 86 32 28 67

Valtech103 rue de Grenelle75 007 Pariswww.valtech.frStandard : +33 (0)1 76 21 15 00

RÉFÉRENCES

3 Key points about mobile advertising you should know in 2013 (2012, SMART)http://frenchweb.fr/infographie-le-trafic-mobile-francais-multiplie-par-26-en-2012/101825 Le e-commerce en France (2013 Kangourouge, sources Fevad) http://www.kangourouge.com/infographie-le-e-commerce-en-france Augmented retail Baromètre de l’expérience marchande connectée 2013 (2013 DIGITAS)http://fr.slideshare.net/Digitas_fr/baromtre-de-lexperience-marchande-connecte-2013 What influences a purchase decision (2013 Big commerce) http://www.info-ecommerce.fr/7346/quels-sont-les-facteurs-qui-influencent-un-achat-en-ligne Les chiffres du mobile en 2013 (2013 Slidecare) http://fr.slideshare.net/agencecare/slidecare-2-les-chiffres-du-mobile-en-2013 (Source CNIL)

RÉFÉRENCES

State of media democracy 2013 (2013 Deloitte) http://www.tablette-tactile.net/etudes/infographie-20-des-francais-ultra-connectes-tablette-smartphone-pc-141695/ What do users want ? (2013) http://frenchweb.fr/infographie-les-best-practices-pour-le-design-dun-site-mobile/110175 Baromètre 2013 de la confiance des français dans le numérique (2013 Idate) http://frenchweb.fr/31-des-internautes-francais-livrent-volontairement-de-fausses-informations-pour-proteger-leurs-donnees/121244Vente à distance et e-commerce aux particuliers (Edition 2012, Fevad) http://www.fevad.com/uploads/files/Etudes/chiffrescles/chiffres_cles2012.pdf Portraits des consommateurs cross canal de 2013 (2013 Experian Marketing Services)http://fr.slideshare.net/ShamirRamjan/experian-consommateurscrosscanal2013

US mobile commerce sales (2013 Invesp) http://www.invesp.com/blog/ecommerce/us-mobile-commerce.html