mobile : comment y aller sans le regretter ? à lyon
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=2364TRANSCRIPT
![Page 1: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/1.jpg)
![Page 2: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/2.jpg)
mobilePourquoi y aller ?
Pourquoi s’en méfier ?
Le point sur le Webresponsive
![Page 3: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/3.jpg)
mobilepourquoiy aller ?
![Page 4: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/4.jpg)
€500millions
m-commerce en France en 2010
Xerfi
= 500 000 000 €
![Page 5: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/5.jpg)
€13milliards
m-commerce en France en 2015
Xerfi
= 13 000 000 000 €
![Page 6: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/6.jpg)
$600millions
chiffre d’affaire m-commerce ebay en 2009
= $600 000 000eBay / Mobile Commerce Daily
![Page 7: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/7.jpg)
$2milliards
chiffre d’affaire m-commerce ebay en 2010
= $2 000 000 000eBay / Mobile Commerce Daily
![Page 8: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/8.jpg)
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
![Page 9: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/9.jpg)
$5milliards
chiffre d’affaire m-commerce ebay en 2011
= $5 000 000 000eBay / Mobile Commerce Daily
![Page 10: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/10.jpg)
$8milliards
chiffre d’affaire m-commerce ebay en 2012
= $8 000 000 000eBay / John Donahoe - CES Las Vegas - janvier 2012
![Page 11: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/11.jpg)
$265 000Avion Piper PA-46-310P Malibu de 1985
l’objet le plus cher vendu sur eBay mobile en 2010
Mashable
![Page 12: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/12.jpg)
3,5Ferrari / mois
vendues sur eBay mobile en 2011
eBay / Mobile Commerce Daily - janvier 2011
![Page 13: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/13.jpg)
1”= 11 vente par secondesur eBay mobile UK en 2011
eBay / Mobile Commerce Daily - octobre 2011
![Page 14: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/14.jpg)
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
![Page 15: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/15.jpg)
6millionsse connectenttous les jours
Médiamétrie - octobre 2011
![Page 16: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/16.jpg)
27%de smartphonesen France en 2011
Google think mobile - 2011
![Page 17: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/17.jpg)
40%de smartphonesen France en 2011
Médiamétrie - octobre 2011
![Page 18: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/18.jpg)
millions
12de smartphones vendus en France en 2011
GfK- octobre 2011
![Page 19: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/19.jpg)
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
![Page 20: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/20.jpg)
Comscore août 2011
7 %8 %
Android21 %
3 %
Apple61 %
Consommation de bande passanteFrance + Allemagne + Italie + Espagne + Royaume Uni
Apple Symbian Android Blackberry autres
![Page 21: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/21.jpg)
Stanley Research
mobile vs. desktop2007-2015 (estimations)
!"###
$"%##
$"!##
&##
'##
#!##()**!##&)**!##+)**!#$#)**!#$$)**!#$!)**!#$,)**!#$')**!#$-)
./012/10*34124*56
67
689:;1*./012/10*34124
<14=08>*./012/10*34124
![Page 22: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/22.jpg)
39%utilisent leur smartphone
aux toilettes
Google think mobile - 2011
![Page 23: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/23.jpg)
24%ont fait un achat
sur leur smartphone*
* hors applis et téléchargements - FEVAD juin 2011
![Page 24: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/24.jpg)
47%utilisent leur smartphone
pour préparer un achat
FEVAD juin 2011
![Page 25: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/25.jpg)
35%ont utilisé leur smartphone
dans un magasin
FEVAD juin 2011
![Page 26: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/26.jpg)
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
![Page 27: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/27.jpg)
Les mobinautessont là,
mais pas encoretous les
e-commerçants…
![Page 28: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/28.jpg)
mobilepourquois’en méfier ?
![Page 29: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/29.jpg)
S'il vous plaît...dessine-moi une appli
![Page 30: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/30.jpg)
1- développement
![Page 31: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/31.jpg)
![Page 32: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/32.jpg)
2- publicationsur le store
![Page 33: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/33.jpg)
![Page 34: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/34.jpg)
![Page 35: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/35.jpg)
3- téléchargement par les utilisateurs
![Page 36: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/36.jpg)
148apps.biz / AppBrain 14 mars 2012
588 492applis sur l’AppStore
405 241applis sur AndroidMarket
![Page 37: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/37.jpg)
Google Think Mobile
28applis installées
en moyenne
![Page 38: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/38.jpg)
80%des applis de marquen’atteignent pas 1000 téléchargements
Deloitte
![Page 39: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/39.jpg)
4- utilisationpar les utilisateurs
![Page 40: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/40.jpg)
Google Think Mobile
28applis installées
en moyenne
RAPPEL
![Page 41: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/41.jpg)
11utilisées
Google Think Mobile
dans le dernier mois
![Page 42: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/42.jpg)
5- maintenance
![Page 43: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/43.jpg)
24%des applis sont supprimées
de l’AppStore(37% sur AndroidMarket)
Research2Guidance
![Page 44: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/44.jpg)
24%des applis sont supprimées
de l’AppStore(37% sur AndroidMarket)
Research2Guidance
![Page 45: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/45.jpg)
n°11er motif de suppression :
problème d’incompatibilitéavec le dernier OS
Research2Guidance
![Page 46: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/46.jpg)
Retour à la case départ !
![Page 47: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/47.jpg)
maintenance d’une appli=
nombre de versions du devicex
versions de l’OSx
versions de l’appli
![Page 48: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/48.jpg)
l’iPad =sauveur de la presse
TOUTE LA PRESSE en mai 2010
![Page 49: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/49.jpg)
30%commission d’Apple sur les abonnements
Apple
![Page 50: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/50.jpg)
#fail
![Page 51: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/51.jpg)
![Page 52: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/52.jpg)
![Page 53: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/53.jpg)
![Page 54: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/54.jpg)
les applisne sont pasmagiques !
![Page 55: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/55.jpg)
![Page 56: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/56.jpg)
![Page 57: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/57.jpg)
![Page 58: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/58.jpg)
![Page 59: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/59.jpg)
#fail
![Page 60: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/60.jpg)
![Page 61: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/61.jpg)
![Page 62: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/62.jpg)
#fail
![Page 63: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/63.jpg)
![Page 64: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/64.jpg)
![Page 65: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/65.jpg)
#fail
![Page 66: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/66.jpg)
![Page 67: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/67.jpg)
![Page 68: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/68.jpg)
![Page 69: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/69.jpg)
![Page 70: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/70.jpg)
![Page 71: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/71.jpg)
![Page 72: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/72.jpg)
![Page 73: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/73.jpg)
#fail
![Page 74: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/74.jpg)
22%des e-commerçants mobile
(sites + apps)
CCM Benchmark - juillet 2011
![Page 75: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/75.jpg)
=78%des e-commerçants PAS mobile
(sites + apps)
CCM Benchmark - juillet 2011
![Page 76: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/76.jpg)
40%des mobinautes
préfèrent acheter sur le site
IAB M-Commerce 2011
17% via une appli
![Page 77: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/77.jpg)
31%des mobinautes
regrettent que les sitesne soient pas optimisés
pour mobileConsensus / WorldPay - Octobre 2011
![Page 78: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/78.jpg)
#fail
![Page 79: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/79.jpg)
comScore MobiLens - Avril 2011
53%des smartphonautesutilisent des applis
![Page 80: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/80.jpg)
comScore MobiLens - Avril 2011
53%des smartphonautes
browsent
![Page 81: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/81.jpg)
les internautes…
surfent !
scoop!
![Page 82: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/82.jpg)
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)
![Page 83: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/83.jpg)
![Page 84: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/84.jpg)
![Page 85: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/85.jpg)
tv
tablette
consolesmartphones
e-readers
![Page 86: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/86.jpg)
Apple iPad 21024 x 768 px
Samsung Galaxy Tab 10.11280 x 800 px
![Page 87: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/87.jpg)
iPad 32048 x 1536 px
![Page 88: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/88.jpg)
BlackBerry PlayBook1024 x 600 px
![Page 89: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/89.jpg)
Kindle fire1024 x 600 px+ server side optimization
![Page 90: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/90.jpg)
Sony Xperia U854 x 480 px
Sony Xperia P960 x 540 px
Sony Xperia S854 x 480 px
![Page 91: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/91.jpg)
Sony Tablet PDouble screen
![Page 92: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/92.jpg)
Sony Tablet PDouble screen
2 x 1024 x 480 px
![Page 93: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/93.jpg)
www.ebay.com mobileweb.ebay.com
m.ebay.comeBay extensions
& add-on
iPhone Androïd Win BlackBerrydesktop mobile iPad
![Page 94: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/94.jpg)
![Page 95: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/95.jpg)
la courseaux devicesest perdue d’avance !?
![Page 96: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/96.jpg)
mobilele point surle webresponsive
![Page 97: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/97.jpg)
« 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.
![Page 98: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/98.jpg)
webresponsiveun seul site pour tous les devices
![Page 99: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/99.jpg)
fluid layoutmediaqueriesadaptative mediasserver optimization
« Web Responsive » : c’est quoi ?
![Page 100: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/100.jpg)
@mediaqueries
![Page 101: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/101.jpg)
résolutiond’écran
![Page 102: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/102.jpg)
nombrede couleurs
![Page 103: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/103.jpg)
périphériques d’entréetouch / keyboard…
![Page 104: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/104.jpg)
1920 px
1280px
1024px
800px
640px
320px
des résolutions d’écransstructurantes(surtout la largeur !)
![Page 105: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/105.jpg)
1920 px
1280px
1024px
800px
640px
320pxsmartphone smart
phone
TV
desktopdesktop desktop
featuresphone features
phone
tablettablettablet
![Page 107: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/107.jpg)
Andersson-Wise Architectshttp://www.anderssonwise.com
![Page 108: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/108.jpg)
The Boston Globehttp://www.bostonglobe.com
![Page 109: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/109.jpg)
showtime!
![Page 110: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/110.jpg)
![Page 111: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/111.jpg)
desktopdesktop
tabletsmartphone
tablet
![Page 112: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/112.jpg)
![Page 113: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/113.jpg)
avantageset inconvénients
![Page 114: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/114.jpg)
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
![Page 115: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/115.jpg)
avantageNouvelles fonctionnalitéspartout, tout de suite
Mise en place des évolutionsdu site sur tous les devicesau même moment
![Page 116: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/116.jpg)
avantageCoût de set-up
Pas d’investissement dansle développement et la recetted’un site spécifique à chaquecatégorie de devices.
![Page 117: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/117.jpg)
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)
![Page 118: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/118.jpg)
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...)
![Page 119: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/119.jpg)
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)
![Page 120: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/120.jpg)
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.
![Page 121: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/121.jpg)
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
![Page 122: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/122.jpg)
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.
![Page 123: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/123.jpg)
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).
![Page 124: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/124.jpg)
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.
![Page 125: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/125.jpg)
inconvénientsRestreint les plug-ins externesà ceux adaptés au mobile
84 Kb,10 requêtes http,1,340 seconde
=
![Page 126: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/126.jpg)
le responsivec’est bien…
mais pas que.
![Page 127: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/127.jpg)
smartphone
TVdesktopdesktop
featuresphone tablet
![Page 128: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/128.jpg)
smartphone
TVdesktopdesktop
featuresphone tablet
![Page 129: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/129.jpg)
smartphone
TVdesktopdesktop
featuresphone tablet
![Page 130: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/130.jpg)
smartphone
TVdesktopdesktop
featuresphone tablet
![Page 131: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/131.jpg)
smartphone
TVdesktopdesktop
featuresphone tablet
![Page 132: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/132.jpg)
smartphone
TVdesktopdesktop
featuresphone tablet
![Page 133: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/133.jpg)
www
![Page 134: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/134.jpg)
www app+
![Page 135: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/135.jpg)
m.www app+ +
![Page 136: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/136.jpg)
m.responsivewww app+ + +
![Page 137: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/137.jpg)
app +responsive
![Page 138: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/138.jpg)
app m.+ +responsive
![Page 139: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/139.jpg)
responsive
![Page 140: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/140.jpg)
le responsiven’est pas
forcémmentexclusif !
![Page 141: Mobile : comment y aller sans le regretter ? à Lyon](https://reader033.vdocuments.mx/reader033/viewer/2022051513/547b153db37959492b8b4c61/html5/thumbnails/141.jpg)
rendre son sitemobile-compatible
ou mobile-optimizedest devenu une dette.