Appercu de ce qu'il faut et il ne faut pas faire lorsqu'on souhaite faire du commerce électronique sur les tablettes tactiles, telles que iPad, Android, etc...

1. e-Commerce sur les
tablettes tactiles
par Maxime Topolov (@mtopolov), CTO
de @PadCMSet @adyax

2. 45 projets web & e-commerce en 2011

3. Pourquoi un atelier à propos de
l’e-commerce sur les tablettes ?

4. La tablette peut-être utilisée n’importe où,
n’importe quand = achat d’impulsion

5. VS un portable ou un téléphone peut
être utilisé n’importe où… et c’est si
pratique…

6. 2,1% du trafic sur le Web, +5% par mois
Utilisé par 95% dans le salon, 89% dans le lit
Taux de conversion 3,82%>1,9% pour les PCs
Panier moyen 40% plus élevé
Usage principalement en soirée, à la maison, 5 à 20 heures par
semaine. Quand l’iPad est à la maison = le PC dort.

7. ( Pourquoi il ne parle QUE des iPads,
l’atelier était sur LES tablettes ! )

8. 97%

9. OK… Mais en quoi les tablettes sont-
elles différentes du web classique ?

10. Les tablettes sont tactiles.
Les doigts sont plus gros et plus
gauches que la souris.
Pas de survol (rollover) possible avec
les doigts.

11. …mais
Scroll vertical est apprécié et simple,
pas besoin de pagination.
Donc : moins d’items, items plus
gros et disposés verticalement

13. ( Et c’est TOUT ?! )

14. Bien… que pouvons-nous faire pour
capter les utilisateurs des tablettes ?

15. Application ‘native’ (disponible sur
l’AppStore ou AndroidMarket)
WebApp, utilisant le HTML5
Votre site e-commerce en
responsive design.

16. POUR CONTRE
• Utilisateur captif • Développement $$$
• Optimisé pour le terminal • Présence aléatoire
•In-AppPurchase • 1 plateforme = 1 app
• Présence AppStores • Contraintes de la plateforme
(Guidelines)
• Image de marque
• Si in-apppurchase = -30% de
marge

17. 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

18. POUR CONTRE
•Multi-plateformes
• TTM rapide • Pas si simple à faire
• Presque équivalent en • Pas de visibilité sur les app-
termes de fonctionnalités à stores
du natif • Performances parfois
• Pas de dépendance vis-à-vis aléatoires
de la plateforme • Pas de in-apppurchase

19. 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%)

20. Responsive design
Tous ceux qui n’ont pas les
deux précédents et tous les
autres 

21. Quelques exemples des trois…

24. http://themify.me/demo/themes/shopdock

25. Ce que font les autres de bien et de
moins bien…

27. Navigation horizontale

31. Amazon reste, comme sur le web
l’exemple à suivre. Clair, immersif,
rapide, simple.

40. Erreur classique de Lacoste : copier le
web, en moins bien.

42. Ils ont téléchargé
et installé l’App !
Pas assez fans ?

47. 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

48. Alors, quels sont les outils ?

49. 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/

50. • 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/