Scrollytelling: como transformar visualmente o conteúdo e envolver os leitores

Entramos em uma era em que a internet visual não é mais o que costumava ser.

O outrora revolucionário H1, H2, texto de parágrafo e uma única imagem colocada para visualizar sua história agora é um formato saturado. Agora queremos uma narrativa responsiva com fotografias em tamanho real, rolagem parallax e talvez algumas animações com muitos dados para completar.

Não queremos apenas ser convencidos pelas palavras das histórias que nos são contadas, mas também queremos que elas sejam trazidas até nós da maneira mais interativa e emocionante. Naturalmente, editores e marcas estão experimentando formatos para envolver seu público.

Uma boa visualização deve ser sólida , o que significa que o design deve ser apropriado para as informações que descreve. Deve ser útil, permitindo ao espectador extrair significado dele – e deve ter um apelo estético que atraia a atenção do espectador e proporcione uma experiência visual agradável.

A narrativa visual não é um conceito novo. Na verdade, existe desde que as pessoas levaram pigmento para pedra e esboçaram histórias nas paredes das cavernas. No entanto, histórias de rolagem, narrativa visual em sua forma moderna de rolagem, definitivamente avançaram devido a fatores como tecnologia e ferramentas de narrativa visual.

Por definição, a narrativa visual é o uso de imagens, vídeos, infográficos, apresentações e outros elementos visuais para criar uma história. É uma forma de chamar a atenção para o conteúdo na era da infobesidade.

A rolagem dá ao leitor uma sensação de controle, exploração e descoberta. O formato scrollytelling é frequentemente, mas não limitado a, usado por departamentos comerciais e estúdios de conteúdo para conteúdo de marca, editoriais de leitura longa, publicidade nativa, marketing de conteúdo, marcas transmitindo sua mensagem por meio de storytelling e até mesmo em relatórios.

Normalmente, a criação de um formato scrollytelling é feita usando um construtor de página de destino. Essas ferramentas podem criar páginas da Web projetadas para direcionar os visitantes a uma meta de conversão específica e podem dar vida ao design do scrollytelling.

A pesquisa da Microsoft sugere que a rolagem se tornou uma técnica difundida e poderosa usada na narrativa baseada em dados. As histórias mais inovadoras que existem empregam a rolagem de maneiras criativas, e os avanços na tecnologia de visualização baseada na Web continuam a cultivar esse formato dinâmico de narrativa on-line.

Exemplos de scrollytelling

Existem muitos exemplos inovadores de scrollytelling na web, alguns mais memoráveis ​​do que outros. Um dos meus primeiros encontros memoráveis ​​com a narrativa de scrolly publicada foi Cocainenomics do The Wall Street Journal, um anúncio altamente interativo para a série Narcos da Netflix, que delineou a história por trás do cartel de Medellín.

A Fast Company disse que apresentava todas as reportagens, gráficos, fotos e vídeos que você esperaria de uma peça interativa elaborada, chamando-a de "lanche editorial muito interessante".

Outro ótimo exemplo de Scrollytelling com o qual os usuários podem estar familiarizados é apresentado na página inicial do Apple Watch Ultra. Neste site, cada seção tem bastante movimento com visualizações de como o relógio foi feito, diagramas interativos e animações para ver o design de todos os lados. Os leitores interessados ​​no Apple Watch Ultra não estão sobrecarregados com as especificações do produto, mas cada detalhe é destacado com palavreado conciso.

Fonte : Apple

O Centro de Monitoramento de Deslocamento Interno colocou a narrativa em pergaminhos com seu artigo intitulado The Road Was Long: A Voice From Ukraine. Aqui, uma mulher chamada Kristina compartilha sua história sobre ser deslocada de Kharkiv, uma cidade no leste da Ucrânia, para Lviv, uma cidade no oeste da Ucrânia. Conforme os leitores rolam, novas ilustrações aparecem com citações assombrosas de Kristina e seu marido ao longo de sua experiência na guerra.

Fonte : IDMC

Uma entrevista com um especialista em Scrollytelling

Então, o que significa para as equipes de produção digital quando há um rápido desenvolvimento de conceitos como Scrollytelling, avanços tecnológicos e um nível mais alto de interatividade esperado do espectador?

Para obter uma compreensão ainda mais profunda, perguntei a Nelly Gocheva , Diretora Editorial Global da T Brand Studio International , uma pioneira da indústria que ganhou muitos prêmios por seus esforços em Scrollytelling, algumas perguntas sobre o que Scrollytelling significou para sua equipe de produção digital.

P: O que o surgimento do 'Scrollytelling' significou para a equipe de conteúdo digital do T-Brand Studio?

R: Usamos o formato desde os primeiros dias do T Brand Studio, pois quando lançamos, a redação do The New York Times já estava bastante acostumada a 'scrollytelling'. Ele pode facilitar a navegação na página e simplificar a experiência do usuário sem comprometer a interatividade do criativo e o engajamento geral.

É especialmente útil com artigos de formato longo ou geralmente construídos onde você precisa de rolagem contínua. É aqui que diferentes técnicas de scrollytelling são úteis – por exemplo, pode ativar uma animação, reproduzir automaticamente um vídeo ou mover o leitor por diferentes etapas ou segmentos de uma visualização de dados.

Abaixo está um exemplo favorito de 'scrollytelling' onde o scroll é incorporado na transição contínua do conteúdo e especificamente dos dados.

P: Que mudanças você notou no conjunto de habilidades dos produtores digitais desde que o formato Scrollytelling se tornou um modelo de negócios de alto impulso? Quais talentos e recursos devem ser procurados para oferecer Scrollytelling de alta qualidade?

R: Acho que o design e o desenvolvimento devem andar de mãos dadas desde o início do processo de concepção, pois não podem funcionar separadamente. Portanto, para mim, é crucial trabalhar com um designer ou líder criativo que esteja ciente das possibilidades (e restrições) de desenvolvimento e execução e, respectivamente, você precisa de um desenvolvedor com sensibilidade de design.

No final do dia, você deseja garantir uma experiência de usuário perfeita com um design elegante e isso não pode acontecer apenas em silos.

P: A era da informação mudou fundamentalmente a forma como consumimos conteúdo. Que conselho você daria para novos e promissores 'scrollytellers' e equipes de conteúdo digital? Mais interatividade é sempre melhor ou 'menos é mais'?

R: Eu diria que o nível de interatividade – ou a complexidade dela – depende de vários fatores. Por exemplo, você está criando uma experiência mobile-first, ou estamos falando de desktop – já que as pessoas interagem com o conteúdo de forma diferente em diferentes plataformas e dispositivos.

Mas no centro de tudo está a história que você gostaria de contar, qual é a sua estratégia de conteúdo, público-alvo etc... E a partir daqui, você pode decidir sobre a execução criativa, formatos e nível de interatividade, se houver. Eu sou um verdadeiro crente do bom e velho 'forma segue a função'.

Design e desenvolvimento, uma história de amor

Scrollytelling pode ser uma poderosa ferramenta de narrativa visual, se bem feito. Como esse formato está se tornando mais onipresente, as equipes de tecnologia e conteúdo digital precisam se adaptar. Os melhores exemplos de histórias de rolagem são criados por meio da colaboração entre criadores de conteúdo, designers e desenvolvedores.

A combinação perfeita é onde o design e o desenvolvimento se entrelaçam. Com a equipe, os recursos e a tecnologia certos, o scrollytelling pode ser uma atividade escalável e empolgante. Não há dúvida: com os efeitos infinitos e a saída criativa que um formato de scrollytelling pode oferecer, pode ser bom, útil e bonito para seus muitos interessados.

Se você estiver interessado em experimentar esses meios de produção digital de alto nível, você precisa começar com o software de web design adequado. Encontre o caminho certo para suas necessidades e não perca tempo para começar.

Este artigo foi publicado originalmente em 2019. Ele foi atualizado com novas informações.