A5 : Du storytelling au scrollitelling
@fperroy @MrEtourisme
On veut tous de belles histoires…
« pour que l’évènement le plus banal devienne une aventure, il faut
et il suffit qu’on s...
Oui, bon…
Le storytelling,
on connait !
OK… On vous écoute
Quels sont les ingrédients du bon storytelling ?
On est d’accord ?
Dans ce cas,
pourquoi nous
limitons-nous
le plus souvent
à ça ?...
#vismaviedeboulanger
#monbeauterritoire #picoftheday
#l...
Ceci n’est pas du storytelling
Le B.A.BA
OUI NON
OUI
NON
Création
d’un symbole
Choix dans
le patrimoine
méconnu
Recherche
d’informations
Élaboration
d’un...
You know
what?
I hate
Thailand !
Tendance forte
Les sites recourant massivement au scroll et aux
effets de parallaxe
Développée dès 2011, elle s’impose auj...
L’effet parallaxe
La parallaxe est l’incidence du changement de
position de l’observateur sur l’observation d’un
objet. En...
EFFET
PARALLAXE
Traduction dans le web
L'effet de parallaxe dans la conception web est la
technique qui permet de faire déplacer des image...
EFFET
PARALLAXE
http://www.web-eau.net/blog/tutoriel-realiser-un-site-web-avec-l-effet-parallaxe
SCROLLET
COUCHES
Avantages et inconvénients
•  Fluidification de la
navigation
•  « Réduction » du temps
chargement
•  Immersion dans
les c...
Des exemples pour mieux comprendre
PARALLAX
WEB DESIGN
On aurait pu vous parler aussi…
•  … de l’infinite scrolling;
•  … de l’hypothèse de voir Google
passer à 40 occurrences p...
Scrollitelling késako ?
Une tendance qui nous vient de la presse
Et sûrement l’influence des timelines…
Les outils du scrollitelling
•  Shorthand
•  Storehouse (app iPad)
•  Steller
•  Klynt
•  Racontr
•  Exposure
•  Aesop (ex...
C’est l’heure de VRAIMENT se mettre au
transmédia!
Crossmedia VS Transmedia
http://www.contes-estuaire.fr/
Crossmedia VS Transmedia
http://www.contes-estuaire.fr/
Soyez malins: crowdsourcez !
Quelques exemples significatifs
Etonnez-moi •  Un storytelling nouveau, événementiel,
narratif, l’étape d’après les cadres MTL ?
1.  Racontez une vraie histoire (et pas
forcément une histoire vraie…)
2.  Variez les média, pas seulement de la photo
3. ...
Et si…
…on testait ça en live et sans filet ?
Webographie sélective
•  http://veilletourisme.ca/2015/07/22/promouvoir-les-regions-grace-aux-
recettes-de-grands-meres/
•...
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
#ET11 - A5-Scrollitelling
Prochain SlideShare
Chargement dans…5
×

#ET11 - A5-Scrollitelling

1 294 vues

Publié le

Intervention dans le cadre des #ET11, 11èmes Rencontres Nationales du etourisme institutionnel, à Pau-Aquitaine, les 21 et 22 octobre 2015.

Publié dans : Voyages
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 294
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
54
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

#ET11 - A5-Scrollitelling

  1. 1. A5 : Du storytelling au scrollitelling @fperroy @MrEtourisme
  2. 2. On veut tous de belles histoires… « pour que l’évènement le plus banal devienne une aventure, il faut et il suffit qu’on se mette à le raconter » Jean-Paul SARTRE – La Nausée
  3. 3. Oui, bon… Le storytelling, on connait !
  4. 4. OK… On vous écoute Quels sont les ingrédients du bon storytelling ?
  5. 5. On est d’accord ?
  6. 6. Dans ce cas, pourquoi nous limitons-nous le plus souvent à ça ?... #vismaviedeboulanger #monbeauterritoire #picoftheday #leshashtagscestjoli #storytelling #monbeauterritoire #maisouestcequejaimismesclés #pouetaceluikilitça
  7. 7. Ceci n’est pas du storytelling
  8. 8. Le B.A.BA OUI NON OUI NON Création d’un symbole Choix dans le patrimoine méconnu Recherche d’informations Élaboration d’une identité STORYTELLING  =  DES  HISTOIRES  =  DE  L’HUMAIN   Disposons-nous d’un symbole? A-t-il une histoire ?
  9. 9. You know what? I hate Thailand !
  10. 10. Tendance forte Les sites recourant massivement au scroll et aux effets de parallaxe Développée dès 2011, elle s’impose aujourd’hui.
  11. 11. L’effet parallaxe La parallaxe est l’incidence du changement de position de l’observateur sur l’observation d’un objet. En d'autres termes, la parallaxe est l'impact (ou l'effet) de changement de position de l'observateur sur un objet observé. source http://fr.wikipedia.org/wiki/Parallaxe
  12. 12. EFFET PARALLAXE
  13. 13. Traduction dans le web L'effet de parallaxe dans la conception web est la technique qui permet de faire déplacer des images disposées sous différentes couches. L'interaction se fait à partir de la souris ou du scroll afin de créer un effet de vitesse/perspective pour donner une illusion agréable et intéressante de 3D.
  14. 14. EFFET PARALLAXE http://www.web-eau.net/blog/tutoriel-realiser-un-site-web-avec-l-effet-parallaxe
  15. 15. SCROLLET COUCHES
  16. 16. Avantages et inconvénients •  Fluidification de la navigation •  « Réduction » du temps chargement •  Immersion dans les contenus •  Technologie éprouvée (débuts en 2011) •  HTML5, CSS3 •  Ergonomie/usabilité parfois douteuse •  Plus adapté au tactile des tablettes qu’au tandem clavier/souris •  Risque d’effet de mode •  Poids des images de fond •  Multiplication des scripts •  Abus
  17. 17. Des exemples pour mieux comprendre PARALLAX WEB DESIGN
  18. 18. On aurait pu vous parler aussi… •  … de l’infinite scrolling; •  … de l’hypothèse de voir Google passer à 40 occurrences par page; •  … des soucis que va rencontrer l’internaute… et pas que lui… •  … du coup de vieux que se prennent nos sites…
  19. 19. Scrollitelling késako ?
  20. 20. Une tendance qui nous vient de la presse
  21. 21. Et sûrement l’influence des timelines…
  22. 22. Les outils du scrollitelling •  Shorthand •  Storehouse (app iPad) •  Steller •  Klynt •  Racontr •  Exposure •  Aesop (extension WP) •  Atavist •  …
  23. 23. C’est l’heure de VRAIMENT se mettre au transmédia!
  24. 24. Crossmedia VS Transmedia http://www.contes-estuaire.fr/
  25. 25. Crossmedia VS Transmedia http://www.contes-estuaire.fr/
  26. 26. Soyez malins: crowdsourcez !
  27. 27. Quelques exemples significatifs
  28. 28. Etonnez-moi •  Un storytelling nouveau, événementiel, narratif, l’étape d’après les cadres MTL ?
  29. 29. 1.  Racontez une vraie histoire (et pas forcément une histoire vraie…) 2.  Variez les média, pas seulement de la photo 3.  Faites voyager spatialement mais aussi temporellement 4.  Inspirez-vous des mises en page des magazines haut de gamme 5.  Usez des effets parallaxes sans abuser 5conseils
  30. 30. Et si… …on testait ça en live et sans filet ?
  31. 31. Webographie sélective •  http://veilletourisme.ca/2015/07/22/promouvoir-les-regions-grace-aux- recettes-de-grands-meres/ •  http://reference-etourisme.com/storytelling-chere-destination-raconte-moi- une-histoire/ •  http://www.web-eau.net/blog/tutoriel-realiser-un-site-web-avec-l-effet- parallaxe •  http://www.deepintheweb.com/effet-parallax-ressources-gratuites/ •  http://www.alsacreations.com/tuto/lire/1417-zoom-sur-effet-parallaxe.html •  http://www.blogduwebdesign.com/web-design-inspiration/25-sites-utilisant- un-effet-de-parallaxe-original/435 •  http://www.webdesignertrends.com/2012/07/la-boite-a-outils-de-la- parallaxe/ •  http://www.webdesigndev.com/parallax-scrolling-templates/

×