6 infografí­as interactivas increí­bles y por qué funcionan

Las infografí­as interactivas son representaciones de datos que utilizan color y recursos informativos ingeniosos para que el usuario pueda interactuar con ellas y a la vez captar más información. La interacción permite a los usuarios descubrir más información al hacer clic, desplazarse, hacer zoom, ver y pasar el mouse por encima de la infografí­a para explorar más allá.

Éstas pueden ser infografí­as animadas, también conocidas como “gifografí­as”, o no. Las infografí­as interactivas involucran la interacción desde el extremo del usuario con el fin de impulsar la atracción.

¿Significa esto que las infografí­as estándar o estáticas ya no sirven? No, realmente. Éstas todaví­a están vivas y bien. Pero como ya se han popularizado al punto de que se encuentran decenas de ellas a diario en la red, las infografí­as planas se han tornado un poco aburridas.

¿Por qué funcionan las infografí­as interactivas?

Las personas están programadas para lo visual. Usted tiene mayor probabilidad de recordar lo que ha visto que lo que ha leí­do y procesa las imágenes 60.000 veces más rápido que el texto plano. Pero hay una mejor manera de aprender y es mediante la combinación de ver con hacer. En resumen: visualidad + cinética produce mucha más interacción.

Cuando usted tiene que hacer algo para obtener información, es más probable que la recuerde. También está la necesidad de revelar lo que está allí­ guardado y la curiosidad por explorarlo, así­ usted se siente atraí­do por la infografí­a.

Las infografí­as interactivas le permiten ir más allá y se pueden crear usando HTML5 y JavaScript, aunque eso sí­, se requiere de algo de experiencia y conocimiento para crearlas. Demos un vistazo a 6 infografí­as interactivas increí­bles y veamos por qué los usuarios hacen “clic” en ellas:

1. Usted Vs John Paulson (enlace)

cantidad de dinero john paulson

Esta es una infografí­a divertida de MahiFX que le pregunta su salario anual y revela el número de minutos o de horas (si usted gana mucho dinero) que le toma a John Paulson (famoso accionista e inversionista) ganar la misma cantidad. Usted interactúa con la representación ingresando su salario, así­ que tiende a recordarla bien. También funciona bien porque es divertida, agradable pero frustrante a la vez, causa estupor el pensar que alguien puede ganar tanto en cuestión de minutos.

2. Cuánto queda sin reclamar cada año (enlace)

queda sin reclamar

Esta infografí­a le invita a hacer clic en ciertas partes del mapa para revelar datos especí­ficos. Habla del dinero de devolución de impuestos sin reclamar que se acumula cada año. Al hacer clic en un territorio, puede ver las personas de cada estado de USA, el reembolso potencial promedio y el total de los reembolsos potenciales.

3. ¿Hasta dónde llegaremos en el espacio? (enlace)

tamaño del espacio tierra luna

Esta infografí­a nos da una visión general de los diversos y sorprendentes fenómenos durante nuestro tiempo en el espacio.

4. Por qué su cerebro ansí­a una infografí­a (enlace)

mejores infografias interactivas cerebro

Esta es, por mucho, mi infografí­a preferida. Tiene colores brillantes (y apropiados) que la hacen atractiva. La infografí­a lo mantiene atraí­do mientras se desplaza por ella para aprender más cosas. También tiene algunos botones integrados para compartirla en medios sociales que funcionan eficazmente para hacer las estadí­sticas compartibles. Esto demuestra por qué los elementos visuales son tan eficaces con datos curiosos como “el 80 % recuerda lo que ve y lo que hace” y “el 10 % recuerda lo que escucha”.

5. Por debajo del mapa del pensamiento (enlace)

mapa del pensamiento

Esta infografí­a explica el funcionamiento del cerebro haciendo clic en cada área del mismo. Cubre la corteza cerebral y sus cuatro lóbulos, el cerebelo y el tronco cerebral.

6. Cómo funciona la búsqueda (enlace)

Cómo funciona la busqueda

¿Alguna vez se preguntó cómo funciona la búsqueda de Google? Usted no tiene que hacerlo, porque esta infografí­a le explica todo.

Al equipo de Google se le ocurrió esto cuando se dieron cuenta de que no hay nada que explique su proceso con facilidad y rapidez. Aunque habí­a mucha información sobre el tema, nada estaba en formato de infografí­a ni era tan atractivo para el consumidor. Y a partir de ahí­, nació la infografí­a interactiva “Cómo funciona la búsqueda”.

Bien, entonces, ¿ahora está convencido del poder de las infografí­as y le gustarí­a darle usted mismo una oportunidad? Pruebe una nueva y estupenda herramienta llamada Visme (antes EWC Presenter), que es totalmente gratuita y le permite crear hermosas infografí­as interactivas fácilmente.

¿Conoce otras buenas infografí­as interactivas? ¿Qué cree que las hace funcionar?

Payman Taei es el fundador de HindSite Interactive, una empresa de diseño y desarrollo web premiada, que crea web personalizadas y sitios móviles y aplicaciones para empresas y organizaciones.

_______

Extra de WWWhat”™s new: El currí­culum de un diseñador gráfico

Robby Leonardi curriculo interactivo

No podemos dejar pasar la oportunidad para compartir el flamante, colorido y extraordinario currí­culum interactivo de Robby Leonardi, un diseñador gráfico que ahora trabaja en New York para FOX News y que le enseña a todo el mundo lo mucho que se puede obtener de los recursos gráficos interactivos.

Math Live, lecciones animadas de matemáticas para niños

mathlive

Una de las áreas más difí­ciles de aprender para los más pequeños es sin duda las matemáticas, pues el principio de este proceso de aprendizaje no sólo se basa en realizar cálculos de memoria sino en desarrollar una nueva forma lógica de pensar que les ayude a solucionar problemas de cálculo en el dí­a a dí­a. Por ello es muy conveniente utilizar herramientas online interactivas que les ayude a captar estas nuevas nociones de forma más fácil y fluida.

Una opción para esto es Math Live, un sitio web que presenta historias animadas para los estudiantes que, una a una, enseñan distintas lecciones relacionadas con las matemáticas. Nos encontramos con un total de 23 lecciones para estudiantes de primaria y secundaria divididas en cuatro secciones principales: Numbers, sección en la que veremos fracciones, divisiones, números enteros, multiplicaciones y cálculos con decimales, Pattern and Relations, sección en la que podrán aprender cómo captar patrones numéricos, Shape and Space, en la que podrán aprender cálculos como perí­metros o volumen con figuras geométricas, y por último una sección de Statistics and Probability que les ayudará a realizar cálculos de probabilidad, aproximaciones y estimaciones ví­a distintas técnicas.

Adicionalmente, cada capí­tulo incluirá apuntes y ayudas para que profesores y padres enseñen la lección del mejor modo posible. Hay que apuntar que el sitio web en sí­ está en inglés, pero la mayorí­a de capí­tulos sólo nos mostrarán números, fracciones y gráficos simples perfectamente inteligibles para todo el mundo.

Meograph, excelente herramienta para educadores y periodistas que permite crear historias interactivas

Meograph es un interesante recurso online, que ofrece todas las herramientas necesarias para crear en pocos pasos y con todo el contenido multimedia que deseamos, una historia interactiva.

La dinámica que propone es muy simple. Primero tenemos que señalar qué deseamos contar, dónde y cuándo transcurre la historia. A partir de allí­, podemos comenzar a desarrollarla valiéndonos de una lí­nea de tiempo, donde iremos señalando los momentos claves, acompañándolos con videos y fotografí­as, que podemos integrar a través de un enlace o desde nuestro ordenador.

Cada una de las ubicaciones que vamos registrando se van visualizando en Google Maps, para que pueda llevarse un seguimiento de los acontecimientos. Y un detalle interesante es que la historia será contada con nuestra voz, ya sea a través de un audio que grabemos desde la misma interfaz de Meograph o subiendo un archivo mp3.

Las posibilidades que ofrece Meograph son muchí­simas. Tan solo pensando en el área de la educación puede ser una interesante herramienta didáctica, donde los alumnos pueden narrar una historia aprendiendo a utilizar contenido multimedia. O puede utilizarse de manera más creativa, como por ejemplo al desarrollar momentos históricos, o la vida de un personaje celebre.

Y por supuesto, Meograph puede convertirse en un instrumento interesante para los que trabajan en los medios de comunicación, o participan activamente en divulgar temas sociales.

Enlace: Meograph

Thinglink incorpora una función para sugerir imágenes interactivas

Ya hablamos de Thinglink hace poco más de un año presentándolo como una aplicación que nos permití­a crear imágenes interactivas, es decir, añadir enlaces, ví­deos y grabaciones de voz en cualquier parte de una imagen, con posibilidad de insertar resultado dentro de cualquier página web.

Ahora, los interesados en descubrir imágenes interactivas dentro del portal lo tienen más fácil ya que no tendrán que buscarlas por parámetros de búsqueda o manualmente, sino que cuando visualizas las imágenes de uno mismo o de otro usuario dentro de Thinglink, automáticamente de desplegarán más imágenes sugeridas y relacionadas que tengan que ver con la imagen que estabas visualizando. Si no quieres que tus propias imágenes salgan en esta lista de imágenes sugeridas, puedes desactivar esta opción para que sólo te aparezcan imágenes de otros usuarios.

Recordamos que el servicio es gratuito y puedes registrarte aquí­.

Link: Thinglink | Ví­a: FreeTech4Teachers

ThingLink, para crear páginas interactivas en Facebook

¿Has escuchado hablar de ThingLink? Es un recurso más que interesante que permite que las imágenes que tenemos en nuestro sitio web transmitan información, pero de una manera agradable e interactiva, a través de mapas de imágenes

Ahora esa posibilidad se ha traslado a Facebook, ya que han lanzado una aplicación, Thinglink Tabs, que nos permite crear una página de fans más que interesante mediante esta tecnologí­a de etiquetado.

¿Cómo funciona ThingLink? Muy simple, la idea es que las imágenes que escojas sean el centro de la información que deseas que los usuarios visualicen. Para ello, tienes que escoger zonas de la imagen donde deseas añadir puntos de enlaces. Por ejemplo, un artista puede poner enlaces que redirigan a sus discos, su biografí­a, su sitio web, etc . O, si es una página personal, puedes añadir enlaces a tu curriculum, tus cuentas en otras redes sociales, etc. De esa manera la información no se presentará de manera monótona y sí­ más atractiva e interactiva.

Para crear una página como la que te sugerimos, solo tienes que ir a la aplicación de ThingLink y escoger uno de los planes que ofrece, teniendo la opción de uno gratuito. Luego solo tienes que seguir las instrucciones  y lo demás ya dependerá de tu imaginación…. puedes agregar videos, audio, imágenes en los enlaces.

Las personas que visiten tus páginas solo tienen que posicionar el cursor del mouse sobre los puntos de la imagen y verán la información adicional que has incorporado. Puedes ver un ejemplo en este link.

Enlace: ThingLink | Ví­a: TheNextWeb

Sitios para encontrar y aprender con instrumentos musicales virtuales

Nunca está de más incentivar la creación de un sistema educativo integral, un modelo que en su afán de aumentar la economí­a de un paí­s a través de la productividad no sacrifique una parte esencial de su identidad: la cultura. Pues bien, un excelente aporte en Totemguard.com nos ha permitido conocer una serie de sitios que se unen a la causa al permitir herramientas musicales interactivas idóneas para fomentar el gusto musical (valga la redundancia) especialmente a los niños.

Guitarra: Para practicar los acordes tanto en guitarra acústica como en eléctrica. Trae opciones para trabajar con capodastro y con distribución de cuerdas incluso para zurdos.

Guitarra eléctrica: En ésta iremos seleccionando las notas para formar los acordes, e iniciaremos el sonido con un clic sobre la palabra Strum. Incluye un botón para el «overdrive» (distorsión).

Piano: Un piano clásico con un sonido impecable. Funciona con el mouse u oprimiendo las teclas de la A a la J (segunda lí­nea en nuestro teclado) y los números del 1 al 7. Hay otras opciones en la entrada: Un piano y un teclado online.

Flauta: Para practicar las notas musicales en la flauta, siendo asistidos por un pentagrama y un par de manos animadas. El botón triangular bajo las flechas de cambio de nota, es el que iniciará el sonido.

Violí­n: Para practicar y grabar el avance en formato MIDI. El reproductor es el centro al hacer las veces de asistente y de instructor. Tiene también otros instrumentos de cuerda.

Violonchelo: Creado nada menos que por la Filarmónica de Berlí­n. La idea es ir persiguiendo la bolita manteniéndola en su trayectoria en el centro del pequeño aro que manejaremos con el mouse, por supuesto, guiándonos por el ritmo.

Baterí­a: Otro ejemplar con un excelente sonido cuyos controles serán los números del 1 al 9 en nuestro teclado. En la parte inferior (Presets) están varios ritmos para practicar.

Bongos: El par de tamborcillos caracterí­stico de ritmos como la Salsa ahora en versión virtual. Bastan las teclas de los números 1 y 2 para ponerlos a sonar a nuestro antojo.

Xilófono: El más colorido del listado, una estética y un uso intuitivo que viene perfecto para los más pequeños. Pueden grabarse los ritmos tocados para luego reproducirlos.

Percusión: Un conjunto de ayudas informativas e interactivas sobre un conjunto de instrumentos de percusión clásicos de varias culturas. Por supuesto, también puede interpretarse con el mouse.

El resto de la lista, completando así­ más de 30 instrumentos, puedes verla en la entrada original de TotemGuard a quien de nuevo, enviamos agradecimientos.

clevr – Crea tus propias fotografí­as panorámicas interactivas

Alimentando la categorí­a de Adobe Air, aquí­ tenemos a Clevr, una aplicación que nos permite crear panorámicas usando nuestras fotografí­as.
Solo tenemos que informar la secuencia de imágenes que hemos tomado de un paisaje, por ejemplo, para que el programa reconozca y edite los lí­mites de cada una para crear una fotografí­a panorámica juntando las originales.
El resultado puede ser incluí­do en cualquier página web usando el código HTML informado después del proceso, siendo posible también compartirlo en redes sociales y organizar las imágenes en grupos.
Lo más atractivo que ofrece es la posibilidad de añadir elementos para interactuar en las imágenes, ofreciendo información sobre los elementos que en ella se encuentran.
Existe también una versión online en Java, aunque informan que no está actualizándose más, siendo recomendada la creada en Adobe Air.

Spanish Wizard – Un buen lugar para aprender español


Aunque supongo que todos vosotros domináis perfectamente el idioma, seguramente conocéis a alguien que está en proceso de aprendizaje, con lo que un sitio como spanishwizards puede ser de gran ayuda.
Se trata de una web especializada en enseñar inglés usando lecciones y actividades interactivas, ayudando a ampliar el vocabulario y a descubrir ejemplos de conversaciones reales en el idioma.
Al contrario que la mayorí­a de las soluciones presentadas en la categorí­a de Idiomas y traductores, SpanishWizard no incluye ninguna opción gratuita, con lo que os recomiendo probar sus lecciones antes para comprobar si, efectivamente, será un dinero bien invertido.

Braineos – Crea tarjetas en flash para ayudar a memorizar datos

Estáis estudiando vocabulario de un idioma, para lo que os habéis creado unas listas en dos columnas y vais tapando una de ellas mientras intentáis recordarla. O queréis practicar formulación quí­mica, para lo que habéis creado varias fórmulas con su nombre con el objetivo de memorizarlas con la misma técnica.

Para entender las funciones y el objetivo de Braineos es importante que se entienda la necesidad, algo sencillo si habéis estado en situaciones semejantes a las anteriores.

Braineo os facilita la creación de estas listas y genera unas actividades interactivas en las que preguntarán elementos de una de las columnas, mostrando los resultados del test y permitiendo repetir las preguntas tantas veces como sea necesario.

Las actividades pueden crearse en forma de única respuesta, multiple opción, orden inverso o juego en el que se debe capturar la respuesta correcta con el cursor.

Una herramienta excelente para apoyar nuestra actividad de estudio de cualquier materia.

Tripline – Comparte tus viajes con mapas interactivos multimedia

Tripline es una buena herramienta para compartir a través de internet nuestras rutas de viaje o excursiones, con animaciones interactivas, lo cual resulta mucho más espectacular que los frí­os mapas estáticos de toda la vida.

Una vez registrados, tendremos la posibilidad de editar nuevos mapas interactivos añadiendo diferentes puntos o etapas a nuestro recorrido, cada una con sus respectivas: fechas, descripciones, fotografí­as y hasta participantes.

Las rutas no sólo se limitan a viajes, pueden ser de lo más variado y no tienen por qué ser reales: una historia, un viaje soñado, un crucero o una ruta gastronómica, entre otros.

Para terminar, también podremos configurar la privacidad de nuestra ruta, añadir música para que acompañe a la animación o compartirlo utilizando nuestras cuentas de Facebook, Twitter o Foursquare.

Tripline es una herramienta con un acabado técnico realmente bueno, que hará disfrutar a los aficionados a los viajes. Si queréis ver más, podéis comenzar por echarle un vistazo a algunas de las animaciones de ejemplo como esta del Tour de Fancia.

Ví­a | Google maps mania