imagenes interactivas

¿Cómo crear una imagen interactiva? Convierte una simple imagen en una imagen genial

¡Hola! es un placer teneros de nuevo por aquí. En esta ocasión os vamos a mostrar cómo convertir una simple imagen en una imagen interactiva (y por supuesto genial).

Ya sabemos que ‘una imagen vale más que mil palabras’, pero a veces nos encontramos con imágenes que contienen demasiado texto o, en su defecto, otras con carencia de información. Lo que Genially os propone es crear una imagen que de por sí tenga valor pero que además esté acompañada de la información necesaria para completarla y hacerla realmente interesante y atractiva para el usuario.

Entonces ¿Qué debemos hacer para crear nuestra propia imagen interactiva? En primer lugar tenemos que insertarla en Genially. Lo más sencillo es cargarla como fondo (pincha en la pestaña “fondo”, selecciona ‘sube una imagen’ y posteriormente ‘establecer como imagen de fondo’) y después tan solo tenemos que añadir tantos pines como queramos o necesitemos desde la pestaña “Interactividad” arrastrándolos y colocándolos donde queramos. Hay pines para todos los gustos según las necesidades que tengamos así que revísalos bien para escoger el estilo que mejor le vaya a tu imagen. A los pines les podemos añadir información de todo tipo desde vídeos, a otras imágenes, enlaces a webs, GIFs, el timeline de redes sociales y prácticamente cualquier material que se nos ocurra. Por último podemos añadirles algunos efectos de animación e interactividad con los que conseguiremos captar la atención y el interés de nuestra audiencia casi sin enterarse.

A continuación tenéis una serie de ejemplos que os pueden servir de inspiración para crear vuestras propias imágenes interactivas. Este tipo de imágenes, en las que a través de pines, ventanas, etiquetas y demás elementos el usuario va descubriendo información de la misma, pueden usarse en diferentes ámbitos como es el de la educación, el marketing, la comunicación, el diseño y la publicidad obteniendo resultados realmente sorprendentes como estos:

Cartel informativo

Con esta opción podemos generar contenido informativo o explicativo, de forma que la imagen nos cuente una historia, alguna curiosidad o simplemente queramos resaltar algún detalle de la misma.

Póster educativo

Esta es una de las mejores formas de aprender algo, ya que cuando lo estás haciendo, estás buscando y memorizando información y cuando obtienes el resultado es una forma estupenda de estudiar ya que te tienes que esforzar por recordar el contenido del gráfico creado.

Anuncio comercial

Puede servir para llamar la atención sobre algún producto que te interese y lo mejor de todo es que puedes enlazarlo para que te lleve directamente al producto que desees.

Para hacer esto que acabamos de comentar, nos hemos apoyado en una herramienta externa llamada embed.ly. Lo único que tenemos que hacer es introducir nuestro enlace de Amazon (por ejemplo, ya que permite este tipo de incrustaciones), pulsar en embed y copiar el código que se genera. Para insertar este código en uno de nuestros pines debemos pinchar encima del pin que queramos y pulsar sobre el icono con una mano. Una vez se abra un recuadro en el que pone ‘Elige el tipo de interactividad’ debemos pinchar en ventana y pegarlo en el apartado de HTML ( </> ) y sin cambiar de apartado le damos a ‘guardar’.

embed code generator para genially

insertar código

Cartel publicitario

 

Con una simple imagen y algunos datos que la completen podemos crear una publicidad que atraiga realmente a nuestros clientes.

Imagen curiosa

 

Es imposible saberlo todo, pero desde luego siempre podemos aprender algo nuevo, y ¿por qué no hacer una imagen que nos enseñe algo diferente?

Catálogo interactivo

 

Por supuesto podemos crear nuestra propio catálogo interactivo añadiéndole un extra de información a cada prenda como dónde comprarla o de qué está hecha a través de una breve explicación en una etiqueta o ventana.

¡Seguro que conseguís unos resultados impactantes con vuestras imágenes interactivas!

Y si queréis que los demás sean tan genially como vosotros no os olvidéis de compartir este artículo.

¡Hasta la próxima usuarios geniales!

Carlos López
Carlos López
User Experience Manager & Diseñador Gráfico. Amante de la música y de los buenos momentos. Enjoy everyday!


Artículos relacionados