Le responsive design est un sujet qui est sur toutes les langues. Cependant, cette approche n'est pas la meilleure pour une expérience client optimale.
En effet, les attentes d'un client mobile sont différentes d'un client PC. Le responsive designe ne réponde pas à toutes ces attentes commes :
- des menus plus claires
- moins d'informations publiées
- des systèmes de paiement adaptés au mobile
- etc.
2. Résumé :
400 à 900% de ventes en plus !
Le mobile commerce est en plein boom. La plupart des experts
estiment que 30% des ventes se feront via un smartphone ou une
tablette d‘ici 2015. Dans le monde, cela représente une opportunité de 200 milliards d‘euros. Lorsque le 1er iPhone est sorti en
2007, ce chiffre était presque proche de 0.
Beaucoup d‘e-commerçants pensent que les visites mobiles en
progression vont les aider à développer leur chiffre d‘affaires.
Cependant, une confusion règne autour de la bonne direction à
prendre pour devenir „mobile“. Est-ce que les applications natives
sont importantes ? Dois-je utiliser un template standard ou un responsive design ? Quelle est la stratégie la plus profitable pour
mon site ? Chez Shopgate, nous entendons ces questions tous les
jours.
Le sujet du responsive design est sensible pour tous les e-commerçants. Cela semble tentant : mettre en place un site web
unique qui s‘adapte à tous les supports. En théorie, cela permet
aux marchands de répondre aux problématiques des différentes
résolutions d‘écrans et technologies, avec une seule innovation.
Pour tous les marchands, le but est d‘augmenter ses ventes. Le mcommerce à un but identique. Chez Shopgate nous partageons ce
En 2015, 30% des achats
se feront sur un mobile.
Cette opportunité représente 200 milliards
d‘euros pour les e-commerçants.
but avec les e-commerçants. C‘est pourquoi notre business model
est basé sur les transactions. Plus un e-commerçant à de vente via
notre plateforme, et plus Shopgate peut apporter d‘innovations à
celui-ci. C‘est pour ces raisons que nous avons adopté un mix de
technologies qui ont pour but de maximiser les profits.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
2
4. Table des matières
Résumé : 400 à 900% de ventes en plus !
Définitions
#1 – Design ou ventes : On veut les deux !
#2 – Le mythe de l‘application native coûteuse
#3 – Ne ratez pas l‘étape du paiement
#4 – Le temps de chargement est important
#5 – La navigation : pourquoi ne pas la garder ?
#6 – Moins d‘informations pour plus de résultats
#7 – Priorité au client : optimisation totale du site
#8 – Attention à votre activité principale !
#9 – Applications natives : l‘outil ultime de rétention client
#10 – Innovez plus que vos concurrents
#11 – La révolution de l‘e-commerce : transformez
toutes vos publicités en point de ventes
#12 – Utilisations inattendues : les interactions mobiles
#13 – Pourquoi Google va devenir neutre
#14 – Le online et le offline connectés
par la technologie mobile
Publication, enregistrement et consultation gratuite
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
4
5. Définitions
En réalité, les applications natives, les sites mobiles et le responsive design ne sont pas si différents. La plupart des développeurs
ont une approche hybride du sujet et les combinent. L‘exemple le
plus commun est le HTML5 à l‘intérieur des applications iOS ou
android. Un site web optimisé peut reprendre des éléments de responsive design pour adapter les images ou le texte aux diverses
résolutions mobiles.
Pour une meilleure compréhension, nous allons avoir une approche simplifiée des différents termes utilisés.
Application native
Une application native est spécifiquement développée pour un
système d‘exploitation mobile dans son langage natif. Les systèmes les plus importants aujourd‘hui sont iOS (iPod Touch, iPhone, iPad) et android. Les applications natives sont connectées en
profondeur avec le système et sont disponibles sur l‘Apple store,
Google Play, ou des outils similaires.
Site mobile SaaS optimisé
C‘est un site spécialement créé et optimisé pour les besoins des
utilisateurs de navigateurs mobiles. Le site mobile possède sa propre URL comme m.monsite.fr. Un site mobile fait par shopgate est
spécialement mis en forme, adapté et mis à jour régulièrement
pour les utilisateurs iOS et android.
Template mobile
Un template mobile est une version mobile du site original. Il est
hébergé typiquement sur une URL dédiée. Il est souvent programmé une seule fois et n‘est pas spécialement développé et mis
à jour pour les différentes versions d‘iOS et d‘Android.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
5
6. Responsive design
Le responsive design permet d‘offrir une seule et unique URL
pour les visiteurs classiques et mobiles. Le concept est basé sur
la flexibilité du design (taille et position du texte et images) via
l‘utilisation du Javascript.
Stratégie mobile dédiée
Une stratégie dédiée au m-commerce offre la combinaison suivante : site mobile optimisé avec applications natives.
Software as a Service (SaaS)
C‘est une technologie populaire dans plusieurs domaines et ce
grâce au succès d‘internet. Les utilisateurs ont accès à une technologie hébergé en ligne. Les SaaS prennent de plus en plus de
place dans le mobile, car cela permet aux e-commerçants d‘éviter
des coûts de maintenance importants, de par le fait de la multitude de technologies mobiles existantes et leurs actualisations.
De plus, elles sont en constante évolution, apportant toujours de
nouveaux outils et services. Shopgate est le leader mondial de la
technologie m-commerce SaaS.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
6
7. #1 – Design ou ventes : on veut les deux !
Le responsive design, comme son nom l‘indique, est seulement
une approche de mise en forme. Le design „répond“ au marché du
mobile, qui est très divers en termes de maques, résolutions, etc...
Mais quels sont les résultats en termes de ventes ? Le m-commerce, comme les autres canaux de distribution, a pour but de vendre
et de générer du chiffre d‘affaires...
Chez Shopgate, nous effectuons en permanence des tests A/B
avec de nombreux marchands. Nous investissons dans les tests
A/B pour une raison simple : le taux de conversion d‘un marchand
est notre but principal. Le taux de conversion mesure le pourcentage de ventes par rapport au pourcentage de visiteurs. Le taux
de conversion influence directement les ventes d‘un marchand et
notre business basé sur les transactions.
Concernant le taux de conversion, no résultats sont les suivants
sur 1147 marchands, toutes industries confondues, sur une période de 6 à 8 mois. En moyenne le taux de conversions sont les
suivants :
Site web non optimisé :
0.1%
Template optimisé :
0.4%
Responsive design :
0.3%
Stratégie mobile dédiée :
1.5%
Pour faire simple, 1 personne pour 1000 visiteurs achète sur un
site web non optimisé. Sur un responsive design, 1 personne pour
250 visiteurs achète. Dans le cas d‘une stratégie mobile dédiée,
1 personne sur 60 passe commande. C‘est 4 fois plus qu‘un responsive design et 15 fois plus qu‘un site web non optimisé. Une
stratégie mobile est 200% à 300% plus efficace que les responsive
designs ou les templates optimisés, tout en donnant un résultat
équivalent en matière de design.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
7
10. Le paiement est une des
étapes les plus importantes. Sur mobile, vous
devez repensez cette
étape pour une meilleure
expérience client.
#3 – Ne ratez pas l‘étape du paiement
Un checkout complètement optimisé est une des clés pour
l‘augmentation de votre taux de conversion et donc de vos
ventes mobiles. Sur mobile, l‘étape du checkout est encore plus
importante que sur un PC, car les clients ont tendance à moins
accepter des chargements longs ou à saisir énormément de
données.
Le paiement intervient quand le visiteur devient client. Proposer la meilleure expérience possible sur la page de checkout est donc une priorité. C‘est en effet la page où il y a le plus
d‘abandons de paniers.
Et pourtant, le responsive design et le template optimisé oublient cette problématique. Le paiement devient alors un vrai
soucis pour le client. Ce n‘est pas un problème de design, ils ne
proposent juste pas des moyens de paiement spécialement dédiés au mobile.
Par exemple, beaucoup d‘e-commerçants proposent PayPal sur leur site. Mais PayPal express est beaucoup plus facile
d‘utilisation pour un utilisateur mobile. Cela leur permet de
commander sans rentrer leur adresse de livraison ou de facturation. C‘est une méthode qui permet d‘avoir un checkout en un
clic ! D‘autres moyens de paiement comme Google Wallet simplifient encore plus cette étape. Au final, le client achète sans
saisie d‘informations ou de mot de passe.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
10
11. #4 – Le temps de chargement est important
Le temps de chargement est décisif sur mobile.
Selon une étude de Kissmetrics :
• 47% des clients attendent des temps de chargement inférieurs
à 2 secondes.
• 40% des rebonds sont dus à un chargement de plus de 3 secondes.
• 79% des clients mécontentés par les performances d‘un site ne
rachèteront probablement pas sur celui-ci.
La vitesse de chargement est un des indicateurs de performances important pour ceux qui prennent le mobile au sérieux.
Alors qu‘une approche responsive peut suffire pour le design,
les fichiers sont bien souvent identiques en volume à ceux
utilisés pour la version PC du site.
Combinez cela avec une connection mobile généralement plus
lente et vous obtenez une perte de conversion.
La technologie Shopgate adapte les images pour le design
et la rapidité du chargement. Nos sites sont les plus rapides
du marché.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
11
13. Pensez aux descriptions et avis produits : les deux sont importants. Maintenant, que se passerait-il si la description du produit
soit si longue, que les avis produits se retrouveraient au fin fond
de la page ? Dans ce cas, les avis produits perdraient alors leur
impact sur les ventes mobiles.
Une stratégie mobile dédiée est sélective en matière
d‘informations sur les produits. Cette stratégie permet de mettre les informations à la vue du client sans qu‘il ait besoin de scroller indéfiniment. Il est important de prioriser les besoins du
consommateur. Dans le cas du mobile, moins d‘information
amène plus de résultats !
#7 – Priorité au client : Optimisation
totale du site
Parfois, le client a besoin de la version PC du site, mais est en
déplacement et utilise un mobile. Il cherche une information
qui est seulement disponible sur cette version. Ou bien il préfère
zoomer ou naviguer de la façon habituelle pour eux.
Le responsive design ne donne pas souvent cette possibilité. Le
client n‘a pas d‘autre choix que de s‘adapter au responsive design. Cela peut impacter négativement les ventes, car le client
risque de quitter le site. Dans les faits, si les clients ne sont pas
capables de trouver les options souhaitées, ils quittent le site après moins de 5 secondes, et cherchent alors un concurrent qui
leur proposera l‘expérience souhaitée.
Une stratégie mobile dédiée ne se limite pas à l‘utilisation d‘une
seule technologie. Elle se focalise sur les besoins du consommateur, pas sur la technologie elle-même.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
13
14. Un responsive design
clair ne supporte pas
le flash et certains JavaScript pour les images,
les menus ou la navigation, ce qui peut engendrer une expérience client
appauvrie.
#8 – Attention à votre activité
principale !
On pense que le responsive design est intéressant, car tout est
hébergé sur une seule URL. Cependant, on oublie que le responsive design peut avoir des conséquences sur la mise en forme
du site PC, rendant l‘expérience moins „user friendly“.
Par exemple, du Flash ou des vidéos de produits peuvent être
importants pour l‘expérience client. Pensez à des marques de
vêtements, elles peuvent avoir travaillé à la mise en place de sites
animés pour générer de la visibilité de leur marque. Un responsive design ne propose pas d‘animations flash comme celle-ci,
car la plupart des mobiles iOS ne supportent pas les animations
flash ! Il en est de même pour certains éléments JavaScript utilisés pour les menus, les images ou la navigation. Cependant, ces
éléments peuvent être pertinents pour un site PC standard.
Une stratégie mobile dédiée apporte les bénéfices, les attentes
et les „best practices“ des site PC et permet aux marchands de
maximiser les ventes de chaque support. Ne vous passez pas de
l‘opportunité que représente les visiteurs mobiles, soit 20% du
trafic.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
14
15. #9 – Applications natives : l‘outil
ultime de rétention client
Les applications natives sont sous-estimées. Certains
marchands pensent toujours qu‘elles ne sont pas importantes
ou qu‘elles ont du sens seulement pour les grandes marques. Si
c‘est le cas, pourquoi Apple a créé plus de 800.000 applications
qui ont généré 50 milliards de téléchargements en 5 ans ? Pourquoi les leaders du m-commerce comme Ebay ou Amazon ont
investi autant d‘argent dans leurs applications natives ?
En vérité, la plupart des départements IT, des agences ou des ecommerces ne souhaitent pas ou ne sont pas capables d‘investir
dans le développement d‘applications natives. En effet, elles nécessitent l‘embauche de techniciens spécialisés avec une connaissance de l‘objective C et du Java. Ils sont également difficiles à trouver, car le HTML/PHP a dominé l‘industrie e-commerce
pendant des années. Pour faire court, les agences et les marchands doivent embaucher de nouveaux employés, et dépenser beaucoup d‘argent.
Chez Shopgate, notre but est de maximiser les ventes de nos
marchands. C‘est pourquoi nous offrons également des applications natives. Nous avons constaté que les applications ne concurrencent pas les sites mobiles.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
15
16. Un responsive design ne
permet pas à votre business de profiter de tous
les leviers proposés par
les smartphones !
Elles sont dans les faits une excélente extension et un facteur
de succès dans une stratégie mobile efficace. Les applications
natives apportent 5 bénéfices majeurs :
Fidélisation du client : les applications natives renforcent
la loyauté du client, car avec une application installée, vos clients ont tendance à retourner visiter votre site plus fréquemment. Une application mobile augmente de 50% les achats par
individu.*
Préférences du client : au moins 22% des utilisateurs de
smartphones préfèrent sur une application. 40% préfèrent un
site mobile optimisé et 32% n‘ont pas de préférences et 6%
ne connaissent pas la différence**. Cela signifie que les applications natives s‘adressent potentiellement à 45% des clients.
Visibilité sur les stores : les applications natives vous donnent de la visibilité sur l‘Apple store et le Google store. Les jeunes sont familiers avec le slogan „il y a une application pour
tout“ d‘Apple. Nombreuses sont les personnes à naviguer sur
le store pour y trouver des applications. Apple connaît cette
tendance et a récemment embauché des experts pour développer ASO (Apple Store Optimization). Les stores ont évolué
en des moteurs de recherche pour outils mobiles.
Effet puissant sur les ventes récurrentes : les applications natives permettent à un client d‘enregistrer ses informations personnelles, d‘ajouter et sauvegarder les produits
dans une „wish list“. Ces options ont un impact énorme sur les
business models avec une grande récurrence client (par exemple la nourriture, les pharmacies, les fournitures de bureau,
etc...). Les clients peuvent commander leurs produits en deux
clics lorsqu‘ils ont besoin d‘acheter à nouveau. Si vos clients
prennent cette habitude, vos concurrents auront du mail à
vous les voler avec une technologie moins „user friendly“.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
16
17. Succès par l‘innovation : Seules les applications natives
permettent le marketing „push“, l‘accès à l‘appareil photo, les
lecteurs de codes barres/QR/d‘images ou le stockage de données relatives à l‘achat.
Un responsive design ne permet pas de couvrir ces points importants. Les marchands qui décident de ne pas opter pour
les applications natives laissent passer un potentiel énorme de
ventes supplémentaires.
* Source: Rakuten, 2012
** Source: ECC, 2012
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
17
18. #10 – Innover plus que vos
concurrents
Une stratégie mobile dédiée permet un meilleur accès à des
innovations technologiques que le responsive design ou un
site optimisé. Les nouvelles technologies procurent des avantages précieux et peuvent être des avantages compétitifs non
négligeables. Un certain nombre de technologies offertes par
Shopgate sont disponibles uniquement via les applications
natives.
Notifications Push : les applications natives vous permettent d‘envoyer des notifications directes et de promouvoir vos
produits auprès de centaines de clients. C‘est le moyen le plus
personnel que vous pouvez utiliser pour promouvoir votre
site. Cependant, attention à ne pas en abuser.
La vente par code QR : à l‘inverse des sites mobiles, les applications natives ont accès à l‘appareil photo. Cela permet aux
commerçants d‘offrir leurs propres scanners de codes barres
ou QR. Les codes QR ont du sens si vous offrez une vraie simplification de l‘expérience client, comme l‘ajout rapide de bons
de réductions ou l‘accès direct à la page produit.
Promotions quotidiennes : ces promotions limitées
dans le temps sont très populaires. Les clients aiment utiliser
leurs téléphones pour avoir des informations sûr de nouvelles
offres. Combiné à une stratégie mobile dédiée, le potentiel est
énorme pour augmenter vos ventes.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
18
19. Checkout en un clic : avec les applications natives, les clients réguliers ont seulement besoin de saisir leurs données
une seule fois. Cela a un impact énorme sur les e-commerçants vendant des produits à achats récurrents, comme les
fournitures de bureaux, la nourriture, les cosmétiques, etc...
Au lieu de juste répondre à une résolution d‘écran, une stratégie mobile dédiée permet aux marchands de profiter proactivement des capacités proposées par les mobiles.
#11
–
eCommerce
Revolution:
Transform Every Ad into a
Point of Sale
Shopgate a développé une innovation pour les applications
natives. La combinaison de la reconnaissance des contours
d‘images (sans codes QR) et du shopping mobile. Nous
l‘appelons “scanner de pub”.
Ce scanner de pub permet au client de prendre en photo
une publicité catalogue, une affiche ou un produit qui vont
provoquer l‘ouverture de l‘application et permettre au client
d‘acheter en deux clics. Cette technologie connecte le marketing papier au point de vente du marchand via les applications.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
19
20. Les clients peuvent acheter le produit qui se trouve juste devant leurs yeux en quelques secondes. Cette technologie va
changer le marketing papier, car les publicités deviennent
quantifiables en termes de résultats. Une révolution !
Regarder cette vidéo pour voir le résultat en live :
Regardez cette vidéo sur youtube pour voir le résultat live :
http://www.youtube.com/
watch?v=qzB_cYX-0oE
http://youtu.be/qzB_cYX-0oE
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
20
22. Google va sûrement
changer ses préférences
pour la solution la plus
performante !
#13 – Pourquoi Google va devenir
neutre
En juin 2013, Google a posté sur son blog que les sites sans
version mobile vont être impactés négativement sur les recherches mobiles. Cette annonce est importante de par le fait
que la plupart des sites comptent énormément sur les investissements SEO et SEM.
En juin 2012, Google avait officiellement recommandé les responsive designs. Leur argument principal était que ces designs
réduisaient le travail de leur robot. Les sites mobiles dédiés ne
répondant pas aux règles Google peuvent être également assimilés à du contenu dupliqué.
Cependant, Google souhaite offrir la meilleure expérience mobile possible, à cause du trafic des recherches via smartphones
et tablettes (30% du trafic). C‘est pourquoi Google offre des
règles compréhensives pour les sites mobiles dédiés.
Chez Shopgate, nous pensons que Google va adopter une
position encore plus neutre. Pour faire simple, les clients préfèrent une approche mobile et les marchands font plus de ventes. Dans ce cas les publicités mobiles vont de mieux en mieux,
ce que Google souhaite au final pour développer ses revenus.
La stratégie de Google “le mobile en priorité” n‘est donc pas
une stratégie à long terme et va sûrement devenir “l‘utilisateur
en priorité”. Shopgate a été listé comme solution mobile privilégiée par l‘initiative Startmobile.de, financée par Google Allemagne.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
22
23. #14 – Le Online et le Offline connctés
par la technologie mobile
Les e-commerçants se limitant à un responsive design ou à un
template mobile ignorent le rôle unique et le potentiel énorme
du m-commerce. Par exemple, connecter le business online
avec les boutiques physiques ou les publicités en magazine.
Trois exemples :
La reconnaissance d‘images et la réalité augmentée combinées au marketing classique : une application native permet
la reconnaissance d‘images qui permet au client d‘acheter en
deux clics via celle-ci. Cette option n‘est possible qu‘avec un
accès à la caméra numérique.
Les notifications push combinées avec la géolocalisation et les
promotions quotidiennes : La géolocalisation permet au vendeur de se connecter directement avec le client s‘il approche
d‘un de ses points de vente. Cette possibilité est seulement
disponible avec les applications natives.
Appel direct : Parfois, les informations dont a besoin le client
ne peuvent être obtenus seulement via un appel. Bien que
cela soit possible sur un site web, l‘utilisation d‘une application
native est plus naturelle pour un client.
Livre blanc Shopgate – Des questions ? Appelez nous : 09 70 46 63 67
23