Elección de imágenes web que aumenten las conversiones

Jazmie Jamaludin

Abra casi cualquier sitio web y sus ojos se posarán en las imágenes antes de leer una sola palabra. En los uno o dos segundos que tarda en decidir si quedarse, las imágenes ya le han susurrado algo: fiable o genérico, real o falso, premium o improvisado. La mayoría de los visitantes nunca lo notan conscientemente. Simplemente forman un sentimiento y actúan en consecuencia. Ese es el poder silencioso, y el peligro silencioso, de las imágenes que elige.

Las imágenes son una de las palancas más subestimadas en el diseño web. La foto equivocada, ese apretón de manos cliché o el modelo de archivo sonriente en el que nadie cree, pueden arruinar una página que de otro modo sería excelente. La correcta puede generar confianza instantánea, guiar la vista exactamente donde desea y empujar a un visitante indeciso a la acción. Esta guía trata sobre cómo elegir imágenes que hagan lo segundo, en un lenguaje sencillo y sin necesidad de un título de diseño.

Las imágenes hablan antes que las palabras

Los humanos procesan las imágenes mucho más rápido que el texto. Antes de que un visitante haya leído su titular, ya ha absorbido el estado de ánimo, la profesionalidad y la credibilidad de sus imágenes. Esto convierte a las imágenes en una primera impresión en el sentido más literal, y las primeras impresiones son persistentes; una vez formadas, tiñen todo lo que sigue.

Por eso, las imágenes merecen ser tratadas como una herramienta de conversión, no como una decoración para rellenar espacio. Los principios se superponen en gran medida con todo lo que se encuentra en lo que hace que un sitio web convierta: reducir la duda, generar confianza y guiar la atención. Las imágenes hacen las tres cosas de un vistazo, por lo que acertar con ellas da sus frutos tan rápidamente.

Unos segundos para decidir
Los visitantes se forman una primera impresión de una página casi instantáneamente, y las imágenes son una de las primeras cosas que captan antes de leer cualquier texto.
Fuente: Nielsen Norman Group

El problema con las fotos de archivo genéricas

Todos las hemos visto: el equipo imposiblemente alegre con camisetas a juego, el apretón de manos escenificado, la modelo solitaria riéndose de una ensalada. Estas imágenes están por todas partes, lo cual es precisamente el problema. Cuando una foto parece que podría pertenecer a cualquier empresa del mundo, no le dice al visitante nada verdadero sobre la suya, y a cierto nivel perciben la artificialidad.

Las imágenes genéricas no solo no ayudan; pueden erosionar activamente la confianza. Un visitante que reconoce una foto de archivo que ha visto en otros tres sitios degrada silenciosamente su estimación de cuán real y confiable es usted. La autenticidad es el antídoto. Incluso una foto ligeramente imperfecta de su equipo, instalaciones o trabajo reales suele superar a una imagen de archivo impecable pero sin alma, porque se siente verdadera.

Qué hace que una imagen convierta

Las imágenes que favorecen la conversión comparten algunos rasgos. Son relevantes para el mensaje que las acompaña, se sienten auténticas, tienen la calidad suficiente para indicar profesionalidad y guían la vista en lugar de luchar por la atención. Sostenga cualquier imagen candidata frente a esas cuatro pruebas antes de que gane un lugar en la página.

Imágenes que ayudan versus imágenes que perjudican
Cualidad Ayuda a la conversión Perjudica la conversión
Fuente Equipo, producto, lugar real Stock genérico sobreutilizado
Relevancia Apoya el mensaje Decorativo, no relacionado
Gente Caras genuinas, con las que uno se puede identificar Poses escenificadas, de aspecto falso
Calidad Nítido, bien iluminado, acorde con la marca Borrosa, oscura, despareja
Dirección Guía la vista hacia la acción Aleja la atención

Use imágenes para dirigir la atención

Aquí hay un truco sutil que vale la pena conocer. La gente sigue instintivamente la mirada de una persona en una foto. Si su modelo mira directamente al espectador, la atención se dispersa; si mira hacia su titular o su botón, la atención sigue sus ojos hacia lo que usted quiere que se note. Lo mismo ocurre con las líneas, los ángulos y los gestos de señalar dentro de una imagen. Bien utilizada, una foto puede dirigir sutilmente la vista hacia su botón de llamada a la acción en lugar de alejarla.

La imagen principal es la que más peso tiene

Ninguna imagen trabaja más duro que la que se encuentra en la parte superior de su página. Ancla la primera impresión, establece el ambiente y, a menudo, enmarca su mensaje principal. Una imagen principal débil socava todo lo que está debajo; una fuerte le gana los segundos extra de atención que necesita para presentar su caso.

Debido a su gran importancia, la imagen principal merece una reflexión profunda en lugar de lo más fácil de encontrar. Debe ser auténtica, de alta calidad y elegida para apoyar, no para distraer, su titular y llamada a la acción. Profundizamos en esto en nuestras guías de diseño de la sección principal y diseño de la parte superior de la página, donde las imágenes y el mensaje deben funcionar como uno solo.

Lo auténtico supera a lo pulido
Una foto genuina de su trabajo o equipo real suele generar más confianza que una imagen de archivo impecable que los visitantes reconocen de otros sitios.
Fuente: Nielsen Norman Group

Gente, productos y pruebas

Diferentes trabajos requieren diferentes tipos de imágenes. Las fotos de personas reales, su equipo, sus clientes, construyen una conexión humana y confianza, por lo que se combinan tan naturalmente con testimonios y pruebas sociales. Una cara genuina junto a una cita genuina es mucho más convincente que cualquiera de las dos por sí sola.

Para cualquier cosa que venda, las imágenes de productos claras y honestas son innegociables. Las personas no pueden tocar lo que está en una pantalla, por lo que las imágenes tienen que tranquilizar en su lugar: múltiples ángulos, colores reales, una sensación de escala y detalle. Esto es aún más crítico para las tiendas en línea, donde una fotografía sólida es fundamental para una página de producto de alta conversión. Las imágenes engañosas o escasas aquí no solo cuestan una venta; cuestan confianza e invitan a devoluciones.

La coherencia crea una sensación profesional

Un factor que se pasa por alto es cómo sus imágenes funcionan juntas. Una página donde las fotos chocan en estilo, color y calidad se siente caótica y amateur, incluso si cada imagen individual es buena. Un estilo visual consistente, una iluminación similar, un estado de ánimo de color compartido, un tratamiento común, hace que un sitio se sienta considerado y digno de confianza.

Esto está estrechamente relacionado con su aspecto general, incluidas sus fuentes y colores. Cuando las imágenes comparten una paleta y un estado de ánimo con el resto del diseño, todo se siente intencional. El resultado se lee como un sitio web de aspecto profesional en lugar de un collage de lo que sea que estuviera a mano, y ese pulido eleva discretamente la confianza que los visitantes tienen en usted.

Mantenga las imágenes rápidas además de buenas

Una imagen hermosa que tarda demasiado en aparecer es peor que ninguna imagen, porque el visitante puede irse antes de que se cargue. Elegir excelentes imágenes y mantenerlas ligeras son dos mitades del mismo trabajo. Una vez que haya seleccionado la imagen correcta, guárdela en un formato eficiente y ajústela de forma sensible para que se cargue rápidamente.

El lado práctico de esto, qué formato usar y cómo comprimir sin perder calidad, se cubre en nuestra guía sobre formatos de imagen web. Trate la selección y el rendimiento como un solo flujo de trabajo: elija la imagen que convierte y luego asegúrese de que se cargue lo suficientemente rápido como para ser vista. Si acierta con ambos, sus elementos visuales se convertirán en un activo genuino en lugar de un impuesto oculto a la velocidad de su página. Si desea una opinión fresca sobre si sus imágenes están ayudando o perjudicando, siempre puede ponerse en contacto.

Preguntas frecuentes

¿Las fotos de archivo son siempre una mala idea?+
No, pero las fotos de archivo sobreutilizadas y obviamente escenificadas sí lo son. Si utiliza fotos de archivo, elija imágenes auténticas y menos comunes y trátelas de forma coherente para que coincidan con su marca. Siempre que pueda, las fotos genuinas de su equipo, trabajo o productos reales generarán más confianza.
¿Cómo puede una imagen mejorar las conversiones?+
Generando confianza de un vistazo y guiando la atención. Las imágenes auténticas y relevantes tranquilizan a los visitantes, mientras que las señales sutiles, como una persona mirando hacia su titular o botón, dirigen la vista a la acción que desea. La imagen apoya el mensaje en lugar de competir con él.
¿Qué hace que una imagen principal sea buena?+
Una que sea auténtica, de alta calidad y elegida para apoyar su mensaje principal en lugar de distraer de él. Debido a que ancla la primera impresión, la imagen principal debe reflejar el estado de ánimo de su marca y dejar su titular y llamada a la acción claramente visibles y fáciles de leer.
¿Las imágenes afectan la velocidad del sitio?+
Significativamente. Las imágenes suelen ser la parte más pesada de una página, por lo que una foto impresionante pero de gran tamaño puede ralentizar la carga y perder visitantes. Elija la imagen para la conversión, luego guárdela en un formato eficiente y ajústela de forma sensible para que aparezca rápidamente.

Referencias

  1. Nielsen Norman Group. "Fotos como contenido web." nngroup.com.
  2. Baymard Institute. "Usabilidad de imágenes de productos en el comercio electrónico." baymard.com.
Regresar al blog

AUTOMATICE. OPTIMICE. DOMINE.

Optimice sus operaciones y ofrezca una experiencia de cliente fluida. Deje que nuestros expertos implementen tecnología de vanguardia y flujos de trabajo optimizados para que pueda concentrarse en lo que mejor sabe hacer.