25 infografías interactivas para el diseñador que hay en ti
Desde principios de siglo, las infografías han tenido un impacto poderoso en la forma en que vemos los medios web. En sus inicios, fue revolucionario como el medio perfecto tanto para representar datos como para entretener a la audiencia.
El éxito de la infografía ha evolucionado desde entonces. Hace solo unos años, las infografías se volvieron extremadamente populares con la irrupción del marketing digital y la optimización de motores de búsqueda.
Con su popularidad llegaron varios cambios en la forma en que se presentaban. Solo se compartió lo mejor de lo mejor en las redes sociales, lo que resultó en una mayor conciencia de marca y compromiso del consumidor.
A medida que la infografía tradicional evolucionó para mantenerse al día con los gustos cambiantes de los consumidores, trajo al mundo la infografía interactiva, que se está convirtiendo en la forma de representación de datos más buscada hasta la fecha, incluso haciendo que algunas infografías estáticas parezcan obsoletas e irrelevantes.
Para ayudarlo a mantenerse a la vanguardia con su diseño gráfico y crear una infografía con el potencial de volverse viral, eche un vistazo a esta lista de increíbles infografías interactivas.
1 Este de Tennessee de Derby Supply Chain Solutions
Esta infografía diseñada para describir parte de la historia, la cultura y los hechos divertidos del este de Tennessee utiliza el desplazamiento de paralaje para dar vida al paisaje a medida que se relacionan varios hechos e información. ¡Hace que aprender sobre esta ubicación específica sea mucho más agradable!
Probablemente no sabías que la raza humana tenía una versión de las redes sociales que se remonta al siglo XIX, ¿verdad? Esta infografía le permite al usuario hacer clic en diferentes períodos de tiempo para descubrir la larga e interesante historia de las redes sociales a través de los tiempos. La capacidad de controlar la velocidad y el orden de la información es una perspectiva emocionante para los consumidores.
3 Cómo funciona la búsqueda de Google
Google probablemente tiene más estadísticas e información para compartir sobre el uso y la navegación en Internet que cualquier otra empresa, y comparten algunos de esos datos en esta infografía que explica la popularidad de las búsquedas web y cómo funcionan a través de una historia de tres partes por la que los usuarios pueden desplazarse. a su propio ritmo.
Este volcado de información animado es simplemente divertido. A medida que se desplaza por el gráfico de colores brillantes y repleto de información, aparecen gráficos llamativos que ayudan a mejorar los datos y hacen que la experiencia educativa sea mucho más entretenida.
5 La hora feliz iluminada: una guía interactiva de lo que está bebiendo por Column Five
A todo el mundo le encanta la hora feliz, pero todas las calorías consumidas en esa sesión no hacen mucho por tu cintura. Esta infografía utiliza una configuración de barra y le permite hacer clic en diferentes tipos de bebidas para descubrir la información nutricional de cada una, incluidas las calorías y el contenido de alcohol. Observe la naturaleza convincente de las imágenes.
6 Evolución de Insight por Vision Critical
Es posible que no le interese la historia de la investigación de mercado, pero aún le interesará echar un vistazo a esta cautivadora infografía, que utiliza gráficos audaces y una variedad de páginas para compartir las historias de muchas personas influyentes y eventos desde el siglo XX hasta ahora.
7 derechos políticos de las mujeres en todo el mundo de The Guardian
Aprenda tanto sobre los derechos de las mujeres en varias partes del mundo como sobre un gran diseño interactivo con esta animada infografía. Los espectadores pueden hacer clic en cualquier país o región del mundo para conocer los derechos políticos de las mujeres allí. Esta infografía es brillante porque los creadores presentan grandes volúmenes de información, pero los creadores de la imagen la presentan de tal manera que los usuarios pueden obtener la información que desean sin sentirse abrumados.
8 amenazas de seguridad minorista de Nuspire
Esta infografía interactiva utiliza HTML5 y una maqueta de un espacio de oficina típico para mostrar exactamente cuán vulnerables son las empresas a los piratas informáticos. Se indica a los espectadores que usen la barra espaciadora o las teclas de flecha para pasar de una amenaza de seguridad a otra. Ayuda a llevar el mensaje a casa, ya que la imagen muestra a las empresas las ubicaciones físicas más débiles. Es una amenaza que realmente pueden experimentar.
9 razones por las que no deberías beber y conducir desde los aparcamientos del centro de la ciudad de Leeds
Esta infografía está inspirada durante las vacaciones, cuando beber y conducir es peor. Los consumidores pueden decirle a esta infografía cuánto han bebido y les informará si esa cantidad está o no por encima del límite legal. Se acompaña de una serie de estadísticas con el fin de promover calles más seguras.
10 vuelos interactivos por The Guardian
Mire minúsculos jets y aviones entrecruzándose en el aire al mismo tiempo para ver con qué frecuencia los seres humanos emprenden el vuelo. Muestra tanto los momentos de mayor actividad para volar como las áreas que reciben la mayor parte del tráfico aéreo. Es una representación de datos fascinante, por decir lo menos, que fomenta la exploración personal a través de los datos.
11 13 razones por las que su cerebro anhela infografías de NeMam Studios
En caso de que hayas olvidado por qué las infografías tienen tanto éxito, este gráfico animado te lo recordará. Con colores brillantes, desplazamiento de paralaje y la cantidad justa de movimiento gráfico, este + visual mantiene a los espectadores entretenidos e informados hasta el final.
12 Mapping the Dead: Gun Deaths From Sandy Hook por The Huffington Post
Este gráfico aleccionador muestra las regiones más comunes de muertes por armas de fuego en los Estados Unidos desde el tiroteo en la escuela primaria Sandy Hook. El tema de la infografía es triste, pero la presentación es brillante para transmitir el mensaje.
13 Dribbble: ¿Para qué sirve? por Dribbble LLC
Casi todos los elementos de esta infografía HTML5 cobran vida cuando mueves el cursor para mostrar un elemento diferente de cómo usar Dribble. Aunque gran parte de la información de este gráfico podría ser más específica, el uso de la animación hace que sea extremadamente fácil y emocionante acceder al contenido.
14 Cómo funciona un motor de automóvil de Animagraffs
Esta infografía da en el clavo con sus gráficos, ya que entender cómo funciona el motor de un automóvil es realmente algo que tienes que ver en acción. explica en cámara lenta cómo cobra vida el motor con una serie de gráficos que muestran lo que hace cada parte del motor.
15 ¿Cuántos hogares son como el suyo? de The New York Times
Si alguna vez se ha preguntado si la situación de su hogar es única, esta imagen interactiva le dará la respuesta. El usuario puede elegir una variedad de opciones de tamaño de familia y situaciones para aprender cómo se compara el resto del país. No es tan actual como podría ser, pero sigue siendo una excelente representación de la forma correcta de usar gráficos animados.
16 El brillante futuro de los vehículos compartidos
Cuando ve esta infografía, puede subirse a un pequeño automóvil verde y viajar a su propio ritmo para descubrir cómo se supone que cambiará el uso compartido de automóviles a lo largo de los años. Hay más de una manera de interactuar con esta infografía. Puede desplazarse de lado a lado para mover el automóvil o pasar el mouse sobre ciertos elementos dentro de la imagen para obtener más información. Las múltiples formas de interacción son extremadamente efectivas para mantener a los espectadores interesados de principio a fin.
17 cuentos de peces verdaderos por United Marine
Este sitio web es el sueño de un pescador. No solo revela algunos de los principales peces de juego en cada área, sino que también comparte las historias de aquellos que han abordado el pez de presa más grande y han ganado. Es fácil moverse de un punto de información a otro, y los grandes cuentos de peces son cautivadores.
18 gigantes tecnológicos hambrientos de Simply Business
Esta infografía compara el crecimiento de cinco importantes empresas tecnológicas. Muestra tanto el tiempo de crecimiento como la cantidad que hizo cada negocio. Si hace clic en el ícono de cada empresa, lo llevará a una página sobre el estado financiero de cada empresa, que es una forma muy efectiva de transmitir mucha información mientras se mantiene la integridad de lo visual.
19 La evolución de la Web
Eche un vistazo a la forma en que este gráfico se mueve lentamente desde el inicio de Internet hasta donde estamos hoy. El comienzo simple que conduce a un estado más complejo muestra efectivamente cuán grande y extendida se ha vuelto Internet en solo 20 años. Para colmo, el usuario puede seleccionar entre varios idiomas.
Dé un paseo por la calle desde la década de 1950 hasta el presente y aprenda sobre algunos de los socios más influyentes en colaboración. El usuario puede hacer clic en cada período de tiempo y explorar el historial a su gusto. La infografía mantiene al espectador interesado hasta el final, donde la empresa revela su llamado a la acción. Otra representación de un gráfico que puede convertir eficientemente a una audiencia.
21 Conexión: cómo las pequeñas empresas utilizan la tecnología de buenas infografías
Uno de los mayores desafíos de las infografías es presentar un gran volumen de información sin abrumar a la audiencia. Este elemento visual hace exactamente eso sin problemas, lo que permite al visitante hacer clic en la infografía para leer los datos. Lo visual es a la vez atractivo e informativo, lo que lleva al lector a una conclusión lógica.
22 Evolución de la Consola de Juegos de Design by Soap
Vea cuánto costaba entonces una consola de juegos fabricada en 1972 en comparación con la actual. La imagen lo lleva de un año al siguiente, mostrando cada consola creada, el año en que se fabricó y el costo en ese momento y ahora. Cada página de la consola tiene un lugar donde los usuarios de la infografía pueden leer más información sobre la consola individual.
23 viajes épicos de juegos de consola de Butler’s Bingo
A los jugadores de todo el mundo les encanta esta infografía que comparte información valiosa sobre varios videojuegos populares. Puede seleccionar entre varios juegos diferentes y descubrir información sobre la trama y las misiones dentro del juego. Es fácil hacer clic y disfrutar de la información presentada. Es la infografía perfecta para las empresas que buscan atraer al geek interno de los consumidores.
24 Origen explicado por Togethera
¿Recuerdas la película Inception de 2010 con Leonardo DiCaprio y Joseph Gordon-Levitt? Es alucinante por decir lo menos. Si eres uno de los muchos que tuvo dificultades para mantenerse al día con todo el concepto de inicio y cómo los personajes pasaron de una etapa a la siguiente, esta infografía es para ti. Más importante aún, esta infografía es un gran ejemplo de cómo contar una historia con tácticas de paralaje.
25 Fianza: Licencia para conducir
Esta infografía tiene algo para todos. Para los fanáticos de los autos, muestra algunos de los autos más geniales a lo largo de la historia de las películas de Bond. Para los fanáticos de Bond, muestra un poco de cada película de Bond realizada (incluida la que aún no se ha estrenado). Y para los diseñadores, muestra una forma excepcional de mantener cautivada a su audiencia de principio a fin con esta imagen interactiva.
Cada uno de estos ejemplos ofrece algo que aprender sobre el diseño infográfico exitoso. A medida que estudie cada uno de estos gráficos, encontrará cosas que le parecen brillantes y otras que no funcionan tan bien. De cualquier manera, le ayudará a darle la inspiración que necesita para un diseño gráfico eficaz en 2015.