Qual a melhor forma de fazer infográficos interativos. Melhores casos de uso para infográficos interativos em páginas de destino

Você provavelmente notou uma grande mudança no mundo online de conteúdo baseado em texto para conteúdo visual.

Não há como negar o poder dos recursos visuais na Internet e em nosso dia a dia. No YouTube e Instagram, o conteúdo visual domina; O YouTube é o terceiro site mais visitado da web, com mais de 80 milhões de fotos postadas no Instagram todos os dias.

Postagens e artigos de blog são 80% mais "consumíveis" se tiverem imagens coloridas, manchetes ou miniaturas, e as pessoas não passarão mais de 15 segundos em um site se ele não chamar a atenção desde os primeiros segundos.

Os infográficos são favoritos entre o público e os vendedores e são 800% mais interessantes para as pessoas hoje do que em 2012.

Além disso, o conteúdo está sendo criado em uma taxa alarmante - 60% dos profissionais de marketing criam pelo menos um pequeno pedaço de novo conteúdo todos os dias! Você pode descobrir mais no artigo de visão geral.

À medida que mais e mais pessoas criam conteúdo, algo fica claro: para ser visto, você precisa se destacar.

Naturalmente, os profissionais de marketing de conteúdo já estão pensando no futuro do conteúdo visual, descobrindo o que podem fazer agora, o que podem implementar e quais novas tecnologias já estão no horizonte. Esse tipo de visão de futuro é algo que pode criar tudo ou destruir todos os seus esforços de marketing de conteúdo; você tem que se adaptar, ou você vai se afogar.

Com conteúdo visual como infográficos, os profissionais de marketing estão posicionados de forma única para ver o futuro conforme ele se aproxima. Empresas, designers gráficos e profissionais de marketing estão todos começando a usar infográficos - atualizando-os para torná-los ainda mais atraentes para seu público. Mesmo que você já "apenas poste" infográficos regularmente, nunca é muito cedo para saber sobre as tendências que estão apenas começando a se desenvolver, assim como não é muito cedo para saber como implementá-las em suas estratégias de marketing de conteúdo.

Se você quer olhar para o futuro e talvez até aprender alguns truques antes de todo mundo, agora é a hora!

Aqui estão três tipos de infográficos que serão os mais comuns no futuro (próximo).

Se você está procurando uma ferramenta de infográfico legal, recomendo dar uma olhada no Visme. Para começar, eles oferecem uma conta gratuita e ótimos recursos úteis para pessoas que não são da área de design. Você pode obter uma conta gratuita agora.

1. Infográficos interativos

Enquanto vemos a beleza de sites interativos e jogos fáceis de usar, infográficos interativos ainda são bastante novos em seu campo. Como os infográficos, eles obviamente contêm algumas informações e geralmente são dinâmicos. Mas o uso de elementos interativos dá aos usuários a capacidade de se conectar com as informações e criar as suas próprias.

Independentemente do seu negócio, produto, serviço ou mensagem, você pode criar infográficos interativos que permitem que as pessoas avaliem a si mesmas (por exemplo, “calcule seu IMC aqui”). Os usuários também podem clicar em informações relevantes, o que os enviará a um recurso direcionado mais profundamente, ou de volta à página de destino, gerando tráfego. Esta é uma maneira altamente adaptável e divertida de envolver seu público.

Muitos profissionais de marketing já se adaptaram a esse tipo de infográfico, e ele é repassado rapidamente. Mas, ao mesmo tempo, muitos, no entanto, tomam como base infográfico simples:

.... imagine o que mais você pode fazer com infográficos interativos.

Podes tentar:

  • Usando técnicas de rolagem que fazem as imagens ou formas se destacarem do fundo
  • Construir "pop-ups" que expandem áreas de texto
  • Imagens flutuantes ou estatísticas quando você clica nelas
  • Transformar seus infográficos em várias páginas que os usuários podem visualizar

Para um exemplo mais detalhado de infográficos interativos, dê uma olhada neste:

Para tornar seu infográfico altamente interativo (com rolagem, pop-ups, etc.), você precisará aprender um pouco sobre HTML5 ou CSS, ou contratar alguém para descobrir isso para você.

Apesar do esforço extra, você será recompensado com um conteúdo único, envolvente e eficaz.

Por que você deve tentar implementar infográficos em um futuro próximo?

  • Ele incentiva seu público a se envolver e compartilhar seu conteúdo.
  • Isso gera tráfego (por meio de links)
  • Isso prova ao seu público que você é inovador, engenhoso e empenhado em fornecer conteúdo oportuno e envolvente.
  • Existem níveis de infográficos interativos que impulsionam seu desenvolvimento.

2. Vídeo e GIF embutidos

Este é outro tipo de infográfico que vemos cada vez com mais frequência hoje em dia. Infográficos que oferecem vídeos curtos ou mesmo GIF (Graphics Interchange Format) são uma ótima maneira de chamar a atenção e fazer seu infográfico se destacar da multidão. Embora isso limite as plataformas, você pode compartilhar seus infográficos em tempo real.

Muitas ferramentas simples de infográfico, como o Easel.ly, oferecem uma opção de “Vídeo embutido do YouTube”, ou você pode adicionar vídeo a infográficos criados no Photoshop usando uma camada de vídeo. Você pode até adicionar um vídeo ao seu slide do PowerPoint, que você também pode transformar em infográficos.

Além do mais, você pode encontrar milhões de GIFs na rede e inseri-los da mesma forma. O problema aqui é que você terá que distribuir o seu infográfico como um URL para garantir que ele esteja devidamente incorporado ao seu site. Você não pode distribuir ou salvar tais infográficos em formato .jpeg ou PDF. Sem dúvida, conforme isso se torna cada vez mais popular, haverá outras ferramentas de inserção de vídeo e gif para tornar o processo ainda mais fácil.

Mas se você quer usar esse tipo de infográfico antes de todos ao seu redor, e até mesmo dos cachorros, aprenda a fazer isso, comece agora com as ferramentas que você encontra online.

Se você quiser ir para o próximo nível, você pode fazer um vídeo com o infográfico que você já possui. Esta é uma grande oportunidade de ser visto no YouTube, Instagram e até em plataformas de vídeo como Vimeo, Snapchat, entre outras. O vídeo abaixo é um ótimo exemplo de como transformar um infográfico em um vídeo.

Por que incorporar vídeos ou GIFs em infográficos?

  • Isso lhe dá um elemento surpresa - as pessoas não esperam que a imagem comece a se mover!
  • É muito divertido e original, o que aumenta a chance de as pessoas interagirem e compartilharem seu infográfico.
  • Essa é uma boa maneira de mostrar a todos a singularidade de sua marca.

3. Infográficos animados

Os infográficos animados possuem um grande número de modelos visuais e requerem muita atenção. Quando um usuário visualiza uma página, ele geralmente não espera que nada se mova, então é uma boa ideia se você aprender todas essas técnicas antes de todo mundo.

Devido ao fato de que muitos infográficos animados são bastante complexos e podem exigir algum tipo de design gráfico, codificação e / ou conhecimento de software, eles são altamente considerados.

Aqui está um exemplo do que estou falando:

Se você quiser saber mais sobre como criar infográficos animados, confira este infográfico da Tabletop Whale. Você também pode encontrar vários serviços para ajudá-lo a criar infográficos desse tipo. Em qualquer caso, este é um dos processos mais difíceis na evolução da infografia.

Por que você deve gastar seu tempo, energia e / ou dinheiro criando infográficos animados?

  • Na verdade, você se destacará da multidão, porque nem todos têm acesso a esse tipo de software ou conteúdo.
  • Em alguns anos, isso será comum - você será um dos primeiros a fazê-lo!
  • A animação tornará as informações nos infográficos mais memoráveis
  • Isso vai inspirar seus usuários a trabalhar com você.

Tudo isso não é ficção científica

Pode soar muito técnico e parecer algo fora do seu alcance agora, mas é provável que esses tipos de infográficos se tornem muito comuns em 2 a 3 anos. Já estamos vendo um grande avanço em infográficos animados e infográficos GIF, especialmente porque a popularidade de GIF continua crescendo. Os infográficos estão se tornando um dos tipos de conteúdo mais consumidos e criados com mais frequência na Internet. Porque? Porque o cérebro precisa de apenas 250 milissegundos para receber e processar o valor de um símbolo.

Se uma pessoa comum gasta cerca de 15 segundos em um site e começa a ficar entediada, então é claro que você deseja ver qualquer coisa que possa atrasá-la - ou pelo menos receber uma mensagem em 15 segundos ou menos. Alguns estudos provaram até que as pessoas podem se concentrar em algo por não mais do que 8 segundos, e esse número diminui a cada ano.

Esta é a razão e possivelmente um subproduto de nossa constante necessidade de informação. Vivemos na era da informação e todas as informações estão disponíveis para nós. Mas também significa que quanto mais pessoas tentam compartilhar mensagens e responder a todas as perguntas possíveis, mais conteúdo gerado se torna ruído de fundo.

Se a disponibilidade de infográficos é um indicador hoje, logo eles estarão em toda parte. Isso significa novas mudanças em seu trabalho. Nenhuma campanha de marketing na história teve sucesso fazendo a mesma coisa o tempo todo.

A ideia aqui é ver mais do que uma imagem jpeg no infográfico. Os infográficos podem ser adaptados a diferentes ambientes e usados ​​em uma grande variedade de plataformas. Empreendedores e profissionais de marketing já viram o potencial disso. E você?

Nos últimos anos, os infográficos evoluíram de imagens estáticas para ricas experiências interativas com animação e elementos de vídeo adaptados a um conteúdo exclusivo. Ele não está mais limitado a modelos genéricos predefinidos. E a coleção de hoje contém os melhores infográficos para mostrar como é uma experiência interessante e informativa.

A maioria dos infográficos desta lista foi escolhida para mostrar as diferentes maneiras pelas quais os designers abordam a visualização de dados. No entanto, também existem vários “híbridos” aqui que ilustram a confusão entre os infográficos e as ricas experiências de multimídia, ao mesmo tempo que criam conteúdo envolvente e histórias atraentes nas páginas de destino. O afastamento das formas tradicionais significa que estamos entrando em um cenário de mídia mais complexo, e é esse tipo de experimentação com tecnologia e narrativa que será crítica para moldar o futuro do design gráfico.

1. Mapa de ventos

O Mapa do Vento é um design espetacular que mostra a direção e a velocidade do vento sobre os Estados Unidos. Este design tem um propósito artístico em vez de utilitário, e isso é ótimo: é muito bom apenas sentar e observar os fios finos se torcerem no mapa. Um exemplo simples, mas bem pensado, de como os infográficos que mostram os caminhos das formas se beneficiam da animação e dos gráficos em movimento.

2. Em vôo

Em 2014, o The Guardian lançou um infográfico em voo mostrando dados em tempo real de voos comerciais (parece que as informações não estão atualizadas agora, o que é uma pena), além de uma aula de história da aviação. Conversas moderadas entre as tripulações de vôo no início do show interativo criam uma atmosfera especial. Parece que os infográficos estão lentamente se transformando em experiências cinematográficas nos dias de hoje. Pelo menos "In Flight" aponta para esta direção ...

3. Disque a lua

Não acontece muita coisa no infográfico do Dial A Moon, mas ele atende muito bem ao seu propósito. Em 2015, graças à NASA, os infográficos da fase lunar eram atualizados a cada hora, e não era possível ir ao Google em busca dessa informação misteriosa. Agora você pode ver as fotos inserindo manualmente o mês, o dia e a hora.

4. Dia com Plutão

A revista Nature publica muitos infográficos interessantes para seu público interessado em ciências. Entre eles estava um sobre o famoso vôo de uma espaçonave perto de Plutão (24 horas de Plutão). Os infográficos incluíam muitas informações textuais, mas os visuais forneciam um fácil entendimento do mais interessante, desde a estrutura de um planeta anão até a formação de suas luas. Agora a parte do texto está disponível na internet, assim como dois vídeos animados dos infográficos.

5. Como os lares americanos mudaram

Faça uma viagem pelo grande sonho americano, refletido na evolução dos estilos de house. Este infográfico bem ilustrado permite que você chegue ao volante de um carro (também mudando sua aparência conforme você rola para acompanhar a época) e navegar dos anos 1900 aos anos 2000, passando por edifícios populares por décadas. Ao longo do caminho, você encontrará uma riqueza de material útil (incluindo as condições sociopolíticas da época, bem como as tendências da moda), e tudo termina com uma pergunta que o leva a imaginar o futuro do lar americano. O infográfico Decades Of American Homes é um ótimo exemplo de rolagem horizontal e se encaixa aqui.

6. A evolução da análise de marketing

Em seu infográfico Evolution of Insight, a empresa de pesquisa de usuário inteligente Vision Critical acompanha a evolução do mercado de tecnologia de marketing em todo o mundo desde a década de 1890 até os dias atuais. Ele funciona de forma semelhante ao infográfico How American Homes Changed e, portanto, permite que você compare a eficácia do uso de uma linha do tempo interativa para duas histórias muito diferentes. Os infográficos de Decades Of American Homes têm a vantagem de ver as casas conforme você movimenta o carro de forma muito mais intuitiva do que percorrer as grandes análises americanas. Bons infográficos são criados com o conteúdo em mente, não em torno dele.

7. Os direitos da comunidade LGBT em todo o mundo

O Guardian consegue outra posição em nossa lista com este elegante infográfico que explica a situação legal dos direitos LGBT em uma série de questões (casamento, discriminação no local de trabalho, crimes de ódio, etc.) em todas as nações do mundo. A movimentação em semicírculo fornece uma maneira rápida e fácil de comparar estatísticas entre diferentes países, e a composição dos infográficos mantém o status global em primeiro plano, no centro. Há também um poderoso apelo à ação aqui que visa preencher a lacuna entre a simples conscientização e o ativismo.

8. A desigualdade é corrigível

Outro grande exemplo de infográficos interativos, Inequality Is Fixable convida o público a mergulhar no problema, tornando-o profundamente pessoal. O telespectador tem a garantia de não perder o interesse pelo material que diz a ele quanto seu chefe é mal pago e por quê. Ao tornar o usuário uma parte da história, os desenvolvedores estimulam a curiosidade e conduzem o usuário por todas as etapas necessárias até a call-to-action (Call-To-Action) no final.

"Deixamos acontecer - como podemos consertar agora?"

9. Desenhe a si mesmo: como a renda familiar prevê as chances de uma criança ir para a faculdade

Muitos dos infográficos nesta lista usam animação e interatividade para fornecer uma experiência rica. Visualmente, este infográfico do The New York Times (You Draw It: How Family Income Predictions Children's College Chances) adere ao formato de gráfico clássico, mas também usa insights sobre o comportamento do usuário para expandir o campo do design de infográficos, como proativo e interativo visualização. Ao pedir aos leitores que desenhem sua própria curva, eles introduzem um elemento de interesse próprio e, assim, fornecem às pessoas informações realmente valiosas.

Não é o pior resultado! O eixo vertical é a porcentagem de crianças que vão para a faculdade. Eixo horizontal - percentil de renda parental

10. Como morrem os americanos

Exceto para a imagem do título, este exemplo usa principalmente bons diagramas à moda antiga para renderizar o conteúdo. Mas isso não é nada chato, já que os usuários podem navegar de forma independente pelos dados movendo o cursor ao longo dos gráficos. Isso torna muito mais fácil comparar, por exemplo, o número de mortes relacionadas ao suicídio na década de 1970 em relação ao atual (dica: está aumentando agora), um gráfico estático não faria isso perfeitamente.

11.

Desde sua estreia, o Projeto Snowfall, que atraiu a atenção e elogios de todos, o New York Times manteve sua reputação de jornalismo multimídia de ponta. A equipe de publicação usa uma combinação de design de infográfico e narrativa detalhada para criar uma experiência envolvente e impressionante. Eles têm exemplos mais vívidos, mas The Russia Left Behind é uma obra que causou certa ressonância. Os infográficos funcionam como um passeio interativo pela Rússia (você faz o seu caminho no mapa).

12. Bond cars

Se você quiser se familiarizar com a história de James Bond olhando para seus carros, agradeça ao revendedor britânico Evans Halshaw - ele lhe deu essa chance. Seu infográfico interativo Bond Cars permite que você explore o modelo e o design de cada um dos carros Bond, bem como alguns fatos interessantes adicionais. Usando a onipresente tática do controle deslizante, você também pode "revelar" o carro em toda a sua glória metálica (apenas um padrão de cor é fornecido por padrão). Assim, os autores resolveram criativamente o problema da necessidade de incluir fotos que não se ajustavam bem à estética dos infográficos.

13. Cores de movimento

The Colors Of Motion é uma série de infográficos que analisa filmes apenas por sua paleta de cores, derivada da combinação de todos os frames. Se você já se perguntou, agora você tem a resposta. Não consegue encontrar o título no banco de dados? Basta enviar uma mensagem aos desenvolvedores - eles estão aceitando solicitações.

14. Tumba Real no Peru

A National Geographic tem uma coleção bastante impressionante do que eles chamam de "gráficos interativos" (a maioria dos quais são acompanhados por descrições textuais detalhadas, como no caso da Coluna de Trajano, por exemplo), mas escolhemos este exemplo relativamente simples para destacar quais técnicas são realmente eficazes em infográficos interativos. "The Royal Wari Tomb" (Tumba Real Wari do Peru) revela as peculiaridades do enterro de uma nobre daquela época. O foco muda do enrolamento da múmia para sua decoração e posição. Ao dividir as informações em pequenos pedaços e permitir que o usuário navegue entre eles, os gráficos interativos evitam as armadilhas mais insidiosas: sobrecarga de dados e efeitos visuais. Além disso, cada interação subsequente expande a experiência, tornando-a muito mais gratificante do que se tudo fosse apresentado de uma vez. Nosso cérebro possui um mecanismo que rejeita estímulos supressores, e esse tipo de interação torna-se uma excelente solução para o usuário, facilitando a absorção de informações.

15. O que é o referendo escocês? Explicação para não britânicos

O Guardian, como o New York Times, depende do jornalismo multimídia, e seu vídeo cumpre uma das principais funções dos infográficos: fornecer informações volumosas de uma forma aceitável. Para muitos de nós fora do Reino Unido, o referendo é um tópico muito confuso. Felizmente, este vídeo (Scottish Referendum Explained For Non-Brits) irá ajudá-lo a aprender rapidamente sobre seus aspectos importantes, sem exigir um mergulho profundo na história.

16. Saúde pública

A Atlantic foi incumbida de desenvolver uma visão para melhorar a saúde pública. Ela encomendou o Truth Labs para transformar a série de três partes sobre Saúde da População em narrativa digital. O objetivo principal do artista era manter a rolagem natural do documento e a experiência de leitura normal do usuário, ao mesmo tempo em que criava uma experiência diferente da perspectiva visual. Eles pegaram emprestadas ferramentas e estratégias da cinematografia para dar vida à sua visão, mas também se concentraram em um conjunto de princípios de design para apoiar o princípio da legibilidade como regra fundamental.

17. Grãos de Joho

A cafeteira austríaca Joho "s criou uma experiência multimídia impressionante Joho's Bean para contar a história da origem dos grãos de café. A narrativa combina harmoniosamente áudio, vídeo e material fotográfico que envolve quase todos os sentidos do usuário. O chilrear dos pássaros, o o som dos grãos de café torrados ensacados e o barulho das ruas movimentadas e do tráfego da cidade.

Joho's leva você em uma jornada explicando a origem de seus grãos de café

18. Caminho primordial

The Wild Path é uma história de viagem interativa criada com o Canvas. O elemento principal é o mapa, que anima o caminho no mapa ao rolar a página. O projeto pode não funcionar em todos os navegadores. Mas é acompanhado por um artigo que explica todas as tecnologias de bastidores para a criação de infográficos.

19.

A cobertura do The Guardian (Live Election Results) da eleição presidencial dos EUA de 2016 trouxe um elemento divertido para a séria questão de percentagens e assembleias de voto. Infográficos interativos rastrearam votos em quatro estados. Por padrão, o gráfico mostrava os resultados para todo o país, e se o usuário passasse o cursor sobre qualquer área do mapa, eram mostrados os números que os candidatos digitaram ali. Os candidatos presidenciais foram apresentados como avatares pixelizados engraçados. À medida que os infográficos eram atualizados em tempo real, os homenzinhos coloriam os estados em que venceram. De vez em quando, uma citação do candidato aparecia em uma bolha ao lado do candidato.

Reflexão dos resultados eleitorais em tempo real

O futuro da visualização de dados é a interatividade.

Mas como você cria infográficos interativos verdadeiramente impressionantes?

Os infográficos são onipresentes e têm se tornado cada vez mais interativos recentemente.

No artigo de hoje, compartilharemos com você os segredos da criação de infográficos interativos, bem como links para recursos úteis.

1. Compreenda a psicologia

Antes de tornar um infográfico interativo, é importante entender por que você deseja torná-lo do jeito que está.

Conforme detalhado neste infográfico, as pessoas percebem melhor as informações visuais. É muito mais provável que lemos, entendamos e memorizemos uma apresentação se ela contiver recursos visuais envolventes. é uma ferramenta de aprendizagem eficaz, mas pode ficar ainda melhor.

O aprendizado cinético é uma ótima alternativa, pois os humanos absorvem melhor as informações por meio de ações físicas.

É por isso que adicionar interatividade a um campo promissor de visualização pode ajudá-lo a criar infográficos ainda mais memoráveis ​​e eficazes.

Essa combinação de abordagens visuais e cinéticas torna os infográficos animados o conteúdo do futuro. Claro, para alguns temas é melhor não usar elementos interativos, mas na maioria dos casos eles só irão melhorar o conteúdo.

O movimento acrescenta significado às informações, capacita o usuário a controlar a experiência e envolve a imaginação de uma forma que os infográficos estáticos não conseguem.

2. Adicione efeitos de rolagem

O truque da realidade virtual é que para os outros você parecerá um idiota.

O Cardboard Design Lab do Google é um bom “tutorial” para aspirantes a designers de realidade virtual

Os infográficos são como um jogo de aventura

O problema com o Unity é que não é fácil fazer algo bom na web.

A realidade virtual é como fones de ouvido para seus olhos

A realidade virtual requer um ambiente seguro, você não pode acessá-lo em trânsito. Isso limita as possibilidades de VR

Encerrou a sessão da manhã Archie Tse do The New York Times com o tema provocativo “Por que o NYT faz menos trabalho interativo”.

O trabalho do NYT é baseado em três regras de narrativa visual:

  1. Se o leitor precisa clicar, não rolar, então algo fora do comum deve acontecer.
  2. Suponha que as dicas de ferramentas e quaisquer outros efeitos de foco nunca serão vistos por ninguém. Se o conteúdo for importante, faça com que o leitor o veja imediatamente.
  3. Se você quiser fazer algo interativo, lembre-se - será caro fazê-lo funcionar em todas as plataformas.

Você terá que redesenhar seus gráficos 2 ou 3 vezes para que tudo funcione no desktop e no celular

Como essas regras mudaram a abordagem do NYT:

  1. A maioria das renderizações agora são estáticas
  2. Mais textos
  3. Se você precisar de movimento na imagem, ele aparecerá durante a rolagem

(O quarto ponto diz que eles ainda estão fazendo um trabalho interativo. Mas agora o motivo deve ser MUITO significativo).

Fizemos etapas de "várias etapas". Os usuários pararam na etapa 3. Os leitores querem apenas rolar, não clicar

Archie Tse: Rolagem vs. clicando

Por 18 semanas, Andy Kriebel tem publicado infográficos e dados no VizWiz todos os domingos à noite por 18 semanas. A tarefa é alocar cerca de uma hora de tempo durante a segunda-feira, analisar rapidamente a visualização e fazer sua própria versão.

Abaixo publicamos os resultados da semana passada - A escravidão no século XXI.

#MakeoverMonday por Andy Kriebel. Descrição detalhada e interativa - no blog de Andy:

#MakeoverMonday por Andy Cotgreave. Descrição detalhada e interativa - no blog de Andy:

Também descobri que 51% das pessoas no mundo são mais jovens do que eu e 63% na Rússia são mais velhas, e que minhas chances de morrer agora não são tão grandes. Os números de repente deixaram de ser "estatísticas" e me atingiram rapidamente.

Visualização de dados - Usa grandes conjuntos de dados com menos trabalho de design manual; baseado em algoritmos. Por exemplo, o trabalho interativo do New York Times.

Artes visuais - codificação unidirecional. Visualizações bonitas, mas difíceis de decifrar, como a arte computacional de Kunal Anand.

Qual é o problema?

Como resultado, muitos trabalhos atraem apenas usuários sofisticados, mas não permitem que leitores não iniciados entendam a essência do assunto, prejudicando o propósito da visualização - informar o público. É por isso que é tão importante entender e compreender o problema da alfabetização visual no contexto da visualização.

Nova "gramática visual" do jornalismo

Aqui estão três exemplos que estão experimentando maneiras de apresentar o jornalismo interativo. Eles parecem impressionantes, mas sua interpretação pode ser uma tarefa assustadora para muitos.

Direitos dos homossexuais nos Estados Unidos, estado por estado

O número de fontes de dados disponíveis hoje e ferramentas para seu processamento em si já mostra claramente que tantas pessoas nunca tentaram se sentir confortáveis ​​no mundo da visualização de dados. E quando há tantos materiais disponíveis para estudo, há apenas uma questão "Por onde começar?" pode assustar qualquer novato. Então, quais são as melhores bibliotecas e o que os profissionais aconselham? Este será o assunto deste artigo.

Falar sobre visualização de dados e não mencioná-la é como falar sobre a história dos computadores pessoais e não dizer uma palavra sobre Steve Jobs. D3 (Data Driven Documents) é, sem exagero, a biblioteca JavaScript de código aberto mais importante e dominante do mercado, comumente usada para criar gráficos SVG. SVG (Scalable Vector Graphics) é, por sua vez, um formato de imagem vetorial suportado por navegadores da web, mas antes pouco usado.

A biblioteca D3 deve muito de sua popularidade ao repentino interesse em SVG de web designers, que se deve em grande parte à aparência vantajosa de gráficos vetoriais em telas de alta resolução (em particular, os visores Retina usados ​​em dispositivos Apple), que estão se tornando mais comum.

“Sejamos honestos, se a tarefa for a visualização de dados baseada em SVG, então todas as outras bibliotecas não estavam nem perto de resolvê-la”, diz Moritz Stefaner, especialista independente em visualização de dados e proprietário da empresa. Verdade e beleza... “Existem também alguns projetos interessantes baseados em D3, como NVD3, que fornece componentes gráficos padrão - prontos para usar, mas personalizáveis; ou, digamos, o Crossfilter é simplesmente uma excelente ferramenta de filtragem de dados. "

Scott Murray, programador-designer e autor de livro Visualização de dados interativos para a web, Concordo com a opinião anterior: “O D3 é extremamente potente na medida em que utiliza tudo o que os navegadores têm a oferecer. Embora isso tenha uma desvantagem: se o navegador não oferecer suporte a algo, por exemplo, imagens 3D baseadas em WebGL (da Biblioteca de Gráficos da Web em inglês), então D3 também não oferecerá suporte. "

Embora esta biblioteca seja verdadeiramente versátil, ainda não é a solução ideal para todas as tarefas. "A principal desvantagem da biblioteca D3, por assim dizer, é que ela não prescreve ou mesmo oferece qualquer abordagem de renderização específica", acrescenta Scott Murray. "Portanto, é realmente uma ferramenta para carregar dados em um navegador e, em seguida, gerar componentes DOM com base nesses dados."

Embora o D3 seja um ótimo kit de ferramentas para imagens personalizadas, se você quiser criar um gráfico padrão sem muito trabalho visual, uma ferramenta como Vega... Como uma estrutura baseada em D3, o Vega oferece uma alternativa para a exibição de componentes gráficos. Usando o Vega, você pode visualizar dados JSON do Centro Europeu de Jornalismo e do projeto Data Driven Journalism. As datas exatas do curso ainda não são conhecidas, mas você pode se inscrever agora.

Em cinco dias, os participantes do curso poderão aprender o que é jornalismo de dados, como funciona e quais habilidades-chave vale a pena dominar para se tornar um especialista neste campo. Descubra onde procurar dados para apoiar seus gráficos e como encontrar novas ideias nos dados. Aprenda a arte de transformar dados enfadonhos em uma história atraente, infográfico ou até mesmo visualização interativa. Familiarize-se com os princípios básicos do design gráfico que um jornalista precisa saber.

Os instrutores do curso são cinco dos maiores especialistas mundiais em jornalismo e visualização de dados.