Ce diaporama a bien été signalé.
Le téléchargement de votre SlideShare est en cours. ×

Atelier 5 VEM7 - La conception de sites web en mode mobile first

Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Publicité
Chargement dans…3
×

Consultez-les par la suite

1 sur 43 Publicité

Atelier 5 VEM7 - La conception de sites web en mode mobile first

Télécharger pour lire hors ligne

ANIMATEUR : Vivian VIDAL (Cabinet 4V)
INTERVENANTS : Cedric Chabry (Agence interactive) | Jean-Baptiste DAVID (NOE interactive) | Frédérique PACOTTE (IRIS INTERACTIVE)

ANIMATEUR : Vivian VIDAL (Cabinet 4V)
INTERVENANTS : Cedric Chabry (Agence interactive) | Jean-Baptiste DAVID (NOE interactive) | Frédérique PACOTTE (IRIS INTERACTIVE)

Publicité
Publicité

Plus De Contenu Connexe

Diaporamas pour vous (20)

Similaire à Atelier 5 VEM7 - La conception de sites web en mode mobile first (20)

Publicité

Plus par Salon e-tourisme #VeM (20)

Publicité

Atelier 5 VEM7 - La conception de sites web en mode mobile first

  1. 1. Salle #VEM7 Voyage en Multimédia | 3 - 4 & 5 Février 2016 | Saint-Raphaël - Slides disponibles sur www.salon-etourisme.com La conception de sites web en mode « mobile First » Atelier i5 Animateur : Vivian VIDAL Cédric CHABRY Agence interactive Jean-Baptiste DAVID NOE interactive Frédérique PACOTTE Iris Interactive
  2. 2. Salle #VEM7 Voyage en Multimédia | 3 - 4 & 5 Février 2016 | Saint-Raphaël - Slides disponibles sur www.salon-etourisme.com Atelier i5 L’avènement de la connexion en mobilité impacte la création des sites web. Le responsive design permet un affichage optimisé en lecture sur mobile. La conception de pages web en mode « Mobile first » change la façon d’appréhender l’expérience utilisateur en valorisant la géolocalisation et le moment présent. • Mobile first ça veut dire quoi concrètement ? • Quand faut-il travailler en mobile first ? • Comment faut-il s’y prendre ? • Pourquoi suis-je concerné si je ne suis pas développeur ? La conception de sites web en mode « mobile First »
  3. 3. > >
  4. 4. > >
  5. 5. > >> >
  6. 6. > > >
  7. 7. > > > > >
  8. 8. 9 Étude de cas : #VEM7 Voyage en Multimédia | 4 & 5 Février 2016 | Saint-Raphaël - Slides disponibles sur www.salon-etourisme.com Atelier 15 : La conception de site web en mode « mobile First »
  9. 9. Atelier 15 : La conception de site web en mode « mobile First » Je découvre la destination
  10. 10. Atelier 15 : La conception de site web en mode « mobile First » Je découvre la destination
  11. 11. #VEM7 Voyage en Multimédia | 4 & 5 Février 2016 | Saint-Raphaël - Slides disponibles sur www.salon-etourisme.com Atelier 15 : La conception de site web en mode « mobile First »
  12. 12. Atelier 15 : La conception de site web en mode « mobile First » Je consulte les offres
  13. 13. Atelier 15 : La conception de site web en mode « mobile First » Je réserve mon voyage
  14. 14. Atelier 15 : La conception de site web en mode « mobile First »
  15. 15. Atelier 15 : La conception de site web en mode « mobile First »
  16. 16. Atelier 15 : La conception de site web en mode « mobile First »
  17. 17. Atelier 15 : La conception de site web en mode « mobile First »
  18. 18. Atelier 15 : La conception de site web en mode « mobile First »
  19. 19. MOBILE FIRST + RESPONSIVE DESIGN { USER FIRST }
  20. 20. 25 #VEM7 Voyage en Multimédia | 4 & 5 Février 2016 | Saint-Raphaël - Slides disponibles sur www.salon-etourisme.com montpellier-tourisme.fr
  21. 21. 29 #VEM7 Voyage en Multimédia | 4 & 5 Février 2016 | Saint-Raphaël - Slides disponibles sur www.salon-etourisme.com montpellier-tourisme.fr
  22. 22. 30 #VEM7 Voyage en Multimédia | 4 & 5 Février 2016 | Saint-Raphaël - Slides disponibles sur www.salon-etourisme.com montpellier-tourisme.fr
  23. 23. 31 #VEM7 Voyage en Multimédia | 4 & 5 Février 2016 | Saint-Raphaël - Slides disponibles sur www.salon-etourisme.com montpellier-tourisme.fr
  24. 24. 32 #VEM7 Voyage en Multimédia | 4 & 5 Février 2016 | Saint-Raphaël - Slides disponibles sur www.salon-etourisme.com montpellier-tourisme.fr
  25. 25. Etude de cas : chartreuse-tourisme.com géolocalisation Mobile First & expérience utilisateur (UX)
  26. 26. • Stimulation de l’utilisateur par un menu accrocheur • Expérience spécifique si l’utilisateur est sur place, détection via la géolocalisation Mobile First & expérience utilisateur (UX) Géolocalisation
  27. 27. • Call to action : situation géographique à préciser par l’utilisateur (si pas précisé) • pour un service très personnalisé • on rassure l’usager Géolocalisation Mobile First & expérience utilisateur (UX)
  28. 28. Géolocalisation maximiser l’expérience et l’usage en mode carte Mobile First & expérience utilisateur (UX)
  29. 29. Une interface utilisateur engageante Mobile First & expérience utilisateur (UX) Etude de cas : lesmenuires.com (tablette)
  30. 30. 2 boutons « Call to action » dépendants de la stratégie commerciale Une interface utilisateur engageante Mobile First & expérience utilisateur (UX)
  31. 31. UI similaire, dans un service tierce, mais responsive Une interface utilisateur engageante Mobile First & expérience utilisateur (UX)
  32. 32. Une stratégie mobile first n’a de sens que si : – on sait proposer un contenu différencié en préparation de séjour et en situation de séjour (géolocalisation). – le mobile devient le point de contact privilégié pour capter l’attention d’un client en séjour – on connaît suffisamment de choses (Data) sur ses utilisateurs pour leur proposer des offres qualifiées (smartdata) Mobile first : le contenu first
  33. 33. Une qualification exemplaire des données SIT pour une recherche sur mobile – des résultats liés à la proximité (géolocalisation) – des résultats liés au contexte (horaires, disponibilité, météo) – le mobile devient alors l’outil déterminant d’une stratégie ROPO (Research Online Pourchasse Offline) avec vos prestataires Mobile first : le contenu first ROPO
  34. 34. #VEM7 Voyage en Multimédia | 4 & 5 Février 2016 | Saint-Raphaël - Slides disponibles sur www.salon-etourisme.com Retrouvez toutes les informations et les coordonnées des intervenants sur: http://www.salon- etourisme.com/intervenants-vem Ou cliquez directement leur nom sur la première slide Infos Intervenants
  35. 35. Salle #VEM7 Voyage en Multimédia | 3 - 4 & 5 Février 2016 | Saint-Raphaël - Slides disponibles sur www.salon-etourisme.com La conception de sites web en mode « mobile First » Atelier i5 Animateur : Vivian VIDAL Cédric CHABRY Agence interactive Jean-Baptiste DAVID NOE interactive Frédérique PACOTTE Iris Interactive

×