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/