Dans une période bouleversée par la crise sanitaire, où le shopping sans contact et la vente à distance deviennent incontournables, le mobile - site et application - s’impose comme le canal en plus forte croissance chez les retailers, pure players et acteurs traditionnels, et même le pilier majeur de leurs stratégies omnicanales. Afin de répondre aux enjeux de rapidité, de simplicité et de personnalisation propres au mobile et attendus par les utilisateurs à chacun des micro-moments, il est essentiel d’optimiser les parcours d’achat et de concevoir des interfaces pensées pour cet écran pas tout à fait comme les autres... Au menu de cette étude de près de 150 slides : + L’expérience e-commerce mobile : trafic & conversion, capteurs, gestures, formats verticaux & relation de proximité + Le parcours e-commerce mobile : best practices UX-UI à toutes les étapes du parcours d’achat, de l’inspiration à la gestion de la fidélité en passant par la navigation, les facteurs décisionnels ou le panier, alimentées de la vision de nos experts + Les enjeux e-commerce mobile : nos conseils aux retailers pour une UX inclusive, responsable, incarnée par le design et servie par la tech En téléchargement gratuit par ici : http://bit.ly/Retail5-Slideshare Bonne lecture !

1. Retail Mobile
Interfaces

2. N’HÉSITEZ PAS À PASSER
SLIDESHARE EN PLEIN ÉCRAN POUR
UNE LECTURE PLUS CONFORTABLE
(MOINS PIXELLISÉE)
Bonne lecture !

3. A l'heure où les magasins sont en partie fermés
et où les enceintes vocales n'ont pas encore trouvé
la bonne manière de présenter une liste de produits,
le mobile - site ou application - s'impose comme
le canal en plus forte croissance chez la majorité
des retailers.
Cette étude a pour objectif de vous donner
les clés pour optimiser votre expérience
de commerce mobile et répondre aux enjeux
d'un écran pas tout à fait comme les autres.
3
Retail
Mobile
Interfaces
2021
Les interfaces de m-commerce en 2021
01
L’expérience e-commerce mobile
Les basiques du commerce
sur mobile
‣ Slide 3
02
Le parcours e-commerce mobile
Les bonnes pratiques tout
au long du parcours shopper
‣ Slide 15
03
Les enjeux e-commerce mobile
Les enjeux / chantiers
des retailers
‣ Slide 122

4. CECI EST UN EXTRAIT DE L’ÉTUDE
POUR ACCÉDER À LA VERSION COMPLÈTE
GRATUITEMENT, RENDEZ-VOUS ICI
TÉLÉCHARGER
Bonne lecture !

5. 5
L’expérience
e-commerce mobile
RETROUVEZ GRATUITEMENT
L’INTÉGRALITÉ DE CETTE PARTIE ICI
TÉLÉCHARGER

6. Mobile commerce first
55%
du trafic sur les sites
e-commerce
au niveau mondial
provient du mobile
67,2%
des parts des ventes
au niveau mondial
dans l’e-commerce
se font sur mobile
6
L’expérience
e-commerce
mobile
Source : ContentSquare - Digital Experience Benchmark 2020

7. (Infinite) Scroll. Swipe. Pinch. Pic(k). Scan.
Des gestures devenues naturelles
7
L’expérience
e-commerce
mobile
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

8. 8
Le parcours
e-commerce mobile
PLUS DE 100 SLIDES DE BEST PRACTICES
EN TÉLÉCHARGEMENT GRATUIT PAR ICI
TÉLÉCHARGER

9. &
Les acteurs étudiés
Le
parcours
e-commerce
mobile
9
WEB APP

10. 01 Faire découvrir
& inspirer
10
Le
parcours
e-commerce
mobile

11. APP
11
Donner du sens et provoquer la connexion
APP
01
|
Faire
découvrir
&
Inspirer
Présenter les avantages et services associés à la géolocalisation, aux push notifications et autres collectes
de données : personnaliser l’expérience, apporter du conseil, réconcilier les parcours cross-devices

12. APP
12
Donner du sens et provoquer la connexion
Présenter les avantages et services associés à la géolocalisation, aux push notifications et autres collectes
de données : personnaliser l’expérience, apporter du conseil, réconcilier les parcours cross-devices
01
|
Faire
découvrir
&
Inspirer
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

13. Accueil
Home sweet home.
Onboarding
Faire découvrir & inspirer
Inspirations
13
01
Le
parcours
e-commerce
mobile
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

14. Un accueil personnalisé
Soigner l’arrivée et tisser une relation de proximité
14
01
|
Faire
découvrir
&
Inspirer
APP
APP APP
La personnalisation de l’expérience
sur mobile est non seulement
attendue et appréciée par les
utilisateurs, qui sont prêts à livrer
leur data pour davantage de
reconnaissance ou de suggestions
personnalisées ; mais elle est aussi un
formidable levier de conversion pour
les e-commerçants. La
personnalisation permet de nouer
une relation client plus intime, de
créer une véritable conversation et
elle booste naturellement la
fidélisation.
Delphine Jamain, Directrice Conseil
USERADGENTS
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

15. WEB
Une pré-home pour choisir son univers et être guidé plus rapidement dans le catalogue
APP
WEB WEB
Orientation et segmentation en home
15
01
|
Faire
découvrir
&
Inspirer
APP
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

16. Des suggestions et recommandations personnalisées
Personnaliser le contenu à partir des préférences ou de l’historique d’achat ou de navigation des “returning visitors”
16
WEB
WEB WEB APP
APP
01
|
Faire
découvrir
&
Inspirer

17. 17
02 Guider
Le
parcours
e-commerce
mobile

18. Un menu plus visuel, plus fonctionnel et plus riche
Présentation des gammes, collections, services et animation commerciale
18
02
|
Guider
WEB APP
WEB APP
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

19. Un menu éclaté et redistribué
En onglets ou tabbar, des structures repensées pour présenter les différentes facettes du catalogue produit
19
02
|
Guider
APP
APP

20. Sélection
Triée sur le volet.
Navigation
Guider
Recherche
20
02
Le
parcours
e-commerce
mobile
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

21. Des pages listes produits enrichies
21
APP
Intégration des informations clés sur le produit et des actions essentielles
WEB WEB
Mise en avant de fonctionnalités
exclusives (personnalisation) et de
modèles spécifiques (grandes tailles)
02
|
Guider
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

22. 22
03 Conseiller
& convaincre
Le
parcours
e-commerce
mobile

23. La réalité augmentée pour tester
23
APP
APP
Afin de profiter pleinement des
fonctionnalités offertes par les
smartphones et pour mieux guider
l'achat, nous avons introduit la
réalité augmentée dans l'application
Boulanger qui permet aux
consommateurs de visualiser
l'encombrement des équipements
électroménagers et multimédia dans
leur propre intérieur.
Vincent Pillet - Directeur de
l’Expérience Client USERADGENTS
03
|
Conseiller
&
convaincre
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

24. Un modèle personnalisé pour s’identifier
24
APP
Yoox Mirror :
essayage sur
un avatar
personnalisé.
SeeMyFit : visualiser des vêtements sur un
mannequin dont la morphologie correspond à
celle de l’utilisateur.
APP
03
|
Conseiller
&
convaincre

25. 25
04 Rassurer lors
de l’achat
Le
parcours
e-commerce
mobile

26. 26
De la mise au panier au choix des modes de
paiement, en passant par la sélection du
mode de livraison, l’étape d’achat est
particulièrement cruciale dans le parcours.
Un doute, une information manquante, et
c’est l’abandon… Un bouton mal placé, un
wording ambigu et c’est votre taux
conversion qui est directement impacté.
Cette étape se doit donc d’être claire &
ordonnée, fluide & flexible, transparente &
sécurisante et surtout engageante pour
éviter les fuites et les abandons panier.
04 Rassurer lors de l’achat
*Source : OpinionWay - Les Français et le commerce sur mobile, janvier 2021
Le panier constitue le début du
chemin vers l’achat. On doit éviter à
cette étape toutes les sources de
distractions (en coupant les portes
de sorties), et y retrouver aussi tous
les leviers de décision d’achat
discriminants tels que les stocks,
délais et frais estimatifs de livraison,
politique de retour, et autres
éléments de réassurance classique.
Ingrid Thonet - Directrice UX et
Service Design USERADGENTS
Le
parcours
e-commerce
mobile
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

27. Un panier qui ne demande qu’à être rempli
27
APP
APP APP
Incitation à parcourir les rayons, rappel des modalités de commande, sélection, réassurance sur les conditions de retour
APP
04
|
Rassurer
lors
de
l’achat

28. 28
Livraison
Sans pression.
Panier
Rassurer lors de l’achat
Paiement
Connexion
04
Le
parcours
e-commerce
mobile

29. Modes de livraison variés, calcul des coûts en live, enregistrement des adresses déjà utilisées...
Des conditions limpides pour choix éclairé
29
APP
APP
WEB APP
04
|
Rassurer
lors
de
l’achat
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

30. 30
Paiement
Le temps c’est de l’argent.
Panier
Rassurer lors de l’achat
Livraison
Connexion
04
Le
parcours
e-commerce
mobile
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

31. Offrir un maximum de choix
31
WEB
WEB APP
04
|
Rassurer
lors
de
l’achat

32. 32
05 Accompagner
après l’achat
Le
parcours
e-commerce
mobile

33. La livraison ou le retrait à la carte
Du choix du créneau de livraison au retrait en point de vente
APP
QR Code à scanner par un
vendeur pour faciliter la collecte
de l’article en magasin
APP
05
|
Accompagner
après
l’achat

34. Des canaux de communication mobile first
Chat communautaires, chatbots, WhatsApp, visio conseiller...
34
APP
APP
APP
D’après une étude Mckinsey, en
2018, 75 % des acheteurs en
ligne s’attendent à ce qu’on
réponde à leur question dans
les 5 minutes !
05
|
Accompagner
après
l’achat
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

35. Chat communautaires, chatbots, WhatsApp, visio conseiller...
Des canaux de communication mobile first
35
WEB
APP
Prise de contact possible
avec la force de vente
en chat ou en visio
05
|
Accompagner
après
l’achat

36. Une aide plus guidée
36
WEB
WEB
La barre de
recherche produits
peut aussi être
utilisée pour
demander de l’aide
APP
05
|
Accompagner
après
l’achat

37. 37
06 Engager
& fidéliser
Le
parcours
e-commerce
mobile

38. Des envies à partager
38
APP APP
Tout screenshot est détecté
et génère un feedback pour
partager le produit
06
|
Engager
&
fidéliser
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

39. 39
Omnicanalité
Laisser libre cours aux parcours.
Wishlist & Alertes
Engager & fidéliser
Programme de fidélité
06
Le
parcours
e-commerce
mobile

40. Le lien entre l’e-commerce et le point de vente
40
APP
APP
L’un des enjeux clés de l’application
franprix a été de remettre le point de vente
au centre, en s’appuyant à la fois sur le
réseau de magasins en centre ville de
l’enseigne et son offre digitale nouvelle
génération. Une omnicanalité
fondamentale pour combler le fameux
dernier kilomètre.
Ornella Moretti - Chef de projet
USERADGENTS
06
|
Engager
&
fidéliser
ACCÉDEZ À L’INTÉGRALITÉ DE L’ÉTUDE
EN TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

41. 41
Les enjeux e-commerce
mobile
CETTE PARTIE N’EST DISPONIBLE QU’EN
TÉLÉCHARGEMENT GRATUIT
SUR NOTRE SITE !
TÉLÉCHARGER

42. 42
Pour aller plus loin...

43. Pour aller plus loin.
43
Retrouvez les 4 premiers volets de notre série d’études dédiée au retail.

44. Pour aller plus loin.
44
Useradgents accompagne les entreprises
dans la conception, le design et le
développement d’architectures & d’interfaces
de commerce unifié avec une approche
mobile-first, centrée sur l’utilisateur, à la
recherche de l’optimisation de l'expérience
omnicanale.
Notre expertise Notre conférence
Vous souhaitez organiser une conférence sur
le sujet dans votre entreprise ? Nous pouvons
intervenir sur le sujet pour acculturer vos
équipes et les faire réfléchir aux enjeux les
concernant. Nous proposons également des
ateliers d’idéation sur-mesure.

45. 45
Mobile First & User Centric
Depuis plus de 10 ans, USERADGENTS, l'agence digitale
mobile first du groupe HighCo, accompagne les
entreprises dans le design et le développement de
services digitaux sur-mesure : applications mobiles,
sites web, chat & voice bots, expériences AR & VR,
dispositifs in-store.
+ 12 ans
+ 60 experts
+ 35 awards
Besoin d’accompagnement pour votre prochain projet digital ? Contactez-nous

46. 46
Merci !
8 rue de la Rochefoucauld - 75009 Paris - 01 77 75 65 90
www.useradgents.com
Marie Billon
Responsable du pôle Trendwatchers
m.billon@useradgents.com
Marion Griesemann
Chargée de Communication
m.griesemann@useradgents.com
Séverine Dumont
Directrice Conseil
s.dumont@useradgents.com
Delphine Jamain
Directrice Conseil
d.jamain@useradgents.com
Ingrid Thonet
Directrice du pôle UX & Service Design
i.thonet@useradgents.com