{"id":263414,"date":"2023-07-24T07:50:00","date_gmt":"2023-07-24T04:50:00","guid":{"rendered":"https:\/\/inform.click\/25-infografias-interactivas-para-el-disenador-que-hay-en-ti\/"},"modified":"2023-07-24T08:43:00","modified_gmt":"2023-07-24T05:43:00","slug":"25-infografias-interactivas-para-el-disenador-que-hay-en-ti","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/25-infografias-interactivas-para-el-disenador-que-hay-en-ti\/","title":{"rendered":"25 infograf\u00edas interactivas para el dise\u00f1ador que hay en ti"},"content":{"rendered":"

\n Desde principios de siglo, las infograf\u00edas 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.\n<\/p>\n

\n El \u00e9xito de la infograf\u00eda ha evolucionado desde entonces. Hace solo unos a\u00f1os, las infograf\u00edas se volvieron extremadamente populares con la irrupci\u00f3n del marketing digital y la optimizaci\u00f3n de motores de b\u00fasqueda.\n<\/p>\n

\n Con su popularidad llegaron varios cambios en la forma en que se presentaban. Solo se comparti\u00f3 lo mejor de lo mejor en las redes sociales, lo que result\u00f3 en una mayor conciencia de marca y compromiso del consumidor.\n<\/p>\n

\n A medida que la infograf\u00eda tradicional evolucion\u00f3 para mantenerse al d\u00eda con los gustos cambiantes de los consumidores, trajo al mundo la infograf\u00eda interactiva, que se est\u00e1 convirtiendo en la forma de representaci\u00f3n de datos m\u00e1s buscada hasta la fecha, incluso haciendo que algunas infograf\u00edas est\u00e1ticas parezcan obsoletas e irrelevantes.\n<\/p>\n

\n Para ayudarlo a mantenerse a la vanguardia con su dise\u00f1o gr\u00e1fico y crear una infograf\u00eda con el potencial de volverse viral, eche un vistazo a esta lista de incre\u00edbles infograf\u00edas interactivas.\n<\/p>\n

\n 1 Este de Tennessee de Derby Supply Chain Solutions
\n<\/h5>\n

\n <\/a>\n<\/p>\n

\n Esta infograf\u00eda dise\u00f1ada 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\u00f3n. \u00a1Hace que aprender sobre esta ubicaci\u00f3n espec\u00edfica sea mucho m\u00e1s agradable!\n<\/p>\n

\n 2 La historia completa de las redes sociales por AvaLaunch Media
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Probablemente no sab\u00edas que la raza humana ten\u00eda una versi\u00f3n de las redes sociales que se remonta al siglo XIX, \u00bfverdad? Esta infograf\u00eda le permite al usuario hacer clic en diferentes per\u00edodos de tiempo para descubrir la larga e interesante historia de las redes sociales a trav\u00e9s de los tiempos. La capacidad de controlar la velocidad y el orden de la informaci\u00f3n es una perspectiva emocionante para los consumidores.\n<\/p>\n

\n 3 C\u00f3mo funciona la b\u00fasqueda de Google
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Google probablemente tiene m\u00e1s estad\u00edsticas e informaci\u00f3n para compartir sobre el uso y la navegaci\u00f3n en Internet que cualquier otra empresa, y comparten algunos de esos datos en esta infograf\u00eda que explica la popularidad de las b\u00fasquedas web y c\u00f3mo funcionan a trav\u00e9s de una historia de tres partes por la que los usuarios pueden desplazarse. a su propio ritmo.\n<\/p>\n

\n 4 navegadores web y resoluciones de Webby Monks
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Este volcado de informaci\u00f3n animado es simplemente divertido. A medida que se desplaza por el gr\u00e1fico de colores brillantes y repleto de informaci\u00f3n, aparecen gr\u00e1ficos llamativos que ayudan a mejorar los datos y hacen que la experiencia educativa sea mucho m\u00e1s entretenida.\n<\/p>\n

\n 5 La hora feliz iluminada: una gu\u00eda interactiva de lo que est\u00e1 bebiendo por Column Five
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n A todo el mundo le encanta la hora feliz, pero todas las calor\u00edas consumidas en esa sesi\u00f3n no hacen mucho por tu cintura. Esta infograf\u00eda utiliza una configuraci\u00f3n de barra y le permite hacer clic en diferentes tipos de bebidas para descubrir la informaci\u00f3n nutricional de cada una, incluidas las calor\u00edas y el contenido de alcohol. Observe la naturaleza convincente de las im\u00e1genes.\n<\/p>\n

\n 6 Evoluci\u00f3n de Insight por Vision Critical
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Es posible que no le interese la historia de la investigaci\u00f3n de mercado, pero a\u00fan le interesar\u00e1 echar un vistazo a esta cautivadora infograf\u00eda, que utiliza gr\u00e1ficos audaces y una variedad de p\u00e1ginas para compartir las historias de muchas personas influyentes y eventos desde el siglo XX hasta ahora.\n<\/p>\n

\n 7 derechos pol\u00edticos de las mujeres en todo el mundo de The Guardian
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Aprenda tanto sobre los derechos de las mujeres en varias partes del mundo como sobre un gran dise\u00f1o interactivo con esta animada infograf\u00eda. Los espectadores pueden hacer clic en cualquier pa\u00eds o regi\u00f3n del mundo para conocer los derechos pol\u00edticos de las mujeres all\u00ed. Esta infograf\u00eda es brillante porque los creadores presentan grandes vol\u00famenes de informaci\u00f3n, pero los creadores de la imagen la presentan de tal manera que los usuarios pueden obtener la informaci\u00f3n que desean sin sentirse abrumados.\n<\/p>\n

\n 8 amenazas de seguridad minorista de Nuspire
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Esta infograf\u00eda interactiva utiliza HTML5 y una maqueta de un espacio de oficina t\u00edpico para mostrar exactamente cu\u00e1n vulnerables son las empresas a los piratas inform\u00e1ticos. 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\u00edsicas m\u00e1s d\u00e9biles. Es una amenaza que realmente pueden experimentar.\n<\/p>\n

\n 9 razones por las que no deber\u00edas beber y conducir desde los aparcamientos del centro de la ciudad de Leeds
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Esta infograf\u00eda est\u00e1 inspirada durante las vacaciones, cuando beber y conducir es peor. Los consumidores pueden decirle a esta infograf\u00eda cu\u00e1nto han bebido y les informar\u00e1 si esa cantidad est\u00e1 o no por encima del l\u00edmite legal. Se acompa\u00f1a de una serie de estad\u00edsticas con el fin de promover calles m\u00e1s seguras.\n<\/p>\n

\n 10 vuelos interactivos por The Guardian
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Mire min\u00fasculos jets y aviones entrecruz\u00e1ndose en el aire al mismo tiempo para ver con qu\u00e9 frecuencia los seres humanos emprenden el vuelo. Muestra tanto los momentos de mayor actividad para volar como las \u00e1reas que reciben la mayor parte del tr\u00e1fico a\u00e9reo. Es una representaci\u00f3n de datos fascinante, por decir lo menos, que fomenta la exploraci\u00f3n personal a trav\u00e9s de los datos.\n<\/p>\n

\n 11 13 razones por las que su cerebro anhela infograf\u00edas de NeMam Studios
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n En caso de que hayas olvidado por qu\u00e9 las infograf\u00edas tienen tanto \u00e9xito, este gr\u00e1fico animado te lo recordar\u00e1. Con colores brillantes, desplazamiento de paralaje y la cantidad justa de movimiento gr\u00e1fico, este + visual mantiene a los espectadores entretenidos e informados hasta el final.\n<\/p>\n

\n 12 Mapping the Dead: Gun Deaths From Sandy Hook por The Huffington Post
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Este gr\u00e1fico aleccionador muestra las regiones m\u00e1s 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\u00eda es triste, pero la presentaci\u00f3n es brillante para transmitir el mensaje.\n<\/p>\n

\n 13 Dribbble: \u00bfPara qu\u00e9 sirve? por Dribbble LLC
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Casi todos los elementos de esta infograf\u00eda HTML5 cobran vida cuando mueves el cursor para mostrar un elemento diferente de c\u00f3mo usar Dribble. Aunque gran parte de la informaci\u00f3n de este gr\u00e1fico podr\u00eda ser m\u00e1s espec\u00edfica, el uso de la animaci\u00f3n hace que sea extremadamente f\u00e1cil y emocionante acceder al contenido.\n<\/p>\n

\n 14 C\u00f3mo funciona un motor de autom\u00f3vil de Animagraffs
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Esta infograf\u00eda da en el clavo con sus gr\u00e1ficos, ya que entender c\u00f3mo funciona el motor de un autom\u00f3vil es realmente algo que tienes que ver en acci\u00f3n. explica en c\u00e1mara lenta c\u00f3mo cobra vida el motor con una serie de gr\u00e1ficos que muestran lo que hace cada parte del motor.\n<\/p>\n

\n 15 \u00bfCu\u00e1ntos hogares son como el suyo? de The New York Times
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Si alguna vez se ha preguntado si la situaci\u00f3n de su hogar es \u00fanica, esta imagen interactiva le dar\u00e1 la respuesta. El usuario puede elegir una variedad de opciones de tama\u00f1o de familia y situaciones para aprender c\u00f3mo se compara el resto del pa\u00eds. No es tan actual como podr\u00eda ser, pero sigue siendo una excelente representaci\u00f3n de la forma correcta de usar gr\u00e1ficos animados.\n<\/p>\n

\n 16 El brillante futuro de los veh\u00edculos compartidos
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Cuando ve esta infograf\u00eda, puede subirse a un peque\u00f1o autom\u00f3vil verde y viajar a su propio ritmo para descubrir c\u00f3mo se supone que cambiar\u00e1 el uso compartido de autom\u00f3viles a lo largo de los a\u00f1os. Hay m\u00e1s de una manera de interactuar con esta infograf\u00eda. Puede desplazarse de lado a lado para mover el autom\u00f3vil o pasar el mouse sobre ciertos elementos dentro de la imagen para obtener m\u00e1s informaci\u00f3n. Las m\u00faltiples formas de interacci\u00f3n son extremadamente efectivas para mantener a los espectadores interesados \u200b\u200bde principio a fin.\n<\/p>\n

\n 17 cuentos de peces verdaderos por United Marine
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Este sitio web es el sue\u00f1o de un pescador. No solo revela algunos de los principales peces de juego en cada \u00e1rea, sino que tambi\u00e9n comparte las historias de aquellos que han abordado el pez de presa m\u00e1s grande y han ganado. Es f\u00e1cil moverse de un punto de informaci\u00f3n a otro, y los grandes cuentos de peces son cautivadores.\n<\/p>\n

\n 18 gigantes tecnol\u00f3gicos hambrientos de Simply Business
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Esta infograf\u00eda compara el crecimiento de cinco importantes empresas tecnol\u00f3gicas. Muestra tanto el tiempo de crecimiento como la cantidad que hizo cada negocio. Si hace clic en el \u00edcono de cada empresa, lo llevar\u00e1 a una p\u00e1gina sobre el estado financiero de cada empresa, que es una forma muy efectiva de transmitir mucha informaci\u00f3n mientras se mantiene la integridad de lo visual.\n<\/p>\n

\n 19 La evoluci\u00f3n de la Web
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Eche un vistazo a la forma en que este gr\u00e1fico se mueve lentamente desde el inicio de Internet hasta donde estamos hoy. El comienzo simple que conduce a un estado m\u00e1s complejo muestra efectivamente cu\u00e1n grande y extendida se ha vuelto Internet en solo 20 a\u00f1os. Para colmo, el usuario puede seleccionar entre varios idiomas.\n<\/p>\n

\n 20 Evoluci\u00f3n de la colaboraci\u00f3n social por Autodesk 360
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n D\u00e9 un paseo por la calle desde la d\u00e9cada de 1950 hasta el presente y aprenda sobre algunos de los socios m\u00e1s influyentes en colaboraci\u00f3n. El usuario puede hacer clic en cada per\u00edodo de tiempo y explorar el historial a su gusto. La infograf\u00eda mantiene al espectador interesado hasta el final, donde la empresa revela su llamado a la acci\u00f3n. Otra representaci\u00f3n de un gr\u00e1fico que puede convertir eficientemente a una audiencia.\n<\/p>\n

\n 21 Conexi\u00f3n: c\u00f3mo las peque\u00f1as empresas utilizan la tecnolog\u00eda de buenas infograf\u00edas
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Uno de los mayores desaf\u00edos de las infograf\u00edas es presentar un gran volumen de informaci\u00f3n sin abrumar a la audiencia. Este elemento visual hace exactamente eso sin problemas, lo que permite al visitante hacer clic en la infograf\u00eda para leer los datos. Lo visual es a la vez atractivo e informativo, lo que lleva al lector a una conclusi\u00f3n l\u00f3gica.\n<\/p>\n

\n 22 Evoluci\u00f3n de la Consola de Juegos de Design by Soap
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Vea cu\u00e1nto costaba entonces una consola de juegos fabricada en 1972 en comparaci\u00f3n con la actual. La imagen lo lleva de un a\u00f1o al siguiente, mostrando cada consola creada, el a\u00f1o en que se fabric\u00f3 y el costo en ese momento y ahora. Cada p\u00e1gina de la consola tiene un lugar donde los usuarios de la infograf\u00eda pueden leer m\u00e1s informaci\u00f3n sobre la consola individual.\n<\/p>\n

\n 23 viajes \u00e9picos de juegos de consola de Butler's Bingo
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n A los jugadores de todo el mundo les encanta esta infograf\u00eda que comparte informaci\u00f3n valiosa sobre varios videojuegos populares. Puede seleccionar entre varios juegos diferentes y descubrir informaci\u00f3n sobre la trama y las misiones dentro del juego. Es f\u00e1cil hacer clic y disfrutar de la informaci\u00f3n presentada. Es la infograf\u00eda perfecta para las empresas que buscan atraer al geek interno de los consumidores.\n<\/p>\n

\n 24 Origen explicado por Togethera
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n \u00bfRecuerdas la pel\u00edcula 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\u00eda con todo el concepto de inicio y c\u00f3mo los personajes pasaron de una etapa a la siguiente, esta infograf\u00eda es para ti. M\u00e1s importante a\u00fan, esta infograf\u00eda es un gran ejemplo de c\u00f3mo contar una historia con t\u00e1cticas de paralaje.\n<\/p>\n

\n 25 Fianza: Licencia para conducir
\n<\/h5>\n

\n \"\"<\/a>\n<\/p>\n

\n Esta infograf\u00eda tiene algo para todos. Para los fan\u00e1ticos de los autos, muestra algunos de los autos m\u00e1s geniales a lo largo de la historia de las pel\u00edculas de Bond. Para los fan\u00e1ticos de Bond, muestra un poco de cada pel\u00edcula de Bond realizada (incluida la que a\u00fan no se ha estrenado). Y para los dise\u00f1adores, muestra una forma excepcional de mantener cautivada a su audiencia de principio a fin con esta imagen interactiva.\n<\/p>\n

\n Cada uno de estos ejemplos ofrece algo que aprender sobre el dise\u00f1o infogr\u00e1fico exitoso. A medida que estudie cada uno de estos gr\u00e1ficos, encontrar\u00e1 cosas que le parecen brillantes y otras que no funcionan tan bien. De cualquier manera, le ayudar\u00e1 a darle la inspiraci\u00f3n que necesita para un dise\u00f1o gr\u00e1fico eficaz en 2015.\n<\/p>\n<\/p>\n

\n Fuente de grabaci\u00f3n: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Desde principios de siglo, las infograf\u00edas 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 \u00e9xito de la infograf\u00eda ha evolucionado desde entonces. Hace solo unos a\u00f1os, las infograf\u00edas se volvieron extremadamente populares con la irrupci\u00f3n del marketing digital y la optimizaci\u00f3n de motores de b\u00fasqueda. Con su popularidad llegaron varios cambios en la forma en que se presentaban. Solo se comparti\u00f3 lo mejor de lo mejor en las redes sociales, lo que result\u00f3 en una mayor conciencia de marca y compromiso del consumidor. Como la infograf\u00eda tradicional\u2026<\/p>\n","protected":false},"author":1,"featured_media":135755,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[203,229,60],"tags":[],"class_list":["post-263414","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-libros-de-texto","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263414"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263414\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/135755"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}