El Cliente y la Infografía – una entrevista con SignalNoise.

Los datos Vienen De Cualquier Parte, una entrevista con el artista de datos de Jer Thorp

Seis Infografías Que Encantan A Nuestros Diseñadores, algunas maravillosas aquí

¿Qué es Una Infografía B2B? – algunas preguntas difíciles.

¿Mucha información para compartir? Hacer una infografía? Aquí hay 14 maneras de organizar visualmente tu información, con ejemplos y consejos sobre cuándo usarlas.

Hay dos maneras de descubrir la mejor manera de presentar información o una historia visualmente:

1. Conozca sus datos o historia de forma íntima. Rastrilla tu jardín zen y pregúntate «¿ cómo quieren ser mis datos?»
2. Revisa cientos de infografías y trata de ver si alguna de las mejores encaja bien con lo que quieres hacer o decir.

Para este post, he intentado hacer lo último por ti (si quieres cultivar tu jardín zen, no puedo hacer nada por ti).

El proceso:
Fui a Visual.ly (una excelente fuente para infografías, y la comunidad que las rodea) y revisaron un par de cientos de las infografías más populares por páginas vistas. Esta red de arrastre reveló 14 metáforas visuales. Aquí las compartiré y responderé algunas preguntas para cada una:

¿Cuándo funciona realmente un enfoque visual en particular?

¿Qué vale la pena tener en cuenta, desde la perspectiva del diseño?

¿Cuáles son algunos buenos ejemplos?

Los 10 + 4 conceptos visuales

Una infografía o visual de anatomía proporciona una exploración anotada del contenido de un objeto o idea grande y complicado. Puede ser metafórica (como la infografía de» Anatomía de un SEO » a continuación) o recta (como la infografía de «Anatomía de un sitio web Perfecto» a continuación).

¿Cuándo lo usas? En cualquier momento que desee educar sobre algo con muchas partes constituyentes móviles, que no se entienden amplia o fácilmente.

Notas de diseño: Aunque nuestro objetivo es ilustrar y dilucidar la complejidad, es necesario resistir la tentación de ser demasiado detallado y explícito.

Algunos ejemplos: Anatomía de SEOmoz de un Vendedor de Búsquedas, Anatomía de un Sitio Web Perfecto, La encantadora serie Imaginaria Factory de Jing Zhang y El Cerebro de un Blogger Principiante de Infolinks.

Timeline

Estos son excelentes para demostrar (o crear) una serie de relaciones de causa y efecto, o evolución.

¿Cuándo lo usas? Siempre que el cambio a lo largo del tiempo sea su punto principal

Notas de diseño: ¿Empiezas tarde y trabajas hacia atrás o empiezas temprano y trabajas hacia adelante? En general, lo último, a menos que el punto que está tratando de hacer se refiera a las raíces históricas de algo. Preste atención a la escala de tiempo-trate de conservar los huecos y los racimos.

Ejemplos: Línea de tiempo de Battlefield vs. Call of Duty y Línea de tiempo de Inicio (pista: no es directa)

Subgéneros de línea de tiempo:
Historia de Call ejemplo: Historia de los Despertadores

Evolución de example ejemplo: La evolución de la taxonomía Geek

Al igual que en este post, todos tratamos de clasificar las cosas. De alguna manera, las cosas de ganar dinero ponen a nuestras mentes de chimpancé a gusto. También le permite comunicar amplitud y profundidad.

¿Cuándo lo usas? Si desea aclarar diferencias significativas y reconocibles entre subgrupos

Notas de diseño: Use esto solo si tiene varios elementos que difieren en muchos ejes diferentes (si solo tiene dos cosas, puede usar comparación lado a lado (abajo); si solo tiene un eje, tal vez escala (abajo))

Ejemplos: Nuts & Pernos de Tipos de Gráficos y un nuevo favorito: La Magnífica Multitud de Cervezas de PopCharts Labs y su gráfico de 200 Superpoderes.

Subgéneros de taxonomía:
Tabla Periódica ejemplo: La Tabla Periódica de Factores de Clasificación SEO, La Tabla Periódica de Jurar

Árbol ejemplo: Árbol de Blog de Eloqua

Mapa

Los mapas son jodidamente geniales. Me encantan. Puedes averiguar dónde estás, a dónde vas y dónde is están otras cosas. Nada proporciona un contexto espacial y conceptual como un mapa.

¿Cuándo lo usas? Siempre que desee comunicar proximidad, distancia y dirección entre varios elementos o puntos de datos diferentes.

Notas de diseño: Si puedes incluir significado en el diseño de tu mapa (es decir, las distancias, los objetos y los tamaños tienen significado), mejor será.

Algunos ejemplos: Mapa de Redes Sociales de Flowtown, El Mapa del Proceso Creativo y La increíble demostración interactiva de Distancia a Marte de David Paliwoda y Jesse Williams.

¿Disfrutando del post? Espero que lo comparta con personas de ideas afines. Tuitea. Compartir en LinkedIn. O me gusta.

Rampas y escaleras

Usted sabe que el juego de saltar hacia adelante y hacia atrás, aparentemente por casualidad, siempre luchando de principio a fin. Los participantes avanzan a través del diseño de una parte y la oportunidad de una parte.

¿Cuándo lo usas? Cuando quieres explicar un proceso, en el que casi todos quieren comenzar y terminar en el mismo lugar (pero la ruta de principio a fin es muy variable)

Notas de diseño: Generalmente hay poco debate sobre los pasos a lo largo del camino; dedique su tiempo y esfuerzo a los saltos hacia adelante y hacia atrás, porque atraerán la mayor atención.

Ejemplos: Informe de Crédito 101 y Rampas y escaleras de Marketing de Insightera.

Espacio es igual a espacio

Es una de las primeras lecciones de la guardería: algunas cosas son grandes, otras son pequeñas (pero solo comparadas entre sí). La infografía espacio es igual a espacio traza dos o más cosas una contra la otra usando la misma escala.

¿Cuándo lo usas? Siempre que desee comunicar el tamaño relativo o el número de cosas dispares, porque la relación es inesperada o interesante

Notas de diseño: A menudo es genial establecer una línea de base, luego comparar y contrastar con eso. Cambiar la línea de base puede ser confuso.

Un ejemplo: Qué es Más Pequeño Que Apple y Qué Tan Grandes Son los Dragones de Juego de Tronos.

Escala

Todo en el universo, sin importar cuán único sea, está en una escala móvil, solo debemos preguntarnos cuál es la escala. Por ejemplo, un unicornio rosado está en una escala móvil de «es un unicornio rosado «a» no es un unicornio rosado » donde la mayoría de las cosas en el universo están hacia el extremo del segundo grupo.

¿Cuándo lo usas? En cualquier momento que quieras priorizar o clasificar un número de objetos en función de un criterio que a tu audiencia le guste particularmente

Notas de diseño: Las escalas de arriba hacia abajo tenderán a hacer que la parte superior se vea bien y la inferior mala; las clasificaciones de lado a lado no darán preferencia a un extremo de la escala.

Algunos ejemplos: La simpatía de Angry Birds, La Confiabilidad de las Barbas

Comparación lado a lado

Todos conocemos los conceptos básicos de este visual de la tabla de características clásicas. Comienza seleccionando un modelo o ejemplo en la parte superior, luego baja por el gráfico para ver qué tiene o no tiene ese modelo. El punto de esto es fácil de comparar.

¿Cuándo lo usas? Siempre que tenga una cantidad limitada de elementos que desee comparar o contrastar rápidamente.

Notas de diseño: Cuando se reduce a dos elementos, estos elementos a menudo terminarán pareciendo estar en conflicto.

Un ejemplo: Geek vs Hipster

árbol de Decisión

Estos puede ser fantástico cuando son rectos, y estos pueden ser fantásticos cuando se cómic. Están diseñados para responder a todas las circunstancias posibles con una respuesta apropiada.

¿Cuándo lo usas? Los árboles de decisión son excelentes para guiar a las personas mental y visualmente desde un punto de partida indeterminado hasta uno de los muchos puntos finales diferentes.

Notas de diseño: Tendrá que estructurar cada punto para tener solo una o dos respuestas cerradas (fáciles de responder), terminar con una recomendación concreta y llegar a una conclusión muy rápidamente.

Algunos ejemplos: ¿Debo aceptar esa solicitud de amistad?, ¿Debería usar pantalones de chándal?, ¿Ya tienes que despertarte?

Diagrama de Venn

El diagrama de Venn proviene del filósofo Rudolf Venn-Herschelderferer que nunca perdió una pelea; solo agregó otra capa de complejidad. Con toda honestidad, estos diagramas tratan de forzar a la gente a hacer concesiones. No puedes tenerlo todo, tenerlo todo puro y tenerlo todo, nunca.

¿Cuándo lo usas? Cuando quieres que la gente vea que una situación no tiene un escenario ideal, sino más bien una serie de compensaciones y compromisos. O para mostrar un Punto Dulce donde dos zonas se superponen.

Notas de diseño: Nunca he visto un diagrama de Venn exitoso con más de máx. cuatro círculos grandes. No significa que no sea posible, pero sólo digo.

Un ejemplo: ¿Te gustaría tu diseño gráfico?
Y hay una gran colección de diagramas de Venn en este Tumblr: Diagramas de Venn Fuck Yeah

¿Te gusta este post? ¡Compártelo y podemos hacer más!O echa un vistazo a nuestra Lista de Verificación de Estrategia de Marketing de Contenidos B2B.