menu

+54 9 11 6714 3658

mcutini@criteria.online

Noticias | Data | Tips

Las 10 pautas imprescindibles para crear Hero Images exitosas

publicado en Digital Asset Management, Ecommerce por

Si leíste mi artículo anterior ya sabés de que hablamos cuando nos referimos a Hero Images. Ahora vamos a centrarnos en las pautas principales para lograr Hero Images exitosas.

1. Tené presente el objetivo de toda Hero Image

Una Hero Image debe cumplir el objetivo de ayudar rápidamente al consumidor a poder identificar las 4 Ws (Who /What, Which, hoW much). ¿Cuál es la marca? ¿Qué producto es? ¿Qué variedad? ¿Qué cantidad/Cuál es el contenido? Diseñá con esto siempre presente. Cualquier otro objetivo se debe subordinar a cumplir con la consigna principal. Una Hero Image exitosa es aquella que cumple esta meta. Concentrate en ese objetivo, no te disperses en otros.

2. Aprovechá al máximo el espacio disponible

Una Hero Image es un cuadrado. Tené presente esto en todo momento. No importa si el producto o su envase tienen otra forma, así se verá en la web y así se mostrará en el listado de la categoría del producto junto de decenas de productos más. Tené en cuenta que una imagen se verá (cómo máximo) en 23 x 23 mm en un celular y en 50 x 50 mm en una computadora. Los 5 retailers más importantes de Argentina muestran las imágenes de producto en dimensiones más chicas aún.

3. Seguí los estándares

No pierdas tu tiempo redefiniendo pautas o creando nuevas. Las Hero Images siguen directrices bien precisas. Limitate a aplicarlas y obtendrás consistencia visual y un mejor resultado final.

4. Considerá los distintos tipos de pantalla

Tené presente que debés considerar el diseño mobile en primer lugar. Mobile First es una obligación. Hoy más que nunca. Analizá las estadísticas de tu sitio de ecommerce para conocer los modelos más comunes de celulares en los que navegan tus compradores habitualmente. Diseñá teniendo en cuenta esto.

5. Sé coherente

La información a mostrar debe seguir siempre las mismas pautas. Las tiras o placas de información del producto deben estar ubicadas siempre en el mismo lugar, utilizando una paleta de color relacionada a la variedad del producto y una tipografía normalizada. Evitá un “festival” de tipografías y colores sin sistema alguno. Diseña un sistema visual para las Hero Images. Simple y claro. Sé consistente.

6. No «ensucies» una Hero Image

Evitá sumar más información a la imagen. No lo hagas editando la propia HI (Hero Image) o desde la aplicación web sumando más texto que las 4 Ws imprescindibles. Todo agregado es innecesario y dificulta el objetivo de la identificación rápida del producto por parte del comprador. Leyendas como “2×1”, “Ahorro”, “Promo”, u otro tipo de llamadas no deben invadir el espacio de la Hero Image entorpeciendo la visión del cliente.

7. Comprendé el ecommerce

En 2021 las compras realizadas en un celular van a representar el 72,9% de las ventas online totales (*). Según SimpleUsability, que estudia el comportamiento de los consumidores, existen 3 tipos de comportamientos en la compra online:

a) El comprador conoce claramente la marca que está buscando, pero no así el producto / variante / tamaño. La navegación está dirigida por imágenes, seguida de descripciones.

b) El usuario tiene un producto en mente, pero el valor es el factor determinante. La navegación se rige por el precio y las ofertas.

c) El usuario conoce la marca, la variante y el tamaño que busca. La navegación está dirigida por imágenes.

Considerá que en esa búsqueda, guiada por las imágenes, el producto aparecerá en un listado o en una categoría viéndose en tamaños que van desde 12 a 18 mm en pantalla. (**)

8. Tené en cuenta la presentación de cada familia o tipo de producto

La forma del producto o su packaging determinan distintos caminos a la hora de elaborar la Hero Image correspondiente, considerá las opciones que van a presentarse:

a) Presentación estándar: Se puede mostrar el envase entero, se puede crear una imagen adaptada que no sea una copia fiel del packaging o se puede hacer un zoom del envase.

b) Presentación multipack: Es posible mostrar solo el envase, también extraer el producto del envase o elegir otro tipo de presentación que permita al consumidor ver claramente la cantidad de la que consta el pack.

La forma propia del producto determina un modo distinto para ser mostrado. Un delineador de ojos, un jabón de tocador o un yogur plantean distintos modos de presentación. Diseñá un manual de estilo para establecer pautas consistentes siguiendo estándares internacionales.

9. Testeá, testeá y testeá

Seguí las pautas para la creación de Hero Images pero no te olvides de lo más importante: hacer pruebas. Probá tu imagen en teléfonos móviles, preferentemente que tengan una pantalla de 5” a 5.5” para reproducir el modo en que la mayoría de los compradores van a ver el producto. ¿Es posible distinguir fácilmente las 4 Ws?

10. Medí, medí… y cambiá

Una Hero Image exitosa lo es por qué ha logrado el objetivo propuesto y eso solo lo vas a saber si medís -una y otra vez- distintas variantes mediante pruebas A/B (A/B testing) comparando tu Hero Image con una imagen tradicional o frente a otras variantes de Hero Image, hasta lograr aquella que logre el mayor porcentaje de clics o de conversiones.

 

15 Sep, 20

Acerca autor

 

 

related posts

 

 

latest comments

There are 0 comentarios. on "Las 10 pautas imprescindibles para crear Hero Images exitosas"

 

post comment