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

transcript

#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 weben mode « mobile First »

Atelier i5

Animateur : Vivian VIDAL

Cédric CHABRY Agence interactive

Jean-Baptiste DAVID NOE interactive

Frédérique PACOTTE Iris Interactive

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 »

> >> >

É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 »

Je découvre la destination

Je consulte les offres

Je réserve mon voyage

MOBILE FIRST + RESPONSIVE DESIGN{ USER FIRST }

25#VEM7 Voyage en Multimédia | 4 & 5 Février 2016 | Saint-Raphaël - Slides disponibles sur www.salon-etourisme.com

montpellier-tourisme.fr

Etude de cas : chartreuse-tourisme.com

géolocalisation

Mobile First & expérience utilisateur (UX)

• Stimulation de l’utilisateur par un menu accrocheur

• Expérience spécifique si l’utilisateur est sur place, détection via la géolocalisation

Géolocalisation

• 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

maximiser l’expérience et l’usage en mode carte

Une interface utilisateur engageante

Etude de cas : lesmenuires.com (tablette)

2 boutons « Call to action » dépendants de la stratégie commerciale

UI similaire, dans un service tierce, mais responsive

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

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

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

La conception de sites weben mode « mobile First »

Atelier i5

Animateur : Vivian VIDAL

Cédric CHABRY Agence interactive

Jean-Baptiste DAVID NOE interactive

Frédérique PACOTTE Iris Interactive