e-Commerce sur les tablettes tactiles
par Maxime Topolov (@mtopolov), CTO de @PadCMS et @adyax
45 projets web & e-commerce en 2011
Pourquoi un atelier à propos de l’e-commerce sur les tablettes ?
La tablette peut-être utilisée n’importe où, n’importe quand = achat d’impulsion
VS un portable ou un téléphone peut être utilisé n’importe où… et c’est si pratique…
2,1% du trafic sur le Web, +5% par mois
Usage principalement en soirée, à la maison, 5 à 20 heures par semaine. Quand l’iPad est à la maison = le PC dort.
Taux de conversion 3,82% > 1,9% pour les PCs
Utilisé par 95% dans le salon, 89% dans le lit
Panier moyen 40% plus élevé
( Pourquoi il ne parle QUE des iPads, l’atelier était sur LES tablettes ! )
97%
OK… Mais en quoi les tablettes sont-elles différentes du web classique ?
Les tablettes sont tactiles.
Les doigts sont plus gros et plus gauches que la souris.
Pas de survol (rollover) possible avec les doigts.
…mais
Scroll vertical est apprécié et simple, pas besoin de pagination.
Donc : moins d’items, items plus gros et disposés verticalement
( Et c’est TOUT ?! )
Bien… que pouvons-nous faire pour capter les utilisateurs des tablettes ?
Application ‘native’ (disponible sur l’AppStore ou Android Market)
WebApp, utilisant le HTML5
Votre site e-commerce en responsive design.
POUR CONTRE• Utilisateur captif
• Optimisé pour le terminal
• In-App Purchase
• Présence AppStores
• Image de marque
• Développement $$$
• Présence aléatoire
• 1 plateforme = 1 app
• Contraintes de la plateforme (Guidelines)
• Si in-app purchase = -30% de marge
Pour qui c’est le plus adapté
• Vente de contenus virtuels (Musique, Jeux, Livres numériques)• Interfaces de recherche complexes (Billetterie, Tourisme)• Récurrence (actes d’achats > 1 par mois) • Interfaces originales & décalées (réalité augmentée…)• Votre cible sont les technophiles masculins, +35 ans, urbains.• Vous avez un catalogue papier
POUR CONTRE• Multi-plateformes• TTM rapide• Presque équivalent en termes de fonctionnalités à du natif• Pas de dépendance vis-à-vis de la plateforme
• Pas si simple à faire• Pas de visibilité sur les app-stores• Performances parfois aléatoires• Pas de in-app purchase
Pour qui c’est le plus adapté
• Tous ceux de la liste précédente moins les produits virtuels ou interfaces très originales• Journaux et médias payants (pas de versement des 30%)
Tous ceux qui n’ont pas les deux précédents et tous les autres
Responsive design
Quelques exemples des trois…
http://themify.me/demo/themes/shopdock
Ce que font les autres de bien et de moins bien…
Navigation horizontale
Amazon reste, comme sur le web l’exemple à suivre. Clair, immersif, rapide, simple.
Erreur classique de Lacoste : copier le web, en moins bien.
Ils ont téléchargé et installé l’App ! Pas assez fans ?
Pour résumer :
• Interface pensée pour le terminal
• Chassez le superflu
• Tunnel de commande = TUNNEL
• Bug = mauvaise note sur l’AppStore
• Ne faites pas une copie du web
• Ne faites pas d’App si c’est inutile
Alors, quels sont les outils ?
PhoneGap – Permet la génération d’une app native avec du HTML/CSS/Javascript
http://phonegap.com/
Titanium SDK – Permet la génération d’une app native avec du Javascript
http://www.appcelerator.com/
• Plateforme Open Source
• Gestion des PDF, Images, Vidéos, Catalogues
• Fonctionne sur iPad et Android
• Intégration avec les principaux outils : Drupal Commerce, Magento, Prestashop…
http://padcms.net/