CoffeeCup Image Mapper para Windows

¿Cómo funciona? Supongamos que estás vendiendo muebles con varias piezas disponibles. Muestra los artículos en una imagen. Luego, utilizando las herramientas de diseño, dibuja un contorno sobre un artículo específico y asígnale una dirección web. Ahora, cuando alguien haga clic en una pieza de mobiliario, será redirigido a la página web asociada para obtener más información.

Aplica la misma técnica a otros tipos de imágenes como mapas, fotos de equipos corporativos, diagramas de flujo, galerías de arte y más. ¿No es genial? :)

Los Mapas de Imágenes Responsivos son Amigables para Usuarios Móviles

Con más del 51% del tráfico proveniente de dispositivos móviles, es importante que actualices tus mapas de imágenes para que sean responsivos. Esto los hace más fáciles, rápidos y funcionales para navegar para los espectadores en pantallas más pequeñas. Los mapas de imágenes que son responsivos ajustarán las coordenadas de los enlaces adecuadamente según el ancho de la pantalla. Sin embargo, una cosa a tener en cuenta es que los dispositivos móviles no permiten mouseovers o tooltips al pasar el ratón. Debido a esto, necesitarás repensar creativamente cómo funciona tu mapa de imágenes para que los usuarios sepan instintivamente cómo usarlo.

¿Cómo puedes hacer eso? Fácil. Haz que tu mapa de imágenes sea más funcional en dispositivos móviles mostrando una "Clave" o "Leyenda" cerca del mapa (o incluso añádela a la imagen misma) que indique textualmente qué pueden tocar. Por ejemplo, aquí está el catálogo de muebles que muestra algunos muebles a la venta en el catálogo. Colocamos texto debajo de la imagen para describir los 8 artículos. También se aplicó un indicador adicional a la imagen de origen. Estas ayudas ayudan a los espectadores móviles a saber qué es tocable. Al tocar cualquiera de esos artículos, serás redirigido a una página donde puedes navegar por el catálogo de artículos similares.