0

Scrollytelling ?

Scroll, baby, scroll

storytelling

scroll

Mouse body XXL seance
Mouse wheel XXL seance

scrollytelling 

scrollytelling 

L'art de raconter des histoires

sur le web, grâce au scroll.

Et pour le mobile,

au swipe.

mouse-body-rumswizzle.png
mouse-wheel-rumswizzle.png

Scroll : action de faire défiler une page web en actionnant la molette d'une souris ou en balayant des doigts un trackpad.

AUX ORIGINES

Dans les années 2000, le scroll n'a pas bonne presse. En 2006, selon une étude de Jakob Nielsen, 77% des visiteurs d'un site ne scrollent pas. Ils préfèrent se passer de prendre l'ascenseur,  peu confortable. Et les habitudes acquises ont la peau dure.

Résultat : web designers et web marketeurs s'évertuent à caser un maximum de contenu dans la partie immédiatement visible de la page — above the fold ou above the scroll — et le web ressemble à ça...

La généralisation des scroll wheels et touchpads puis l’explosion du mobile créent de nouvelles habitudes de lecture — basées sur le swipe — et changent la donne. Dans les années 2010, les journaux en ligne sont les premiers à s’essayer au scrollytelling, à l’image du New York Times, qui en 2012 sort Snow Fall, reportage long format, enrichi de photo, vidéo et data visualisations. Et les marques comprennnent vite l’intérêt du scrollytelling pour cultiver leur image.

Yahoo Original
Yahoo Duotone
snowfall-home.png snowfall-home-duotone.png Lire icon  hover Lire icon

Lire Snow Fall

Lire Snow Fall

Le scrollytelling s’impose comme un format, visuel, expérientiel, attrayant et particulièrement bien adapté à une lecture prolongée. Publicité, journalisme, éducation, fiction, documentaire, sa popularité tient aussi à la multiplicité des utilisations auxquelles il se prête. 

firstparallel.jpg
firstparallel-duotone.jpg Lire icon hover Lire icon

First Parallel

First Parallel

carre.png
rond.png
croix.png
triangle.png

LES FORMES

Le Long

Format

longformat-s1.png
longformat-s2.png
longformat-s3.png
longformat-s2c.png
longformat-s3a.png
longformat-s5a.png
longformat-s5b.png

Les fresques

interactives

fresque-s1.png
fresque-s2.png
fresque-clouds.png
pulse.gif
fresque-s3.png

Le documentaire interactif

idoc-s3.png
idoc-s1.png
idoc-s4.png
exemples-titre.png
formes-mask.png

Comme son nom l’indique, le long format est un texte long, que l’on parcourt en scrollant.

Le texte est augmenté d’éléments multimédia : photos, illustrations, vidéos, infographies.

Et une large place est donnée à l’animation.

Il est de plus en plus utilisé par la presse en ligne. 

Le Monde ou L’Équipe, par exemple, lui dédient une rubrique.

Les fresques interactives simulent le déplacement horizontal ou vertical

à l’intérieur d’un vaste décor.

Elles comportent souvent des zones interactives qui permettent d’accéder à des contenus supplémentaires (vidéo, son, animation, texte…).

Elles sont particulièrement bien adaptées à l’exploration de lieux, processus ou faits historiques.

Le scrollytelling peut aussi être utilisé comme principe d'interaction pour des documentaires interactifs complets. C’est plus rare.

Penser tout un documentaire autour du scrollytelling est un exercice très minutieux… et chronophage.

Tout repose sur l’animation des entrées et sorties des médias et l’orchestration des transitions entre tableaux.

encore plus d'exemples

click.gif
circle-shutter.png
moins-plus.gif

SCROLL &

NARRATION

Le scrollytelling est un format attrayant et intuitif, idéal pour une lecture prolongée mais il n'est pas adapté à tous types de récits interactifs.

+

Proposant une interactivité douce autour d'un geste simple - le scroll ou le swipe - entré dans nos mœurs numériques, le scrollytelling a l'immense mérite d'être intuitif et peu exigeant. Il permet d'enrichir un récit textuel de contenus multimédia et donne une large place au visuel et à l'animation. Il capte, retient et relance l'attention et se prête donc bien à la lecture à l'écran.

Visuellement attrayant, dynamique, il est une solution idéale pour renforcer l'intérêt d'un récit linéaire.

-

Car le scrollytelling est d'abord un format linéaire, qui propose une navigation très contrainte, séquentielle qui s'affranchit difficilement de la structure du texte. Il a une faible "rejouabilité", séduisant en première lecture, sa rigidité engendre une lassitude rapide qui n'incite pas à répéter la visite.  Un format "one shot", donc, plus particulièrement adapté à des contenus suffisamment longs pour nécessiter d'animer la lecture mais suffisamment courts pour être lus d'une traite.

Enfin, reposant de façon marquée sur l'animation et le visuel, il peut s'avérer complexe à mettre en œuvre et à maintenir.

À VOUS DE JOUER

 

racontr

DÉFINITION

AUX ORIGINES

LES FORMES DU SCROLLYTELLING

DES EXEMPLES

SCROLL & NARRATION

SCROLLYTELLING 101

START

SCROLLYTELLING ?

DEMOS

FRESQUE

LONG FORMAT

FLIPBOOK

Made with ♥ by Annabel@FBRQ