Más por explorar

EP18 La importancia de las imágenes en el diseño web

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp

No puedes usar cualquier imagen y esperar que haga maravillas, elegir las imágenes correctas en nuestra página web hará la diferencia entre realizar conversiones y morir en el intento; hoy te diré las mejores prácticas y que debes tomar en cuenta a la hora de usar las fotos de tu web.

Usar imágenes con un sentido

Usar imágenes para llenar espacios no tendrá ningún efecto positivo, Jakob Nielsen un reconocido investigador de UX realizó un experimento en el cual se pusieron imágenes de relleno y pudo comprobar lo anterior.

La gente no toma en cuenta imágenes de relleno:

Los usuarios prestan mucha atención a las fotos y otras imágenes que contienen información relevante, pero ignoran las imágenes utilizadas para rellenar las páginas web

Cuando vayas a colocar una imagen siempre pregúntate:

  • ¿Tendrá algún beneficio al usar esta imagen en particular? Por ejemplo, ¿muestra perfectamente mi producto o servicio?
  • ¿ Esta imagen ayuda al usuario a comprender el punto que estoy tratando de hacer?
  • ¿Esta imagen crea atractivo emocional? Por ejemplo, ¿ayuda al cliente a visualizarse a sí mismo usando el producto que aparece en la foto?
  • ¿Cómo se relaciona esta imagen con mi marca? ¿Le habla a mi público objetivo?
  • ¿Qué mensaje envía esta imagen? ¿Hay algún mensaje enviado?
  • ¿Cómo responderán mis visitantes a esta imagen? ¿Cambiará su opinión? Por ejemplo, ¿ayudará a facilitar el proceso de compra?

Usa más fotos reales y menos de stock

Yo se que en ocasiones no tenemos fotos el presupuesto para pagarle a un fotógrafo pero con el avance de los dispositivos móviles esto es cada vez más fácil.

Cuando ocupas imágenes de stock esto canta mucho y puede dar la sensación de engaño.

Puedes montarte un  mini set de fotografía y tomar algunas fotos decentes de los productos cuando el cliente no las proporciona.

Usa más personas y caras sonrientes

Muchos estudios demuestran que cuando usas rostros de personas reales las conversiones suelen ser mejores, aquí hay un estudio que lo prueba.

Usar personas viendo de frente y sonriendo puede hacer la diferencia.

Guía al usuario con las imágenes

Al usuario hay que decirle que debe hacer, esto lo puedes hacer sutilmente usando imágenes, observa esta imágenes usadas para un estudio, la segunda rompe con todo.

imagen usabilidad 1

imagen usabilidad 2

imagen señalando que hacer

Usa las imágenes web para representar ideas o conceptos

No hay nada mejor para describir un producto o servicio que una imagen, si puedes colocar una imagen de cómo se usa el producto en vez de un texto super largo llevarás la ventaja.

ejemplo de imagen concptual

Consejos para el uso de imágenes web

  • Reduce el peso de la imagen lo máximo posible, 30KB ideal, pero hasta 100kb puede aguantar sin problemas, puedes usar servicios para optimizar imágenes como:
    • Smush.it
    • Kraken Image Optimizer
    • TinyPNG
    • JPEG Optimizer
    • OptiPNG
    • PNGOUT
    • jpegoptim
  • Coloca el texto alternativo «alt» en cada imagen, esto ayudará al buscador a entender que hay en tu página web
  • Procura usar imágenes en formato horizontal, es mucho más práctico
  • Crea una guía para el cliente de cómo te debe enviar las imágenes y cómo no enviartelas
  • Cuida las marcas de agua
  • No uses imágenes sin licencia
  • Para tiendas en línea coloca diferentes vistas del producto y alguna de referencia al tamaño del producto

Dale un ojo al episodio de landing pages, aquí podrías ocupar esta información.

¿Tú cómo usas las imágenes? ¿Me falto algo? Deja tus comentarios

 

 

 

 

 

 

2 comentarios en “EP18 La importancia de las imágenes en el diseño web”

Deja un comentario