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