o cliente e o infográfico-uma entrevista com SignalNoise.

Data Comes From Anywhere-an interview with Jer Thorp data artist

Six Infographics That Our Designers Love-some wonderful ones here

What’s a B2B Infographic? – algumas perguntas difíceis.muita informação para partilhar? A fazer um infográfico? Aqui estão 14 maneiras de organizar visualmente suas informações, com exemplos e dicas sobre quando usá-las.

Existem duas maneiras de descobrir a melhor maneira de ir sobre a apresentação de informações ou uma história visualmente:Conheça os seus dados ou história intimamente. Rake seu jardim zen, e pergunte a si mesmo ” como meus dados querem se parecer?”

para este post, eu tentei fazer o último para você (se você quiser cultivar o seu jardim zen, eu não posso fazer nada por você).

O processo:
I went to Visual.ly (uma excelente fonte para infografias, e a comunidade ao seu redor) e revisou algumas centenas dos infográficos mais populares por pageviews. Esta rede revelou 14 metáforas visuais. Aqui eu vou compartilhá-los, e responder a algumas perguntas para cada:

Quando uma abordagem visual particular realmente funciona?o que vale a pena ter em mente, de uma perspectiva de design?quais são alguns bons exemplos?

Os 10 + 4 Visual Prepotência

Uma anatomia visual ou infográfico fornece uma versão anotada de exploração do conteúdo de um grande e complicado objeto ou idéia. Pode ser metafórico (como a” anatomia de um SEO ” infográfica abaixo) ou direto (como a “anatomia de um site perfeito” infográfico abaixo).quando é que o usa? A qualquer momento você quer educar sobre algo com muitas partes constituintes móveis, que não são amplamente ou facilmente compreendidos.notas de Projecto: Embora nosso objetivo seja ilustrar e elucidar a complexidade, você precisa resistir à tentação de ficar muito detalhado e explícito.alguns exemplos: Anatomia de um comerciante de busca, Anatomia de um site perfeito, a deliciosa série imaginária de fábrica por Jing Zhang e o cérebro de um blogueiro iniciante por Infolinks.

Timeline

estes são grandes para demonstrar (ou criar) uma série de relações de causa e efeito, ou evolução.quando é que o usa? Sempre que a mudança ao longo do tempo é o seu ponto principal

notas de desenho: Você começa tarde e trabalha para trás ou você começa cedo e trabalha para a frente? Geralmente o último, a menos que o ponto que você está tentando fazer diz respeito às raízes históricas de alguma coisa. Preste atenção à escala de tempo-tente conservar lacunas e cachos.exemplos: Battlefield vs. Call of Duty Timeline and The Inception Timeline (hint: it ain’t straight)

Timeline Sub-genres:
History of … example: History of Alarm Clocks

Evolution of … example: The Evolution of the Geek

Taxonomy

Like this post, we all try to classify things. De alguma forma, as coisas bucketizing põem as nossas mentes chimpanzés à vontade. Ele também permite que você comunique largura e profundidade.quando é que o usa? Se quiser clarificar diferenças significativas e reconhecíveis entre sub-grupos

notas de desenho: Use isto apenas se tiver vários elementos que diferem em muitos eixos diferentes (se tiver apenas duas coisas, poderá querer usar uma comparação lado a lado (abaixo); se apenas um eixo, talvez uma escala (abaixo))

exemplos: Nuts & parafusos de tipos de gráficos e um novo favorito: a magnífica multidão de cerveja pela PopCharts Labs e o seu gráfico de 200 Super Powers.

Taxonomia Sub-gêneros:
Tabela Periódica exemplo: A Tabela Periódica do SEO Fatores de Ranking, A Tabela Periódica dos Palavrões

Árvore de exemplo: Eloqua Blog da Árvore

Mapa

Mapas são do caralho grande. Adoro-os. Podes descobrir onde estás, para onde vais e para onde…outras coisas estão. Nada fornece um contexto espacial e conceitual como um mapa.quando é que o usa? Sempre que você quiser comunicar proximidade, Distância e direção entre um número de diferentes itens, ou pontos de dados.

Design notes: se você pode colocar significância no layout do seu mapa (isto é, distâncias, objetos e tamanhos todos têm significado), melhor ele será.

alguns exemplos: Flowtown Social Networking Map, the Creative Process Map and the amazing, interactive Distance To Mars demonstration by David Paliwoda and Jesse Williams.estás a gostar do cargo? Espero que o partilhes com pessoas que pensam da mesma maneira. Twita. LinkedIn share. Ou gostar.

Rampas e escadas

Você sabe que o jogo de saltar e deslizar para trás, aparentemente por acaso, sempre lutando do início ao fim. Os participantes passam por um projeto de uma parte e uma chance de uma parte.quando é que o usa? Quando você quer explicar um processo, em que praticamente todos querem começar e terminar no mesmo lugar (mas a rota do início ao fim é altamente variável)

notas de Design: geralmente há pouco debate sobre os passos ao longo do caminho; gaste seu tempo e esforço nos saltos para a frente e para trás, porque esses vão chamar mais atenção.exemplos: Credit Report 101 e Marketing Chutes and Ladders by Insightera.

espaço é igual a espaço

é uma das primeiras lições do infantário: algumas coisas são grandes, outras coisas são pequenas (mas apenas comparadas umas com as outras). O espaço é igual a gráficos de espaço infográfico duas ou mais coisas umas contra as outras usando a mesma escala.quando é que o usa? Sempre que você quiser comunicar o tamanho relativo ou o número de coisas díspares, porque a relação é inesperada ou interessante

notas de Design: muitas vezes é ótimo definir uma linha de base, em seguida, comparar e contrastar com isso. Mudar a linha de base pode ser confuso.

um exemplo: o que é menor que a Apple e quão grande é o jogo dos Thrones dragões.

escala

tudo no universo, por mais único que seja, está numa escala móvel – devemos apenas perguntar-nos o que é a escala. Por exemplo, um unicórnio rosa está em uma escala deslizante de “é um unicórnio rosa” para “não é um unicórnio rosa” onde a maioria das coisas no universo estão em direção ao ponto final do segundo grupo.quando é que o usa? Sempre que você quiser priorizar ou classificar um número de objetos contra um critério que o seu público irá particularmente gostar de notas de Design

: escalas de cima para baixo tenderão a fazer com que o topo pareça bom, e baixo mau; os rankings de lado para lado não darão um fim da preferência de escala.alguns exemplos: The Likability of Angry Birds, The Trustworthity of Beards

Side by side comparison

todos nós sabemos o básico deste visual a partir da tabela característica clássica. Você começa selecionando um modelo ou exemplo no topo, então você vai para baixo no gráfico para ver o que esse modelo faz ou não tem. O objectivo disto é uma comparação fácil.quando é que o usa? Sempre que você tem uma quantidade limitada de itens que você quer comparar ou contrastar rapidamente.notas de Projecto: Quando você desce para dois elementos, esses elementos muitas vezes acabam parecendo que estão em conflito.

Um exemplo: Geek vs. Hipster

árvore de Decisão

Estes podem ser fantástico quando eles são reta, e estes podem ser fantástico quando eles estão em quadrinhos. Eles são projetados para responder a todas as circunstâncias possíveis com uma resposta adequada.quando é que o usa? As árvores de decisão são grandes para guiar as pessoas mentalmente e visualmente de um ponto de partida indeterminado para qualquer um dos muitos pontos finais diferentes.notas de Projecto: Você precisará estruturar cada ponto para ter apenas uma ou duas respostas fechadas (fácil de responder), terminar com uma recomendação concreta e chegar a uma conclusão muito rapidamente.

alguns exemplos: devo aceitar esse pedido de amigo? Devo usar calças de treino? Já tens de acordar?

Diagrama de Venn

O diagrama de Venn vem do filósofo Rudolf Venn-Herschelderferer que nunca perdeu uma luta; ele acabou de adicionar outra camada de complexidade. Sinceramente, estes diagramas têm a ver com forçar as pessoas a aceitar compromissos. Não se pode ter tudo, ter tudo puro e tê-lo completamente, nunca.quando é que o usa? Quando se quer que as pessoas vejam que uma situação não tem um cenário ideal, mas sim uma série de compromissos e compromissos. Ou para mostrar um ponto doce onde duas zonas se sobrepõem.

Design notes: I never seen a successful Venn diagram with more than max. quatro grandes círculos. Não significa que não seja possível, mas só estou a dizer.

um exemplo: como você gostaria de seu design gráfico?e há uma grande colecção de diagramas Venn neste Tumblr: Diagramas Venn fodem-se como este post? Compartilhe e podemos fazer mais!
ou confira nossa lista de estratégia de Marketing de conteúdo B2B.