Présentation donnée par Grégory Moignard, directeur associé d'altima°.
(cette présentation a été diffusé en sept 2012 lors du salon e-commerce, cette dernière version contient des résultats chiffrés sur les sites dernièrement lancés en mode responsive)
Conférence au salon E-Commerce Paris 2012 de Stéphane Lecouturier Directeur Création & User Experience, altima°.
Applications (iPhone, Android, iPad…) ? Site mobile ? Ou site responsive qui s’adapte à tous les devices ?
Même si l’enjeu du mobile est devenu une évidence, la tactique pour l’aborder l’est beaucoup moins.
Clarifiez votre vision du mobile en 45 minutes de démêlage de l’univers bouillonnant du cross-device.
10. Le « Web Responsive » : c’est quoi ?
Une nouvelle démarche de design de site web
qui 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évelopper
et maintenir plusieurs sites différents.
27. le m-commerce =
nouvel eldorado du web ?
m-commerce en France = 13,4 milliards d’euros en 2015
Xerfi 03/2012
Dans 5 ans, 19,2 milliards d'euros seront générés
grâce au m-commerce dans sept pays d'Europe,
dont 3,1 en France. Forrester 07/2012
42. expérience adaptée
vs. expérience naturelle du device
—
Création d’une expérience homogène sur
tous les devices mais qui n’est pas basée
sur les principes ergonomiques
propres au device
—
43. pas de 100% pixel perfect
—
Le layout sera un peu différent
sur chaque device et il ne sera
donc pas possible d’assurer
une expérience 100% identique
aux maquettes sur tous les devices.
—
44. une recette exhaustive
—
Il est important de bien définir ses devices cibles
en amont pour réussir une recette complète.
Chaque évolution sera déployée
plus rapidement mais
sera testée plus longtemps.
—
45. compétence métier
—
Restreint le nombre de prestataires capables
d’intervenir sur le front-end à ceux disposant
d’une vraie expertise HTML/CSS/JS, de conception et
d’optimisation de la performance.
—
57. performance matters!
100 ms d’attente = 1 % de vente en moins
(manque à gagner potentiel de 191 millions de $ en 2008)
400 ms d’attente =
5 à 9 % de perte de trafic
500 ms d’attente = baisse de trafic de 20 %
le coût de la lenteur augmente de jour en jour
1 s d’attente = baisse des revenus de 4 %
Sources: slideshare.net/stubbornella/designing-fast-websites-presentation & slideshare.net/markstanton/speed-matters
63. Comparison of Mobile & Desktop RWD Views
By Jason Grigsby
#fail
http://www.uie.com/uietips/online_uietips/uietips__09_11_12.html
64. framework
et architecture technique
• comment s’effectue
le rendering des pages HTML ?
• framework commun web et mobile ?
• quels formats d’images ?
66. performance
et hébergement
• même hébergement web et mobile ?
• gestion du cache ?
• optimisation des médias
à la volée pour le mobile ?
• comment je détecte les devices ?
68. j’ai déjà un site
et/ou des applis !
• comment transformer mon site web
en responsive sans tout refondre ?
• dois-je conserver mes applis ?
• comment je fais pour scanner
un code barre sans appli ?
69. comprendre ou définir
l’écosytème digital
• à quoi sert mon site web…
• à quoi servent mes applis…
• qui sont mes clients…
• quels devices utilisent-ils…
• dans quel contexte…
• d’où vient mon CA…
70. « Responsive design is a clever
solution for saving time and
effort but not the best solution
for serving all experience »
@bkwalker
pleinière 1to1
88. case-study
• un site web pour inscription et
commande de magazines
• + des applis : pour la consultation
• 95 % d’utilisation tablette
• contrainte Apple in app purchase :
30 % de mon CA menacé
95. case-study
• un site web pour commander
• pas de site mobile ni d’appli
• un service (location de skis)
propice à la mobilité
• une cible internationale
• l’autoroute de la conversion
97. - skimium.com -
+9,3%
en conversion
—
+7,8% en conversion desktop
—
Évolution observée entre les périodes du 13/10 au 05/03/2012 et du 11/10 au 03/03/2015
sur les supports tablettes et mobiles. — Outil de mesure : Google analytics
98. - skimium.com -
+104 %
en conversion mobile
—
+90 %
en conversion tablette
—
+7,8% en conversion desktop
Évolution observée entre les périodes du 13/10 au 05/03/2012 et du 11/10 au 03/03/2015
sur les supports tablettes et mobiles. — Outil de mesure : Google analytics
99. - skimium.com -
+30 %
—
c'est le pourcentage de la croissance CA versus N-1 apportée par le
responsive.
SI on part du principe que l'impact de conversion & de CA que l'on
visualise sur les desktops aurait été le même pour le trafic mobile.
—
Évolution observée entre les périodes du 13/10 au 05/03/2012 et du 11/10 au 03/03/2015
sur les supports tablettes et mobiles. — Outil de mesure : Google analytics