Scrollytelling : comment transformer visuellement le contenu et engager les lecteurs

Nous sommes entrés dans une ère où l'internet visuel n'est plus ce qu'il était.

Le H1, H2, le texte du paragraphe et une seule image placés pour visualiser votre histoire, autrefois révolutionnaires, sont désormais un format saturé. Nous voulons maintenant une narration réactive avec des photographies en taille réelle, un défilement parallaxe et peut-être quelques animations riches en données pour couronner le tout.

Non seulement nous voulons être convaincus par les mots des histoires qui nous sont racontées, mais nous voulons aussi qu'elles nous soient présentées de la manière la plus interactive et la plus excitante. Naturellement, les éditeurs et les marques expérimentent des formats pour engager leur audience.

Une bonne visualisation doit être solide , ce qui signifie que la conception doit être adaptée aux informations qu'elle décrit. Il doit être utile, permettant au spectateur d'en tirer un sens – et il doit avoir un attrait esthétique qui attire l'attention du spectateur et offre une expérience visuelle agréable.

La narration visuelle n'est pas un nouveau concept. En fait, il existe depuis que les gens ont appliqué des pigments sur la pierre et rédigé des histoires sur les murs des grottes. Cependant, les histoires de défilement, la narration visuelle dans sa forme moderne de défilement, ont certainement progressé en raison de facteurs tels que la technologie et les outils de narration visuelle.

Par définition, la narration visuelle est l'utilisation d'images, de vidéos, d'infographies, de présentations et d'autres éléments visuels pour créer une histoire. C'est un moyen d'attirer l'attention sur le contenu à l'ère de l'infobésité.

Le défilement donne au lecteur un sentiment de contrôle, d'exploration et de découverte. Le format scrollytelling est souvent, mais sans s'y limiter, utilisé par les services commerciaux et les studios de contenu pour le contenu de marque, les éditoriaux de longue durée, la publicité native, le marketing de contenu, les marques véhiculant leur message à travers la narration, et même dans les rapports.

En règle générale, la création d'un format de défilement se fait à l'aide d'un générateur de page de destination. Ces outils peuvent créer des pages Web conçues pour conduire les visiteurs vers un objectif de conversion spécifique et donner vie à la conception de défilement.

Les recherches de Microsoft suggèrent que le défilement est devenu une technique omniprésente et puissante utilisée dans la narration basée sur les données. Les histoires les plus innovantes utilisent le défilement de manière créative, et les progrès de la technologie de visualisation sur le Web continuent de cultiver ce format dynamique de défilement en ligne.

Exemples de défilement

Il existe de nombreux exemples innovants de scrollytelling sur le Web, certains plus mémorables que d'autres. L'une de mes premières rencontres mémorables avec le scrollytelling publié a été Cocainenomics du Wall Street Journal, une publicité hautement interactive pour la série Netflix Narcos , qui décrivait l'histoire derrière le cartel de Medellin.

Fast Company a déclaré qu'il comportait tous les reportages, graphiques, photos et vidéos que vous attendez d'une pièce interactive élaborée l'appelant "une collation éditoriale très intéressante".

Un autre excellent exemple d'utilisateurs de Scrollytelling que vous connaissez peut-être est présenté sur la page de destination Apple Watch Ultra. Sur ce site Web, chaque section contient beaucoup de mouvement avec des visualisations de la fabrication de la montre, des diagrammes interactifs et des animations pour voir le design de tous les côtés. Les lecteurs intéressés par l'Apple Watch Ultra ne sont pas surchargés de spécifications de produits, mais chaque détail est mis en évidence avec un verbiage concis.

Source : Pomme

L'Internal Displacement Monitoring Centre a mis le storytelling en scrollytelling avec son article intitulé The Road Was Long: A Voice From Ukraine. Ici, une femme nommée Kristina raconte son histoire d'avoir été déplacée de Kharkiv, une ville de l'est de l'Ukraine, à Lviv, une ville de l'ouest de l'Ukraine. Au fur et à mesure que les lecteurs défilent, de nouvelles illustrations apparaissent avec des citations obsédantes de Kristina et de son mari tout au long de leur expérience de la guerre.

Source : IDMC

Entretien avec un expert du Scrollytelling

Alors, qu'est-ce que cela signifie pour les équipes de production numérique lorsqu'il y a un développement rapide de concepts tels que Scrollytelling, des avancées technologiques et un niveau d'interactivité plus élevé attendu du spectateur ?

Pour approfondir encore ma compréhension, j'ai demandé à Nelly Gocheva , directrice éditoriale mondiale de T Brand Studio International , un pionnier de l'industrie qui a remporté de nombreux prix pour ses efforts en matière de Scrollytelling, quelques questions sur ce que Scrollytelling a signifié pour son équipe de production numérique.

Q : Qu'est-ce que l'émergence du « Scrollytelling » a signifié pour l'équipe de contenu numérique de T-Brand Studio ?

R : Nous utilisons le format depuis les débuts de T Brand Studio, car au moment de notre lancement, la salle de rédaction du New York Times était déjà assez habituée au « scrollytelling ». Il peut faciliter la navigation dans les pages et simplifier l'expérience utilisateur sans compromettre l'interactivité de la création et l'engagement global.

C'est particulièrement utile avec les articles longs ou généralement construits où vous avez besoin d'un défilement continu. C'est là que différentes techniques de défilement deviennent utiles - par exemple, il peut activer une animation, lire automatiquement une vidéo ou déplacer le lecteur à travers différentes étapes ou segments d'une visualisation de données.

Vous trouverez ci-dessous un premier exemple préféré de «scrollytelling» où le défilement est incorporé dans la transition continue du contenu et plus particulièrement des données.

Q : Quels changements avez-vous remarqués dans l'ensemble des compétences des producteurs numériques depuis que le format Scrollytelling est devenu un modèle commercial à haut rendement ? Quels talents et ressources faut-il rechercher pour offrir un Scrollytelling de haute qualité ?

R : Je pense que la conception et le développement doivent aller de pair dès le début du processus d'idéation, car ils ne peuvent pas fonctionner séparément. Par conséquent, pour moi, il est crucial de travailler avec un concepteur ou un responsable créatif qui est conscient des possibilités (et des restrictions) du développement et de l'exécution et, respectivement, vous avez besoin d'un développeur avec des sensibilités en matière de conception.

En fin de compte, vous souhaitez garantir une expérience utilisateur transparente avec un design élégant et cela ne peut pas se produire en silos.

Q : L'ère de l'information a fondamentalement changé la façon dont nous consommons le contenu. Quels conseils donneriez-vous aux nouveaux et futurs « scrollytellers » et aux équipes de contenu numérique ? Est-ce que plus d'interactivité est toujours mieux, ou "moins c'est plus" ?

R : Je dirais que le niveau d'interactivité – ou sa complexité – dépend de plusieurs facteurs. Par exemple, créez-vous une expérience mobile d'abord, ou parlons-nous de bureau - car les gens interagissent différemment avec le contenu sur différentes plates-formes et appareils.

Mais au cœur de tout cela se trouve l'histoire que vous aimeriez raconter, quelle est votre stratégie de contenu, votre public cible, etc. Et à partir de là, vous pouvez décider de l'exécution créative, des formats et du niveau d'interactivité, le cas échéant. Je suis un vrai adepte du bon vieux « la forme suit la fonction ».

Design et développement, une histoire d'amour

Le scrollytelling peut être un puissant outil de narration visuelle s'il est bien fait. Ce format devenant de plus en plus omniprésent, les équipes technologies et contenus numériques doivent s'adapter. Les meilleurs exemples d'histoires défilantes sont créés grâce à la collaboration entre les créateurs de contenu, les concepteurs et les développeurs.

L'accord parfait est là où la conception et le développement s'entremêlent. Avec la bonne équipe, les bonnes ressources et la bonne technologie, le scrollytelling pourrait être une affaire évolutive et passionnante. Il n'y a aucun doute : avec les effets infinis et le débouché créatif qu'un format de scrollytelling peut offrir, il peut être solide, utile et beau pour ses nombreuses parties prenantes.

Si vous souhaitez expérimenter de tels moyens de production numérique de haut niveau, vous devez commencer par le logiciel de conception Web approprié. Trouvez celui qui correspond à vos besoins et ne perdez pas de temps à vous lancer.

Cet article a été initialement publié en 2019. Il a été mis à jour avec de nouvelles informations.