25 infográficos interativos para o designer em você
Desde o início do século, os infográficos tiveram um impacto poderoso na forma como vemos a mídia da web. No início, era revolucionário como o meio perfeito para representar dados e entreter o público.
O sucesso dos infográficos evoluiu desde então. Apenas alguns anos atrás, os infográficos se tornaram extremamente populares com a erupção do marketing digital e da otimização de mecanismos de busca.
Com sua popularidade, vieram várias mudanças na forma como eram apresentados. Apenas o melhor dos melhores foi compartilhado nas mídias sociais, resultando em maior reconhecimento da marca e engajamento do consumidor.
À medida que o infográfico tradicional evoluiu para acompanhar as mudanças nos gostos dos consumidores, ele trouxe ao mundo o infográfico interativo, que está se tornando a forma mais procurada de representação de dados até hoje, tornando até mesmo alguns infográficos estáticos como desatualizados e irrelevantes.
Para ajudá-lo a ficar à frente do jogo com seu design gráfico e criar um infográfico com potencial para se tornar viral, dê uma olhada nesta lista de infográficos interativos incríveis.
1 Eastern Tennessee da Derby Supply Chain Solutions
Este infográfico projetado para descrever um pouco da história, cultura e curiosidades do leste do Tennessee usa rolagem de paralaxe para dar vida à paisagem à medida que vários fatos e informações são relacionados. Isso torna o aprendizado sobre esse local específico muito mais agradável!
2 A história completa das mídias sociais por AvaLaunch Media
Você provavelmente não sabia que a raça humana tinha uma versão da mídia social que datava de 1800, não é? Este infográfico permite que o usuário clique em diferentes períodos de tempo para descobrir a longa e interessante história das mídias sociais através dos tempos. A capacidade de controlar a velocidade e a ordem das informações é uma perspectiva empolgante para os consumidores.
3 Como funciona a pesquisa do Google
O Google provavelmente tem mais estatísticas e informações para compartilhar sobre o uso e a navegação na Internet do que qualquer outra empresa, e eles compartilham alguns desses dados neste infográfico que explica a popularidade das pesquisas na Web e como elas funcionam por meio de uma história de três partes que os usuários podem percorrer em seu próprio ritmo.
Este despejo de informações animadas é simplesmente divertido. À medida que você percorre o gráfico brilhantemente colorido e repleto de informações, gráficos atraentes aparecem para ajudar a aprimorar os dados e tornar a experiência educacional muito mais divertida.
5 The Enlightened Happy Hour: um guia interativo para o que você está bebendo pela coluna cinco
Todo mundo adora happy hour, mas todas as calorias consumidas naquela sessão não fazem muito pela sua cintura. Este infográfico usa uma configuração de barra e permite que você clique em diferentes tipos de bebidas para descobrir as informações nutricionais de cada uma, incluindo calorias e teor alcoólico. Observe a natureza convincente dos recursos visuais.
6 Evolução do Insight pela Vision Critical
Você pode não se importar com a história da pesquisa de mercado, mas ainda estará interessado em dar uma olhada neste infográfico cativante, que usa gráficos ousados e uma variedade de páginas para compartilhar as histórias de muitas pessoas influentes e eventos desde 1900 até agora.
7 direitos políticos das mulheres ao redor do mundo do The Guardian
Aprenda sobre os direitos das mulheres em várias partes do mundo e sobre o excelente design interativo com este infográfico animado. Os espectadores podem clicar em qualquer país ou região do mundo para aprender sobre os direitos políticos das mulheres de lá. Este infográfico é brilhante porque os criadores estão apresentando grandes volumes de informações, mas os criadores do visual o apresentam de forma que os usuários possam obter as informações que desejam sem se sentirem sobrecarregados.
8 Ameaças de Segurança no Varejo por Nuspire
Este infográfico interativo usa HTML5 e uma maquete de um espaço de escritório típico para mostrar exatamente como as empresas são vulneráveis aos hackers. Os visualizadores são direcionados a usar a barra de espaço ou as teclas de seta para passar de uma ameaça à segurança para outra. Isso ajuda a transmitir a mensagem, pois o visual mostra às empresas os locais físicos mais fracos. É uma ameaça que eles podem realmente experimentar.
9 Por que você não deve beber e dirigir nos estacionamentos do centro da cidade em Leeds
Este infográfico é inspirado durante as férias, quando beber e dirigir está no auge. Os consumidores podem dizer a esse infográfico quanto beberam e ele os informará se essa quantidade está ou não acima do limite legal. É acompanhado de uma série de estatísticas para promover ruas mais seguras.
10 voos interativos do The Guardian
Observe minúsculos jatos e aviões se cruzando no ar ao mesmo tempo para ver com que frequência os seres humanos voam. Ele mostra os horários de maior movimento para voar e também as áreas que recebem mais tráfego aéreo. É uma representação de dados fascinante, para dizer o mínimo, que incentiva a exploração pessoal por meio dos dados.
11 13 razões pelas quais seu cérebro deseja infográficos da NeMam Studios
Caso você tenha esquecido por que os infográficos fazem tanto sucesso, este gráfico animado irá lembrá-lo. Com cores vivas, rolagem paralaxe e a quantidade certa de movimento gráfico, esse + visual mantém os espectadores entretidos e informados até o fim.
12 Mapeando os mortos: mortes por armas desde Sandy Hook por The Huffington Post
Este gráfico sóbrio mostra as regiões mais comuns de mortes por armas de fogo nos Estados Unidos desde o tiroteio na escola primária de Sandy Hook. O assunto do infográfico é triste, mas a apresentação é brilhante para passar a mensagem.
13 Drible: Para que serve? por Dribbble LLC
Quase todos os elementos neste infográfico HTML5 ganham vida quando você move o cursor para mostrar um elemento diferente de como usar o Dribble. Embora muitas das informações neste gráfico possam ser mais específicas, o uso de animação torna extremamente fácil e interessante acessar o conteúdo.
14 Como funciona um motor de carro de Animagraffs
Este infográfico acerta em cheio com seus gráficos, já que entender como o motor de um carro funciona é realmente algo que você precisa ver em ação. ele explica em câmera lenta como o motor ganha vida com uma série de gráficos mostrando o que cada peça do motor faz.
15 Quantas famílias são como a sua? do The New York Times
Se você já se perguntou se a situação de sua família é única, este visual interativo lhe dará a resposta. O usuário pode escolher uma variedade de opções de tamanhos de família e situações para saber como o resto do país se compara. Não é tão atual quanto poderia ser, mas ainda é uma excelente representação da maneira correta de usar gráficos animados.
16 O brilhante futuro do compartilhamento de carros
Ao visualizar este infográfico, você entra em um pequeno carro verde e dirige no seu próprio ritmo para descobrir como o compartilhamento de carros deve mudar ao longo dos anos. Há mais de uma maneira de interagir com este infográfico. Você pode rolar de um lado para o outro para mover o carro ou passar o mouse sobre certos elementos do visual para obter mais informações. Múltiplas formas de interação são extremamente eficazes para manter os espectadores envolvidos do começo ao fim.
17 contos de peixes verdadeiros da United Marine
Este site é o sonho de um pescador. Ele não apenas revela alguns dos principais peixes de caça em todas as áreas, mas também compartilha as histórias daqueles que enfrentaram o maior peixe de rapina e venceram. É fácil passar de um ponto de informação para outro, e as histórias dos peixes grandes são cativantes.
18 gigantes famintos da tecnologia da Simply Business
Este infográfico compara o crescimento de cinco grandes empresas de tecnologia. Ele mostra tanto o tempo de crescimento quanto o valor que cada negócio rendeu. Se você clicar no ícone de cada empresa, será direcionado para uma página sobre a situação financeira de cada empresa, o que é uma forma muito eficaz de transmitir muitas informações, mantendo a integridade do visual.
19 A Evolução da Web
Dê uma olhada na forma como este gráfico se move lentamente desde o início da internet até onde estamos hoje. O começo simples que leva a um estado mais complexo mostra efetivamente o quão grande e difundida a internet se tornou em apenas 20 anos. Para completar, o usuário pode selecionar entre vários idiomas.
Dê um passeio pela rua desde a década de 1950 até o presente e aprenda sobre alguns dos parceiros mais influentes em colaboração. O usuário pode clicar em cada período de tempo e explorar o histórico à vontade. O infográfico mantém o espectador envolvido até o final, quando a empresa revela sua chamada à ação. Outra representação de um gráfico que pode converter um público com eficiência.
21 Conectando: como as pequenas empresas usam a tecnologia de bons infográficos
Um dos maiores desafios dos infográficos é apresentar um grande volume de informações sem sobrecarregar o público. Esse visual faz exatamente isso sem problemas, permitindo que o visitante clique no infográfico para ler os dados. O visual é atraente e informativo, levando o leitor a uma conclusão lógica.
22 Evolução do console de jogos de Design by Soap
Veja quanto custava um console de jogos construído em 1972 em comparação com agora. O visual leva você de um ano para o outro, mostrando cada console criado, o ano em que foi feito e o custo na época e agora. Cada página do console tem um local onde os usuários do infográfico podem ler mais informações sobre o console individual.
23 jornadas épicas de jogos de console por Butler’s Bingo
Os jogadores de todos os lugares adoram este infográfico que compartilha algumas informações perspicazes sobre vários videogames populares. Você pode selecionar entre vários jogos diferentes e descobrir informações sobre o enredo e as missões dentro do jogo. É fácil clicar e aproveitar as informações apresentadas. É o infográfico perfeito para empresas que procuram atrair o geek interior dos consumidores.
24 A Origem Explicada por Togethera
Lembra do filme A Origem, de 2010, com Leonardo DiCaprio e Joseph Gordon-Levitt? É incompreensível para dizer o mínimo. Se você é um dos muitos que tiveram dificuldade em acompanhar todo o conceito de criação e como os personagens passaram de um estágio para o outro, este infográfico é para você. Mais importante, este infográfico é um ótimo exemplo de como contar uma história com táticas de paralaxe.
25 Bond: Licença para Dirigir
Este infográfico tem algo para todos. Para os fãs de carros, mostra alguns dos carros mais legais da história dos filmes de Bond. Para fanáticos por Bond, mostra um pouco sobre cada filme de Bond feito (incluindo aquele que ainda não saiu). E para designers, mostra uma maneira excepcional de manter seu público cativado do começo ao fim com esse visual interativo.
Cada um desses exemplos oferece algo para aprender sobre design de infográfico bem-sucedido. Ao estudar cada um desses gráficos, você encontrará coisas que considera brilhantes e coisas que não funcionam tão bem. De qualquer forma, ajudará a fornecer a inspiração necessária para um design gráfico eficaz em 2015.