Embed Size (px)
DESCRIPTION
Conférence Mobile au MAC de Lyon le 15 mars 2012 : Comment y aller sans le regretter ? Par Stéphane Lecouturier, Directeur Création & User Experience, altima° Application, site mobile, iPhone, Android, iPad, tablette... Même si l’enjeu du mobile est devenu une évidence, la tactique pour l’aborder l’est beaucoup mois. Clarifiez votre vision du mobile en 60 minutes de démêlage de l’univers bouillonnant du cross-devices. Au programme de cette conférence : - Pourquoi faut-il absolument y aller ? (chiffres et retours d’expériences) - Pourquoi faut-il s’en méfier ? (panorama des galères potentielles) - Innovation : Web responsive (un seul site pour tous les devices), c’est quoi ? Comment ça marche ? (avantages et inconvénients) - Démo d’un proto de site e-commerce responsive - Échange avec Stéphane En savoir plus : http://blog.altima.fr/?p=2364
Citation preview
mobilePourquoi y aller ?
Pourquoi s’en méfier ?
Le point sur le Webresponsive
mobilepourquoiy aller ?
€500millions
m-commerce en France en 2010
Xerfi
= 500 000 000 €
€13milliards
m-commerce en France en 2015
Xerfi
= 13 000 000 000 €
$600millions
chiffre d’affaire m-commerce ebay en 2009
= $600 000 000eBay / Mobile Commerce Daily
$2milliards
chiffre d’affaire m-commerce ebay en 2010
= $2 000 000 000eBay / Mobile Commerce Daily
eBay / Mobile Commerce Daily
Il est incroyable de penserque $2 milliards de C.A.
ont été générés par une plateforme qui n’existait pas il y a 2 ans,
et sur un terminalqui n’existait pas il y a 3 ans.
«
»Clare Gilmartin, VP of eBay Europe
$5milliards
chiffre d’affaire m-commerce ebay en 2011
= $5 000 000 000eBay / Mobile Commerce Daily
$8milliards
chiffre d’affaire m-commerce ebay en 2012
= $8 000 000 000eBay / John Donahoe - CES Las Vegas - janvier 2012
$265 000Avion Piper PA-46-310P Malibu de 1985
l’objet le plus cher vendu sur eBay mobile en 2010
Mashable
3,5Ferrari / mois
vendues sur eBay mobile en 2011
eBay / Mobile Commerce Daily - janvier 2011
1”= 11 vente par secondesur eBay mobile UK en 2011
eBay / Mobile Commerce Daily - octobre 2011
Google think mobile - 2011
Australie
Suisse
Norvège
Espagne
Etats Unis
Danemark
Royaume Uni
République Tchèque
France
Corée du Sud
Russie
Italie
Autriche
Allemagne
Turquie
0 10 20 30 40
14
18
21
24
25
27
27
29
30
30
31
33
33
34
37
Taux d’équipement smartphone
6millionsse connectenttous les jours
Médiamétrie - octobre 2011
27%de smartphonesen France en 2011
Google think mobile - 2011
40%de smartphonesen France en 2011
Médiamétrie - octobre 2011
millions
12de smartphones vendus en France en 2011
GfK- octobre 2011
Comscore octobre 2011
4 %5 %8 %
Android27 %
Symbian26 %
Apple30 %
Part de marché des OS smartphonesFrance + Allemagne + Italie + Espagne + Royaume Uni
Apple Symbian Android Blackberry Microsoft autres
Comscore août 2011
7 %8 %
Android21 %
3 %
Apple61 %
Consommation de bande passanteFrance + Allemagne + Italie + Espagne + Royaume Uni
Apple Symbian Android Blackberry autres
Stanley Research
mobile vs. desktop2007-2015 (estimations)
!"###
$"%##
$"!##
&##
'##
#!##()**!##&)**!##+)**!#$#)**!#$$)**!#$!)**!#$,)**!#$')**!#$-)
./012/10*34124*56
67
689:;1*./012/10*34124
<14=08>*./012/10*34124
39%utilisent leur smartphone
aux toilettes
Google think mobile - 2011
24%ont fait un achat
sur leur smartphone*
* hors applis et téléchargements - FEVAD juin 2011
47%utilisent leur smartphone
pour préparer un achat
FEVAD juin 2011
35%ont utilisé leur smartphone
dans un magasin
FEVAD juin 2011
36%
pour regarder le prixdans une autre enseigne
FEVAD juin 2011
29%
pour géolocaliser d’autres enseignes
26%
pour montrer le produit au vendeur
Les mobinautessont là,
mais pas encoretous les
e-commerçants…
mobilepourquois’en méfier ?
S'il vous plaît...dessine-moi une appli
1- développement
2- publicationsur le store
3- téléchargement par les utilisateurs
148apps.biz / AppBrain 14 mars 2012
588 492applis sur l’AppStore
405 241applis sur AndroidMarket
Google Think Mobile
28applis installées
en moyenne
80%des applis de marquen’atteignent pas 1000 téléchargements
Deloitte
4- utilisationpar les utilisateurs
Google Think Mobile
28applis installées
en moyenne
RAPPEL
11utilisées
Google Think Mobile
dans le dernier mois
5- maintenance
24%des applis sont supprimées
de l’AppStore(37% sur AndroidMarket)
Research2Guidance
24%des applis sont supprimées
de l’AppStore(37% sur AndroidMarket)
Research2Guidance
n°11er motif de suppression :
problème d’incompatibilitéavec le dernier OS
Research2Guidance
Retour à la case départ !
maintenance d’une appli=
nombre de versions du devicex
versions de l’OSx
versions de l’appli
l’iPad =sauveur de la presse
TOUTE LA PRESSE en mai 2010
30%commission d’Apple sur les abonnements
Apple
#fail
les applisne sont pasmagiques !
#fail
#fail
#fail
#fail
22%des e-commerçants mobile
(sites + apps)
CCM Benchmark - juillet 2011
=78%des e-commerçants PAS mobile
(sites + apps)
CCM Benchmark - juillet 2011
40%des mobinautes
préfèrent acheter sur le site
IAB M-Commerce 2011
17% via une appli
31%des mobinautes
regrettent que les sitesne soient pas optimisés
pour mobileConsensus / WorldPay - Octobre 2011
#fail
comScore MobiLens - Avril 2011
53%des smartphonautesutilisent des applis
comScore MobiLens - Avril 2011
53%des smartphonautes
browsent
les internautes…
surfent !
scoop!
Yahoo! / Ipsos - Mobile Modes: How to Connect with Mobile Consumers - août 2011
Acheter
Rechercher
Se divertir
S’informer
0 25 50 75 100
61
40
37
27
39
60
63
73
Browser Apps
Activités sur smartphone Utilisation browser vs. app (US)
tv
tablette
consolesmartphones
e-readers
Apple iPad 21024 x 768 px
Samsung Galaxy Tab 10.11280 x 800 px
iPad 32048 x 1536 px
BlackBerry PlayBook1024 x 600 px
Kindle fire1024 x 600 px+ server side optimization
Sony Xperia U854 x 480 px
Sony Xperia P960 x 540 px
Sony Xperia S854 x 480 px
Sony Tablet PDouble screen
Sony Tablet PDouble screen
2 x 1024 x 480 px
www.ebay.com mobileweb.ebay.com
m.ebay.comeBay extensions
& add-on
iPhone Androïd Win BlackBerrydesktop mobile iPad
la courseaux devicesest perdue d’avance !?
mobilele point surle webresponsive
« Web Responsive » : c’est quoi ?
Une nouvelle démarche de design de site webqui s’appuie sur la capacité des navigateurs
à détecter les caractéristiques du device.
Plutôt que de construire différents sites pour différents types de devices, l’approche « responsive »
consiste en un seul site qui s’adapteà plusieurs devices et ainsi de supporter
davantage de devices sans devoir développeret maintenir plusieurs sites différents.
webresponsiveun seul site pour tous les devices
fluid layoutmediaqueriesadaptative mediasserver optimization
« Web Responsive » : c’est quoi ?
@mediaqueries
résolutiond’écran
nombrede couleurs
périphériques d’entréetouch / keyboard…
1920 px
1280px
1024px
800px
640px
320px
des résolutions d’écransstructurantes(surtout la largeur !)
1920 px
1280px
1024px
800px
640px
320pxsmartphone smart
phone
TV
desktopdesktop desktop
featuresphone features
phone
tablettablettablet
Andersson-Wise Architectshttp://www.anderssonwise.com
The Boston Globehttp://www.bostonglobe.com
showtime!
desktopdesktop
tabletsmartphone
tablet
avantageset inconvénients
Servir plus de clientsplus souvent
Plus de clients peuvent faire leur shopping quand ils veulentoù ils veulent et quelque soitle device qu’ils choisissent
avantage
avantageNouvelles fonctionnalitéspartout, tout de suite
Mise en place des évolutionsdu site sur tous les devicesau même moment
avantageCoût de set-up
Pas d’investissement dansle développement et la recetted’un site spécifique à chaquecatégorie de devices.
avantageCoût d’exploitation
Pas de développement/recetteen double des évolutions du site web dans les sites spécifiques+ un seul site à maintenir (TMA)
avantageUne seule URL
Bénéfique pour le SEO, le SMO,l’e-mail marketinget les usages cross devices
(pas de problème de 404,de redirection vers la homepage...)
avantageFuture proof
Le site sera conçu pour s’adapterà différentes largeurs d’écrans et sera ainsi déjà prêt pour répondre aux évolutions des devices et des tendances d’usage (ex : web sur TV)
avantageLes avantages du webvs. apps natives
Pas de download dans un store,instantanéité des mises à jour, indépendance, 1 seule versionà supporter, SEO-friendly,e-mailing-friendly.
inconvénientsExpérience adaptéevs. expérience naturelle du device
Création d’une expérience homogène sur tous les devicesmais qui n’est pas baséesur les principes ergonomiquespropres au device
inconvénientsPas de 100% pixel perfect
Le layout sera un peu différentsur chaque device et il ne seradonc pas possible d’assurerune expérience 100% identiqueaux maquettes sur tous les devices.
inconvénientsPas universel
Cette solution ne répondra pasà tous les features phones, principalement ceux de plus de 3 ans(Motorola Razr, anciens BlackBerry ou Nokia).
inconvénientsNiveau de compétence
Restreint le nombre de prestataires capables d’intervenir sur le front-end à ceux disposant d’une vraie expertise HTML/CSS/JSet peut limiter le développement low-cost.
inconvénientsRestreint les plug-ins externesà ceux adaptés au mobile
84 Kb,10 requêtes http,1,340 seconde
=
le responsivec’est bien…
mais pas que.
smartphone
TVdesktopdesktop
featuresphone tablet
smartphone
TVdesktopdesktop
featuresphone tablet
smartphone
TVdesktopdesktop
featuresphone tablet
smartphone
TVdesktopdesktop
featuresphone tablet
smartphone
TVdesktopdesktop
featuresphone tablet
smartphone
TVdesktopdesktop
featuresphone tablet
www
www app+
m.www app+ +
m.responsivewww app+ + +
app +responsive
app m.+ +responsive
responsive
le responsiven’est pas
forcémmentexclusif !
rendre son sitemobile-compatible
ou mobile-optimizedest devenu une dette.
