eCommerce sur Ipad et autres tablettes tactiles

50
e-Commerce sur les tablettes tactiles par Maxime Topolov (@mtopolov), CTO de @PadCMS et @adyax

description

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

Transcript of eCommerce sur Ipad et autres tablettes tactiles

Page 1: eCommerce sur Ipad et autres tablettes tactiles

e-Commerce sur les tablettes tactiles

par Maxime Topolov (@mtopolov), CTO de @PadCMS et @adyax

Page 2: eCommerce sur Ipad et autres tablettes tactiles

45 projets web & e-commerce en 2011

Page 3: eCommerce sur Ipad et autres tablettes tactiles

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

Page 4: eCommerce sur Ipad et autres tablettes tactiles

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

Page 5: eCommerce sur Ipad et autres tablettes tactiles

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

Page 6: eCommerce sur Ipad et autres tablettes tactiles

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é

Page 7: eCommerce sur Ipad et autres tablettes tactiles

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

Page 8: eCommerce sur Ipad et autres tablettes tactiles

97%

Page 9: eCommerce sur Ipad et autres tablettes tactiles

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

Page 10: eCommerce sur Ipad et autres tablettes tactiles

Les tablettes sont tactiles.

Les doigts sont plus gros et plus gauches que la souris.

Pas de survol (rollover) possible avec les doigts.

Page 11: eCommerce sur Ipad et autres tablettes tactiles

…mais

Scroll vertical est apprécié et simple, pas besoin de pagination.

Donc : moins d’items, items plus gros et disposés verticalement

Page 12: eCommerce sur Ipad et autres tablettes tactiles
Page 13: eCommerce sur Ipad et autres tablettes tactiles

( Et c’est TOUT ?! )

Page 14: eCommerce sur Ipad et autres tablettes tactiles

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

Page 15: eCommerce sur Ipad et autres tablettes tactiles

Application ‘native’ (disponible sur l’AppStore ou Android Market)

WebApp, utilisant le HTML5

Votre site e-commerce en responsive design.

Page 16: eCommerce sur Ipad et autres tablettes tactiles

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

Page 17: eCommerce sur Ipad et autres tablettes tactiles

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

Page 18: eCommerce sur Ipad et autres tablettes tactiles

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

Page 19: eCommerce sur Ipad et autres tablettes tactiles

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

Page 20: eCommerce sur Ipad et autres tablettes tactiles

Tous ceux qui n’ont pas les deux précédents et tous les autres

Responsive design

Page 21: eCommerce sur Ipad et autres tablettes tactiles

Quelques exemples des trois…

Page 22: eCommerce sur Ipad et autres tablettes tactiles
Page 23: eCommerce sur Ipad et autres tablettes tactiles
Page 24: eCommerce sur Ipad et autres tablettes tactiles

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

Page 25: eCommerce sur Ipad et autres tablettes tactiles

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

Page 26: eCommerce sur Ipad et autres tablettes tactiles
Page 27: eCommerce sur Ipad et autres tablettes tactiles

Navigation horizontale

Page 28: eCommerce sur Ipad et autres tablettes tactiles
Page 29: eCommerce sur Ipad et autres tablettes tactiles
Page 30: eCommerce sur Ipad et autres tablettes tactiles
Page 31: eCommerce sur Ipad et autres tablettes tactiles

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

Page 32: eCommerce sur Ipad et autres tablettes tactiles
Page 33: eCommerce sur Ipad et autres tablettes tactiles
Page 34: eCommerce sur Ipad et autres tablettes tactiles
Page 35: eCommerce sur Ipad et autres tablettes tactiles
Page 36: eCommerce sur Ipad et autres tablettes tactiles
Page 37: eCommerce sur Ipad et autres tablettes tactiles
Page 38: eCommerce sur Ipad et autres tablettes tactiles
Page 39: eCommerce sur Ipad et autres tablettes tactiles
Page 40: eCommerce sur Ipad et autres tablettes tactiles

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

Page 41: eCommerce sur Ipad et autres tablettes tactiles
Page 42: eCommerce sur Ipad et autres tablettes tactiles

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

Page 43: eCommerce sur Ipad et autres tablettes tactiles
Page 44: eCommerce sur Ipad et autres tablettes tactiles
Page 45: eCommerce sur Ipad et autres tablettes tactiles
Page 46: eCommerce sur Ipad et autres tablettes tactiles
Page 47: eCommerce sur Ipad et autres tablettes tactiles

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

Page 48: eCommerce sur Ipad et autres tablettes tactiles

Alors, quels sont les outils ?

Page 49: eCommerce sur Ipad et autres tablettes tactiles

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/

Page 50: eCommerce sur Ipad et autres tablettes tactiles

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