62
L’e-Tourisme à l’ère du multi-écrans Géolocalisation, cartographie et mobilité

4N-Atelier 3

Embed Size (px)

DESCRIPTION

Présentation réalisée lors de l'atelier 3 du parcours 4N, intitulé "l'e-tourisme à l'ère du multi-écrans - géolocalisation, cartographie et mobilité".

Citation preview

Page 1: 4N-Atelier 3

L’e-Tourisme à l’ère du multi-écrans

Géolocalisation, cartographie et mobilité

Page 2: 4N-Atelier 3

2

Face à…

l’explosion du Web mobile

… quelle stratégie adopter ?

Page 3: 4N-Atelier 3

3

Programme

1. Explosion de l’usage du mobile

2. Stratégie de contenu : du web vers le mobile

3. Ergonomie des applications mobiles

4. Référencement mobile

Page 4: 4N-Atelier 3

4

Explosion de l’usagedu mobile

Page 5: 4N-Atelier 3

5

Spectaculaire progression du mobile

Page 6: 4N-Atelier 3

6

Volume de consultation en fonction des heures de la journée

desktop

mobile

Page 7: 4N-Atelier 3

7

Lieux de consultation

Page 8: 4N-Atelier 3

8

Activités mobiles

1. Meubler les temps morts

2. Rester connecté socialement

3. S’orienter

4. Trouver une réponse immédiate

5. Acheter et réserver

6. Gérer et planifier

Page 9: 4N-Atelier 3

9

Stratégie de contenuDu Web vers le mobile

Page 10: 4N-Atelier 3

10

Comment évolue votre trafic mobile ?

Page 11: 4N-Atelier 3

11

Mesurer votre ratio desktop/mobile

blog.60questions.net timidite.info

Page 12: 4N-Atelier 3

12

Êtes-vous au-dessus de la moyenne ?

Page 13: 4N-Atelier 3

13

Que cherchent-ils sur mobile ?

Page 14: 4N-Atelier 3

14

Stratégie mobile : 3 options

1. Le responsive design

2. La version web mobile

3. L’application mobile

Page 15: 4N-Atelier 3

15

Option 1 : le « responsive design »

Page 16: 4N-Atelier 3

16

Le même contenu, mais un affichage adapté

Page 17: 4N-Atelier 3

17

Un doigt, c’est gros sur un smartphone

Page 18: 4N-Atelier 3

18

Option 2 : la version web mobile

Page 19: 4N-Atelier 3

19

Un contenu adapté aux attentes mobiles

Page 20: 4N-Atelier 3

20

Plusieurs options d’accès

1. www.monsite.be/mobile

2. m.monsite.eu

3. www.monsite.mobi

Page 21: 4N-Atelier 3

21

Appauvrissement ou enrichissement ?

Page 22: 4N-Atelier 3

22

Plus-value mobile

1. Géolocalisation

2. Temps réel

3. Alertes

4. Données personnelles et sociales

Page 23: 4N-Atelier 3

23

Option 3 : l’application mobile

Page 24: 4N-Atelier 3

24

Exploiter les capteurs de l’appareil

Page 25: 4N-Atelier 3

Exemples

25

Page 26: 4N-Atelier 3

26

Page 27: 4N-Atelier 3
Page 28: 4N-Atelier 3
Page 29: 4N-Atelier 3
Page 30: 4N-Atelier 3
Page 31: 4N-Atelier 3
Page 32: 4N-Atelier 3
Page 33: 4N-Atelier 3
Page 34: 4N-Atelier 3

34

Page 35: 4N-Atelier 3

35

Page 36: 4N-Atelier 3

36

Page 37: 4N-Atelier 3

37

Page 38: 4N-Atelier 3

38

Page 39: 4N-Atelier 3

39

Ergonomie mobile

Page 40: 4N-Atelier 3

40

Une question de pixels

Page 41: 4N-Atelier 3

41

Même deux colonnes, c’est déjà trop

Page 42: 4N-Atelier 3

42

Cinq boutons, c’est déjà trop aussi

Page 43: 4N-Atelier 3

43

Astuces pour une navigation en 2 temps

Page 44: 4N-Atelier 3

44

Verticalisation de l’architecture

Page 45: 4N-Atelier 3

45

Accueillir les gros doigts

Page 46: 4N-Atelier 3

46

Variabilité de la ligne de flottaison

Page 47: 4N-Atelier 3

47

Chaque pixel vaut son pesant d’or

Page 48: 4N-Atelier 3

48

Plus difficile que bourrer un sac de couchage

Page 49: 4N-Atelier 3

49

S’adapter aux rotations de l’appareil

Page 50: 4N-Atelier 3

50

Ben oui, pas évident…

Page 51: 4N-Atelier 3

51

Y a pas photo !

Page 52: 4N-Atelier 3

52

Renforcer les contrastes

Page 53: 4N-Atelier 3

53

Rédiger pour les mobiles

Page 54: 4N-Atelier 3

54

Faciliter l’utilisation du clavier

Page 55: 4N-Atelier 3

55

Référencementmobile

Page 56: 4N-Atelier 3

56

Concurrence entre votre site classique et votre site mobile

Web classique

Web mobile

Appli mobile

Page 57: 4N-Atelier 3

57

Pensez au référencement en life !

Page 58: 4N-Atelier 3

58

Pensez au référencement en life !

Page 59: 4N-Atelier 3

59

Valorisez l’appli mobile sur la page d’accueil du site classique !

Page 60: 4N-Atelier 3

60

Géolocalisez-vous !

Page 61: 4N-Atelier 3

61

« Du Web vers le mobile »Isabelle Canivet & Jean-Marc Hardy

Page 62: 4N-Atelier 3

Restons en contact !

blog.60questions.net

@jeanmarc_hardy

[email protected]