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

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

http://www.salon-etourisme.com/intervenants-vem/#chabry

http://www.salon-etourisme.com/intervenants-vem/#david

http://www.salon-etourisme.com/intervenants-vem/#pacotte

Salle


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 »

> >

> >

> >> >

> >>

> >>

> >

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 »


Je découvre la destination


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)

http://chartreuse-tourisme.com/

• 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


Géolocalisation

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


Une interface utilisateur engageante


Etude de cas : lesmenuires.com (tablette)

http://lesmenuires.com/

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

ROPO


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




Salle


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

http://www.salon-etourisme.com/intervenants-vem/#chabry

http://www.salon-etourisme.com/intervenants-vem/#david

http://www.salon-etourisme.com/intervenants-vem/#pacotte