Elección de imágenes web que aumenten las conversiones
Jazmie JamaludinAbra 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.
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.
| 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.
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?+
¿Cómo puede una imagen mejorar las conversiones?+
¿Qué hace que una imagen principal sea buena?+
¿Las imágenes afectan la velocidad del sitio?+
Referencias
- Nielsen Norman Group. "Fotos como contenido web." nngroup.com.
- Baymard Institute. "Usabilidad de imágenes de productos en el comercio electrónico." baymard.com.