Volver a Píldoras

Imagen interactiva

Enriquece información visual con contenido interactivo

1 · ¿Qué es?

Una imagen interactiva es una creación muy útil para transmitir ideas de forma rápida y concisa, en la que los elementos interactivos permiten ampliar la información de la representación con vídeos, textos, contenidos embebidos, etc.

¡Una imagen vale más que mil palabras!

1.1 · Tiempo estimado de realización

Una hora

1.2·  Nivel de dificultad

Principiante


2 · ¿Para qué sirven?

Las imágenes interactivas sirven para complementar la información visual de una fotografía, ilustración o diseño mediante capas de contenido.


3 · ¿Para quién es útil?

Si eres del sector formativo:

Una imagen interactiva permite a tu alumnado conocer más acerca de una imagen. Transforma una simple fotografía en un universo de conocimiento. Prueba a añadir interactividad a una fotografía histórica, a un mapa o a una fotografía con instrumental de laboratorio. ¡Las posibilidades son infinitas!

Si creas contenidos digitales:

Informa a tu audiencia sobre personajes de interés fotografiados, explica conflictos internacionales o describe noticias de actualidad.

Si formas parte de una empresa:

Convierte una fotografía de producto en un catálogo interactivo empleando una imagen interactiva en la que describas cada objeto, se vea su uso en un vídeo y se enlace con tu página de compras.


4 · ¿Qué características tiene?

4.1 · TEXTO

Poco contenido textual en el lienzo

En la base no habrá más texto que el original de la fotografía. Puedes añadir texto haciendo uso de ventanas y etiquetas que amplíen la información mostrada o bien, hacer uso de alguno de los conjuntos de texto para poner un título a tu imagen.

4.2 · Páginas

Las imágenes interactivas son documentos de una única página.

4.3 · INTERACTIVIDAD

La base de las imágenes interactivas.

La interactividad es la base de este tipo de creaciones. Haz uso de botones y marcadores para llamar la atención de tu público sobre aquellas zonas con contenido extra.

Puedes colocar la información en etiquetas o ventanas.

4.4 · ANIMACIÓN

Llama la atención e indica zonas con interactividad.

La animación se emplea para resaltar las zonas de interactividad existentes en la imagen. Si eliges cualquier objeto de la categoría elementos interactivos, recuerda que son elementos dinámicos que ya incluyen un efecto al pasar el ratón sobre ellos y, algunos, contienen animaciones continuas. Además, puedes personalizar el color de cada uno de ellos.

Estas características te facilitarán el trabajo durante el diseño de tu imagen interactiva, reduciendo los tiempos de creación.

4.5 · INTEGRACIÓN

Enriquece la información visual.

Podemos emplear elementos embebidos como videos, timelines, PDFs, etc, que enriquezcan la imagen y faciliten el storytelling de tu creación.

4.6 · CARGA DE CONTENIDO

Las imágenes priman sobre el texto.

Las imágenes interactivas se emplean para dar información breve y directa. El contenido visual prima sobre el textual, quedando este último reducido a cortas indicaciones en ventanas o etiquetas.

4.7 · TIPO DE NAVEGACIÓN

Navegación estándar.

Al tratarse de documentos de una única página, no requerimos seleccionar tipos de navegación. Dejaremos la navegación estándar, por defecto.

4.8 · FONDOS

Añade un fondo base.

La imagen interactiva hace las veces de fondo de lienzo, con lo que no se puede añadir ningún fondo al lienzo. Eliminaría la imagen cargada.

Sí puedes completar el diseño con un fondo base, para que tu creación se vea genial en cualquier dispositivo.

4.9 · DIMENSIONES

Dependerá de tu imagen.

El lienzo tendrá el tamaño de la imagen que carguemos en el primer paso de creación de la imagen interactiva. Ten esto en cuenta a la hora de seleccionar la imagen a enriquecer.

4.10 · VISUALIZACIÓN

Mantén activo el indicador de interactividad.

Entre las opciones de visualización, puedes mantener activada la opción de compartir Genially.

Mantén activado el Indicador de Interactividad para ayudar a tu público a encontrar los elementos interactivos.

Recuerda mantener activada la opción de Pantalla completa para que se pueda ver en detalle la imagen.


5 · Estructura tipo

Toda la información se encontrará en la misma página. No hay una estructura fija, pues distribuirás los elementos sobre la propia imagen.

¡Libera tu creatividad!


6 · Compartir y descargar

Trabaja de manera colaborativa y comparte tu Imagen Interactiva

Difunde tus mensajes con estilo. Como siempre, las opciones para compartir y descargar tu Genially dependerán de tu plan pero siempre puedes crear y modificar desde cualquier ordenador.

No se recomienda descargar tu creación en jpg o pdf puesto que es un tipo de creación eminentemente interactivo. Sí quieres descargar tu creación, hazlo en HTML5 para mantener la interactividad y las animaciones, eso sí, recuerda que sin conexión a internet los contenidos embebidos desde la web no serán funcionales (vídeos, audios…).


7 · Trucos

La imagen perfecta

Puedes cargar una imagen desde tu equipo, añadirla desde una URL o bien navegar en la galería de Unsplash para elegir la imagen que más se adapte al contenido que quieres mostrar.

Interactividad animada

Prueba a elegir una imagen animada en vez de una imagen estática para tu creación. Puedes cargar imágenes animadas en formato gif para dar un toque especial a tu imagen interactiva.

 

Tu Creación en 5 pasos

Elige

Busca la imagen sobre la que añadir el contenido

Colabora

Añade colaboradores a tu genially y crea de manera colaborativa.

Edita

Selecciona los elementos interactivos y llénalos de contenido.

Comparte

Comparte tu creación por los canales que quieras y con quien quieras.

Analiza

Monitoriza el comportamiento que ha tenido tu audiencia con tu creación.

¡Genial! Ya sabes cómo crear imágenes interactivas de forma fácil y sencilla, accede ahora al editor para ponerlo en práctica. Si aún no te has registrado, ¿a qué esperas? ¡es gratis!