33
SITES MOBILES VS. APPLICATIONS DISPOSITIFS & BEST PRACTICES DE LEADERS DU E-COMMERCE QUATREPOINTZERO • AGENCE DU GROUPE EXPERTIME WWW.QUATREPOINTZERO.COM M-COMMERCE

Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

SiteS mobileSvS. applicationS

diSpoSitifS & beSt practiceSde leaderS du e-commerce

QUATREPOINTZERO • AGENCE DU GROUPE EXPERTIME

WWW.QUATREPOINTZERO.COM

M-COMMERCE

Page 2: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

04 24 28 50

INTRODUCTION CRITÈRE D’ÉTUDE& SITES/APPLICATIONS ANALYSÉS

AnAlyseDES SITES MObILES& APPLICATIONSDES LEADERSDU M-COMMERCE

CONCLUSION

Page 3: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

INTRODUCTION01 Les freins à l’achat sur mobile

02 Principaux usages du M-Commerce

03 Site mobile ou application ?

04 Les chiffres qui doivent

vous décider à faire le pas

.................................... p.09

.................. p.10

........................................ p.14

........................................... p.20

Page 4: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

06

Le marché du e-commerce sur mobile (smartphone), aussi appelé m-commerce, est aujourd’hui en plein essor. En 2012, on compte en France plus de 19 millions de smartphones en circulation, avec sur chacun de ces smartphones une moyenne de 24 applications installées (dont beau-coup pré-installées) (1)

Ce livre blanc a pour but de recenser les best practices du e-commerce mobile en analysant de façon comparée les sites mo-biles et applications de leaders du e-com-merce. Nous étudierons suivant une liste de critères les points forts et les points faibles des solutions proposées au client pour l’achat en ligne depuis un périphérique mobile.La mobilité au filtre des tablettes et du responsive design fera l’objet d’une analyse spécifique lors d’une prochaine étude.

1 - http://www.siweo.fr/actualit%C3%A9s/detail/les-utilisateurs-d-andro%C3%AFd-installent-en-moyenne-24-apps-sur-leur-terminal

07

• En Europe, une transaction a lieu toute les 15 secondes sur mobiles. (1)

• PayPal indique que ses ventes depuis smartphone et tablette ont augmenté de 195% au 1er trimestre 2012 par rapport à la même période de l’année précédente. (2)

• Entre 2011 et 2012, l’augmentation de la fréquentation d’un site depuis un smartphone est de 103%.

• En 2012, les français ont acheté pour 2,2 milliards d’euros depuis un smartphone et/ou tablette.

Ce sera 5 milliards en 2015 pour représenter 7% de l’e-commerce. (3)

• 40,5% des gens utilisent leurs smartphones pour comparer les prix et 28% pour se renseigner sur un magasin.

• Il ne faut pas uniquement développer la plateforme d’achat mais aussi l’accès à l’information permettant d’acheter en boutique physique.

QUELQUES CHIFFRES

AIDE À LA DÉCISION (5)

37%

34%

35%

33%

35%

33%

26%

LE SHOPPING SUR SMARTPHONE ... (4)

PRENDRE EN PHOTO LE PRODUIT

CHERCHER UN MAGASIN

RECHERCHER UN PRODUIT & SON PRIx

ENVOYER LA PHOTO D’UN PRODUIT

CHERCHER UN PRODUIT EN MAGASIN

DEMANDER CONSEIL à SES AMIS

ACHETER

1 - http://lecercle.lesechos.fr/entreprises-marches/high-tech-medias/mobilite/221145640/transaction-mobile-15-secondes-europe2 - http://www.zdnet.fr/actualites/m-commerce-le-decollage-semble-bien-avoir-eu-lieu-39786524.htm 3 - http://www.journaldunet.com/ebusiness/commerce/marche-du-m-commerce-1112.shtml4 - http://blog.juliepirio.com/infographie-le-role-du-smartphone-dans-le-e-commerce5 - http://www.zdnet.fr/actualites/le-m-commerce-pourrait-representer-plus-de-2-milliards-d-euros-cette-annee-en-france-39771959.htm

Page 5: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

08 09

Quels sont les facteurs qui peuvent mettre en péril un achatdepuis un mobile et comment y remédier ?Ce livre blanc a pour but de répondre à cette question via divers exemples.

Freins à l’achat sur mobile

• Pénurie de site optimisés = Frustration.(1) La France est particulièrement en retard sur ce point : 18% des entreprises françaises avaient en 2011 un site adapté pour les mobiles alors qu’au Royaume-Uni, elles sont 50%. (2)

• Protection des informations personnelles et la sécurité : - Une appréhension à communiquer son numéro de carte bancaire

depuis un terminal mobile. Mais cela va s’améliorer avec le temps comme c’est le cas pour l’e-commerce.

- On estime que 83% des Français sont prêts à adopter l’achat depuis un mobile, à la condition que le niveau de sécurité garantisse la protection de leurs coordonnées bancaires. (3)

• Problème de connexion et de lenteur due au réseau mobile. L’arrivée de la 4G pourra potentiellement y remédier.

01 LES FREINS À L’ACHAT SUR MObILE

1 - http://www.zdnet.fr/actualites/m-commerce-quels-sont-les-freins-39773139.htm2 - http://www.zdnet.fr/actualites/le-m-commerce-pourrait-representer-plus-de-2-milliards-d-euros-cette-annee-en-france-39771959.htm 3 - http://www.usinenouvelle.com/article/la-france-bientot-3e-pays-europeen-pour-le-m-commerce.N178930

Page 6: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

01

PRINCIPAUX USAGESDU M-COMMERCE

02

11

Un site mobile ou une application n’est pas seulement utilisé pour acheter. Le support proposé à l’utilisateur doit le suivre tout au long du processus d’achat qui commence par une phase de découverte, puis de réflexion, enfin une phase d’achat et ensuite une phase de fidélisation.

Page 7: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

12

Comparerles prixen magasin

DÉCOUvERTE RÉFLExION01 02

Trouver un magasin,Horaires,Plan,Numéro de téléphone, (…)

Connexion 24/7Notification push

Lier le panier avec celui du site desktop et même physique

Mise en avant de produit, commentairesde clients, formulairede contact, fonction d’appel rapide

Fonctionde rechercheperformante

Scanner des QR codesur des publicitésdans la rue ou dansdes magazines

Cibler les clients en fonction du contexte :Utiliser lesinformationsrécoltées dans la phasede découverte

13

Intégrationdes réseaux sociaux : « Partager son achat »

ACHAT FIDÉLISATION03 04

Possibilitéde suivre la livraison

Proposerdes offresde réductions

Donner confiance à l’utilisateur sur la sécurité de ces données personnelleset bancaires

Fonctionnalité« One-click »pour achat rapide

Utiliserl’application comme cartede fidélité

NotificationsPush

Intégrer l’application dans le magasin :Scanner les codes-barres pour ajouter au panierde l’application,coupons de réduction,Payer avec ?

Page 8: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

01

SITE MObILEOU APPLICATION ?

03

15

Le choix entre une application ou un site mobile dépend des fonctionnalités attendues, du type de service que l’on cherche à fournir et du budget.

Page 9: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

16

SITE MObILE APPLICATION MObILE

PERFORMANCE

FACilité d’ACCès

COût dEdEvElOPPEMENt

17

MAiNtENANCE

APP stORE iNtERACtivité

Pas necessaire Disponible

GPS

HTTP

GPS

NFC

NOTIFICATIONPUSH

MISE à jOURTRANSPARENTE

STOCKAGELOCAL

QRCODE

DISPONIbLEHORS LIGNE

PHOTO

Page 10: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

18

SITE MObILE

• Accès via navigateur : - Navigation statique - Connexion permanente nécessaire - Fonctionnalités limitées

• Un site pour toutes les plateformes : - Cout de développement plus faible. - Site quasiment identique quelle que soit la plateforme

• Plus facile d’accès : - Accessible directement depuis le moteur de recherche - Pas de téléchargement nécessaire - Pas de processus de validation par les apps stores

• Mise à jour transparente pour l’utilisateur

... EN RÉSUMÉ

vs. 19

APPLICATION

• Nécessité de rechercher, télécharger et installer l’application (et mettre à jour) : - Mais présence dans les résultats de recherche des apps stores - Validation par les apps stores (pour iOS et Windows Phone)

• Interface Client interactive : Accès à toutes les fonctionnalités de l’appareil : - Disponible hors-ligne - Stockage local. Accès aux contacts, photos, … - GPS - Appareil photo : QR Code - NFC (1)

- Notification Push - Plus rapide - Pus stable

• Coût de développement plus important

1 - http://fr.wikipedia.org/wiki/Communication_en_champ_proche

Page 11: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

01

LES ChIffRES QUI DOIvENT vOUS DÉCIDER

à fAIRE LE PAS

04

21

En 2014, Internet sera plus utilisé sur mobile que sur ordinateur.

Page 12: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

22

1 - http://tag.microsoft.com/community/blog/t/the_growth_of_mobile_marketing_and_tagging.aspx2 - http://fr.slideshare.net/Gomez_Inc/2011-mobile-survey-what-users-want-from-mobile3 - http://www.gstatic.com/ads/research/en/2011_TheMobileMovement.pdf

votre magasin 24/7dans la pochede vos clients !

Des recherches locales sont réalisées depuis un mobile.

Des mobinautes utilisentleurs mobiles devant

la télévision. (1)

Des utilisateurs ne vontpas attendre plus de 5 secondes

qu’une page se charge.

2014 INTERNET SERA PLUS UTILISéSUR MObILE QUE SUR ORDINATEUR.

74%86%25%

23

46%

57%

70%

82%

Des mobinautes se tournent vers un site concurrent après une mauvaise expérience mobile. (2)

Ne recommanderont pas une marque après une mauvaise expérience mobile.

Des gens utilisent leur mobile dans un magasin.

Des mobinautes vérifientet répondent à leurs emails depuis leurs mobiles. (3)

40% 35% 20%

de la MOitiédes recherches

sur mobile mènent

à un AChAt

En magasin En ligne Sur Mobile

Page 13: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

Critères d’études& sites analysés

Page 14: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

26

ETUDE RéALISéE à L’AIDED’UN NExUS 4 SOUS ANDROID 4.2.2

46% des mobinautes se tournent vers un site concurrent après une mauvaise expérience mobile et 57% ne recommanderont pas cette marque. (1)

Il est donc très important d’offrir à l’utilisa-teur une expérience mobile idéale.

1 - http://www.nuwave-marketing.com/chiffres-m-commerce-2012-infographie/

27

DESIGN/ZONING = ERGONOMIE

• Taille des boutons : adaptée aux doigts.

• Taille des images : lisible.

•Gestion de l’orientation : portrait/paysage.

•Nombre de rubriques. Nombre d’étapes.

•Mise en avant du moteur de recherche : - Auto complétion - Visibilité

TUNNEL D’ACHAT

•Achat en tant qu’invité

• Fil d’Ariane. Guidage.

• Formulaire : - Gestion des erreurs avant envoi au serveur.

•Densité informationnelle

•Mise en confiance

•Rapidité et fluidité

•1-Click Shopping (1)

(mémorisation de la carte bancaire)

• Produits culturels, High tech - Amazon - Fnac - Rue du commerce

• Voyages - Voyages-sncf

• business model particulier - ebay - Groupon

01 CRITèRES D’ÉTUDES 02 CHOIx DESSITES ANALySÉS

1 - http://www.journaldunet.com/encyclopedie/definition/67/44/21/one-click_shopping.shtml2 - http://www.journaldunet.com/ebusiness/internet-mobile/m-commerce-en-france.shtml

Le mobile est surtout utilisé pour acheter des voyages et des biens culturels. (2)

Page 15: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

ANALYSE01 Amazon

02 Fnac

03 Rue du commerce

04 eBay

05 Groupon

06 Voyages-SNCF

07 Focus sur le tunnel d’achat

........................................................................................... p.30

................................................................................................... p.32

................................................................ p.34

.................................................................................................... p.36

......................................................................................... p.38

........................................................................... p.40

......................................... p.42

Page 16: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

30

• Design minimaliste. (pas de publicité, navigation

hiérarchique masquée par défaut, mise en avant de la recherche (auto complétion) et des recommandations,...)

• Proposition de télécharger l’application.

• Articles mis en avant : - Suivant l’historique de navigation si connecté à un compte Amazon. - D’une catégorie, par exemple les produits Kindle, si non connecté.

• Accès très rapide aux produits depuis les catégories.

• Pas réellement de structure dans la page. Pas de segmentation.

• Obligation de créer un compte Amazon.

• Importante densité informationnelle dans la liste des produits.

AMAZON SITE MObILE

31

• Design minimaliste

• Recherche toujours accessible depuis le haut de la page.

• Possibilité de scanner un code barre.

• L’utilisateur est obligé de sortir du tunnel d’achat pour créer son compte Amazon. Pas de possibilité d’achat en tant qu’invité.

• Une navigation difficile entre les produits. Un swipe gauche/droite pour passer d’un produit à l’autre par exemple.

• Lien pas toujours facilement cliquable.

• Très différente du site mobile.

Interface minimaliste et simple. Accès rapide aux fonctions de recherche et aux catégories.

Cohérence ergonomique entre l’application, le site mobile et le site desktop. Mais l’obligation de

créer un compte freine l’achat et les éléments cliquables sont trop petits.

AMAZON APPLICATION

Page 17: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

32

• Gros bouton de navigation / Zone cliquable étendue. Clic facile.Navigation toujours accessible en bas de page.

• Présentation de la liste des produits aérée et simple.

• Recherche accessible en haut de page.

• Panier - Mémorisé entre les visites même sans compte. - Accessible et gérable (suppression, validation…) partout.

• Localisation du téléphone pour proposer le produit dans le magasin le plus proche.

• Connexion et inscription - Sur le même écran - Contrôle des formulaires avant envoi.

• beaucoup de tooltip et de pop-in : évite un nouveau rechargement de page.

• Pas de personnalisation du clavier en fonction des champs.

• Pas de vérification des champs avant envoi des formulaires.

• L’utilisateur est obligé de sortir du tunnel d’achat pour créer son compte Fnac. Pas de possibilité d’achat en tant qu’invité.

FNAC SITE MObILE

33

• Interface à optimiser : - bouton petit et peu accessible - Pas de bouton de navigation

• Pas de disponibilité en magasin.

• Recherche : - (Peu pertinente) - Non accessible de partout

• Pas de tri dans la liste des produits.

• Plus lent que le site mobile

• Pas de personnalisation du clavier en fonction des champs.

• « Mot de passe oublié » non adapté au mobile.

Excellent site mobile mais application médiocre. Site mobile bien adapté aux écrans.

Gros boutons. Boutons d’accès rapide à la recherche et aux catégories.

Création de compte obligatoire.

FNAC APPLICATION

Page 18: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

34 • Menu latéral (style Facebook)

• Interface colorée

• Overlay explicatif

• Clavier adapté aux champs des formulaires.

• «Compléter avec un accessoire» lors de l’ajout d’un produit au panier.

• Possibilité de créer un compte «complet» ou «express».

• Contrôle des champs avant envoi au serveur.

• Picto pas forcement compréhensible

• Problème d’écriture dans les formulaires, les textes s’écrivent à droite.

• Peu d’utilisation des pop-in. Toujours une nouvelle page.

• Ajout automatique d’une assurance.

RUE DU COMMERCE SITE MObILE

35• Pas d’exploitation du potentiel du smartphone.

• Très similaire au site mobile.

• Pas d’intérêt par rapport au site mobile.

• Historique des recherches

Site mobile et application strictement identiques. Menu latéral style Facebook.

Option d’aide guidant l’utilisateur. Gros problème dans le fonctionnement des formulaires.

Interface colorée et claire.

RUE DU COMMERCE APPLICATION

Page 19: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

36

• Recherche : - Mise en avant

• Sobre, minimaliste

• Info sur l’intégralité du compte (enchères gagnées/perdues, objets vendus).

• Gros bouton de navigation / Zone cliquable étendue. Clic facile.

• Pas réellement de structure dans la page. Pas de segmentation entre les différentes zones de la page.

• Obligation de créer un compte ebay.

• Importante densité informationnelle dans la liste des produits.

EbAy SITE MObILE

1 - http://www.webmarketing-com.com/2013/03/25/19980-m-commerce-bilan-2012-et-ambitions-pour-2013-interview-dolivier- ropars-directeur-m-commerce-ebay

13 milliards de dollars de transactions sur mobile en 2012 : 20% du volume global d’ebay. 500 dollars dépensé chaque se-conde depuis un mobile. (1)

37

• Utilisation des bests practices Android (1)

• Possibilité de mettre un objet en vente depuis l’app.

• Gestion des messages privés

• Recherche toujours accessible

• Possibilité d’enregistrer des recherches et de créer des alertes pour celles-ci

• Toutes les fonctionnalités du site desktop sont présentes.

• Lorsque la connexion est perdue, l’application « plante », on retourne à l’accueil de l’application.

Application conforme aux best practices ergonomiques Android. (1)

Application regroupant l’intégralité des fonctionnalités du site desktop.

Bouton d’accès rapide. Design et ergonomie peu agréables.

EbAy APPLICATION

1 - http://developer.android.com/design/get-started/principles.html

Page 20: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

38

• Localisation pour cibler les deals.

• Toutes les pages sont adaptées mobiles.

• bouton trop petit pour une utilisation tactile.

• Texte pas toujours facile à lire.

• Interface à optimiser : Image trop grosse, pictos peu explicites et trop petits, ...

GROUPON SITE MObILE

39

• Utilisation des bests practices Android

• Achat de deals possible

• Lente

• Texte pas toujours facile à lire

• Interface à optimiser : Image trop grosse, pictos peu explicites et trop petits, ...

Application conforme aux best practices ergonomiques Android.

Design à optimiser.

Utilisation du GPS pour localiser les deals alentour.

GROUPON APPLICATION

Page 21: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

40

• Très proche graphiquement de l’application (moins d’animation

et de fonctionnalités)

• Très rapide et fluide.

vOyAGES-SNCF SITE MObILE

1 - http://frenchweb.fr/les-chiffres-clefs-de-voyages-sncf-en-2012/102435

En 2012, Voyages-sncf.com a été nommé 1er site marchand de tourisme. L’applica-tion mobile (lancée le 9 août 2012 sur An-droid) a été téléchargée plus de 5 millions de fois tandis que le site mobile comptabi-lise plus d’un millions de visiteurs uniques par mois. (1)

41

• Cohérence dans les boutons. Ex : un bouton de validation est bleu

et carré

• Suivi des best practices Android

• Localisation pour compléter les champs départ/arrivée

• Auto-complétion très efficace

• Design très agréable et clair : - Gros bouton / Code couleur

• Accès à toutes les fonctions disponibles sur le site PC (choix de la place, code de réduction,…)

• Historique des recherches

• Possibilité d’enregistrer la carte bleue pour les achats futurs.

• Email non compatible mobile

Application parfaitement conforme aux best practices ergonomiques Android.

Très claire et très simple. Il est plus rapide de commander sur téléphone que sur ordinateur.

Utilisation des plus d’un téléphone : localisation, QR-code...

vOyAGES-SNCF APPLICATION

1 - http://lecercle.lesechos.fr/entreprises-marches/high-tech-medias/mobilite/221145640/transaction-mobile-15-secondes-europe2 - http://www.zdnet.fr/actualites/m-commerce-le-decollage-semble-bien-avoir-eu-lieu-39786524.htm 3 - http://www.journaldunet.com/ebusiness/commerce/marche-du-m-commerce-1112.shtml

Page 22: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

42

FOCUS SUR LE TUNNEL D’ACHAT vOyAGES-SNCF

ACCUEIL PAGE DE RéSULTAT CHOIx DU TARIF

• boutons d’accès rapide

• Offres promotionnelles

• Interface simple

• Mise en avant des informations importantes par des couleurs

01/14 02/14 03/14

43

FOCUS SUR LE TUNNEL D’ACHAT vOyAGES-SNCF

CHOIx DU PLACEMENT MON PANIER MODE DE RETRAIT

• Fil d’Ariane

• Retour possible

04/14 05/14 06/14

Page 23: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

44

FOCUS SUR LE TUNNEL D’ACHAT vOyAGES-SNCF

COORDONNéES PAIEMENT GESTION DES ERREURS

• Auto-complétion grâce au compte utilisateur

• Mise en confiance • Détails explicites des erreurs commises

07/14 08/14 09/14

45

FOCUS SUR LE TUNNEL D’ACHAT vOyAGES-SNCF

CONFIRMATION RéSEAUx SOCIAUx AjOUT AU CALENDRIER

• Possibilité de partager • Ajout au calendrier du téléphone

• Récapitulatif complet

10/14 11/14 12/14

Page 24: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

46

FOCUS SUR LE TUNNEL D’ACHAT vOyAGE-SNCF

QUESTIONNAIREDE SATISFACTION

EMAILDE CONFIRMATION

• Ecoute du client • Email non adapté au mobile (pas de responsive)

13/14 14/14

FOCUS SUR LE TUNNEL D’ACHAT AMAZON

47ACCUEIL FICHE PRODUIT 1/2 FICHE PRODUIT 2/2

• Meilleurs ventes

• Zone de recherche étendue

• Accès aux catégories

• Economie réalisée

• Commentaire client

• Proposition d’autres produits

• bouton de partage

• Achat immédiat

01/08 02/08 03/08

Page 25: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

FOCUS SUR LE TUNNEL D’ACHAT AMAZON

CONNExION AjOUT AU PANIER RéCAPITULATIF PANIER

• Achat direct ou poursuite des achats

• «Serveur sécurisé» : Mise en confiance

•«Afficher le mot de passe»: Evite les erreurs

48

04/08 05/08 06/08

FOCUS SUR LE TUNNEL D’ACHAT AMAZON

49RéCAPITULATIFCOMMANDE 1/2

RéCAPITULATIFCOMMANDE 2/2

• Une seule page pour tout valider

• bouton inaccessible tant que tout n’est pas correct

07/08 08/08

Page 26: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

CONCLUSION01 Synthèse comparative

02 Best practices

...................................................... p.52

............................................................................ p.56

Page 27: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

SYNThÈSECOMPARATIvE

01

53

Après analyse de ces différents sites et applications, il est possible de faire une synthèse globale basée sur les critères définis de design, ergonomie et sur le tunnel d’achat.

Page 28: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

54

DESIGN

DESIGN

DESIGN

DESIGN

ERGONOMIE

ERGONOMIE

ERGONOMIE

ERGONOMIE

TUNNEL ACHAT

TUNNEL ACHAT

TUNNEL ACHAT

TUNNEL ACHAT

AMAZON

RUE DU COMMERCE

FNAC

EbAy

SITE MObILE APPLICATION MObILE

55

DESIGN DESIGNERGONOMIE ERGONOMIETUNNEL ACHAT TUNNEL ACHAT

GROUPON vOyAGES-SNCF

NOTE GLObALE

AMAZON EbAy GROUPONFNAC vOyAGE-SNCFRUE DU COMMERCE

SITE MObILE APPLICATION MObILE

Page 29: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

01

bESTPRACTICES

02

57

Après analyse des différents dispositifs mobiles, 10 best practices ressortent et doivent absolument être considérés tout au long du processus de développement.

Page 30: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

58

02 bEST PRACTICES

COMPTEUTIlISATEUR

• Dans l’idéal, autoriser l’achat sans compte.

• Ou alors intégrer le choix d’un mot de passe à la fin du processus d’achat pour créer un compte de façon transparente.

TUNNEl D’AChAT

• Montrer l’avancement dans le tunnel d’achat.

• Inclure le plus possible d’option de paiement : CB, PayPal, Google Wallet…

• Rassurer l’utilisateur.

• Mémoriser la carte bancaire pour permettre le 1-click shopping.

PANIER

•Accessible partoutDonner la possibilité de tout de suite valider la commande / ou de continuer les achats.

• Panier commun entre les plateformesChoix du produit depuis smartphone et achat depuis PC ainsi possibles.

FORMUlAIRE

• Pré contrôle des champs de formulaires en amont, avant envoi au serveur(Ex : l’adresse e-mail est-elle valide ?)

• N’inclure que les champs les plus importants dans les formulaires afin de réduire le temps de complétion.

01

04

02 03

59

UTIlISER lES POSSIBIlITéS OFFERTES PAR UN SMARTPhONE • Ecran tactile, localisation, notification, capteur photo/Code barre)

• GPS : données de localisation pour trouver un magasin, check-in (créer la page localité FB/Foursquare du magasin)

•QR code / NFC : promotion en vitrine ou dans un magazine

• Penser tactile : gros bouton

• Mise en avant du numéro du service client via un clic to call : On est déjà sur un téléphone donc très facile d’appeler.

TOUTES lES PAGESSONT ADAPTéES AU MOBIlE

• Possibilité de « Récupérer pseudo/mot de passe »

• Ensemble des fonctionnalités desktop sontdisponibles sur mobile (gestion du compte, paiement, suivi de commande…)

• Forte mise en avant de la fonction de recherche. Offrir les mêmes résultats que le site desktop.

• Supprimer les fioritures mais pas le contenu dans le tunnel d’achat.

• Penser 3G, léger, et cela malgré l’arrivée de la 4G.

CONFIRMATIOND’AChAT

• Penser à faire des emails en responsive afin qu’ils soient adaptés au mobile.

• Un SMS de confirmationen plus du mail est un bon point.

07

0605

Page 31: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

60

02 bEST PRACTICES

CE QUE l’ON PEUT FAIREEN PlUS SUR MOBIlE

• Possibilité de partager sur les réseaux sociaux.Par exemple, Twitter est proportionnellement plus utilisé sur mobile que Facebook

• Créer des offres de réductions disponibles uniquement sur mobile.

SUIvI DES BEST PRACTICESDESIGN/ERGONOMIQUES

• Exemple : utilisation d’image (+ libellé) pour faciliter la compréhension d’un bouton d’action ou du contenu d’une catégorie.

CRéER lA MêME APPlICATION AvEC lES MêMES FONCTIONNAlITéS QUEl QUE SOIT l’OS.

08

10

09

Page 32: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

SOURCES

http://econsultancy.com/fr/blog/10341-mobile-commerce-calls-to-action-eight-best-practice-tips

http://uxdesign.smashingmagazine.com/2013/03/14/designing-a-better-mobile-checkout-process/

http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats/d

http://lecercle.lesechos.fr/entreprises-marches/high-tech-medias/mobilite/221145640/transaction-mobile-15-secondes-europe

http://www.zdnet.fr/actualites/m-commerce-le-decollage-semble-bien-avoir-eu-lieu-39786524.htm

http://www.journaldunet.com/ebusiness/commerce/marche-du-m-commerce-1112.shtml

http://masstransmit.com/broadcast_blog/22-amazing-mobile-email-marketing-statistics/

http://frenchweb.fr/wp-content/uploads/2013/04/Infographie_design_mobile_FrenchWeb.jpg

http://www.zdnet.fr/actualites/m-commerce-quels-sont-les-freins-39773139.htm

http://www.zdnet.fr/actualites/le-m-commerce-pourrait-representer-plus-de-2-milliards-d-euros-cette-annee-en-france-39771959.htm

http://www.usinenouvelle.com/article/la-france-bientot-3e-pays-europeen-pour-le-m-commerceN178930

http://www.nuwave-marketing.com/chiffres-m-commerce-2012-infographie/

http://blog.zanox.com/fr/france/2012/12/20/m-commerce-ipad-champion-des-achats-en-ligne/

http://www.journaldunet.com/ebusiness/internet-mobile/m-commerce-en-france.shtml

http://frenchweb.fr/les-chiffres-clefs-de-voyages-sncf-en-2012/102435

Page 33: Expertime M-Commerce - Sites mobiles vs. Applications_02/07/13

M-COMMERCE

QUATREPOINTZERO • AGENCE DU GROUPE EXPERTIME

WWW.QUATREPOINTZERO.COMJUIlleT 2013