Hermosas imágenes para su sitio web: qué son, dónde encontrarlas y cómo usarlas

Los hechos están aquí: las imágenes mejoran el compromiso

En una publicación en el blog Search Engine People en mayo de 2014, resumieron algunos datos y estudios de interés que demuestran que las imágenes en el diseño web (y en las plataformas web) aumentan la participación.

Entre los muchos hechos/estudios interesantes que citan, aquí hay algunos que encuentro más convincentes y relevantes para nuestra discusión de hoy:

• Una investigación realizada por la Universidad de Stanford muestra que para el 46,1 % de las personas que visitan un sitio web, la calidad del diseño del sitio es su principal criterio para decidir si la empresa/marca es creíble o no.
• Bright Local descubrió que el 60 % de los consumidores prefieren los resultados de búsqueda locales que incluyen imágenes
• Un estudio de Skyword encontró que el contenido que incluye una fotografía o infografía relevante aumentó sus vistas totales en un 94% en comparación con el contenido sin una imagen en la misma categoría.

Claramente, las imágenes son importantes.

Pero, el tipo incorrecto de imágenes puede dañar su marca y su tasa de conversión

Como Derek Halpern, del popular blog Social Triggers, señala en una publicación llamada Cómo las imágenes mejoran o destruyen las tasas de conversión , no es suficiente simplemente agregar cualquier imagen antigua en su sitio web o en su contenido.

Según él y el estudio que cita, el uso de imágenes con fines puramente decorativos o imágenes que no son relevantes para la información que acompañan puede disminuir significativamente sus tasas de conversión.

Dependiendo de cuán aleatorias o inútiles sean tus imágenes, pueden incluso dañar tu marca, ya que te asocia a ti y a tu mensaje con algo que puede ser ignorado.

Por lo tanto, la necesidad de imágenes bellas (que sean apropiadas para la marca)

Pero ¿qué significa eso? La belleza, sin duda, es un término subjetivo. Lo que hace que sea difícil definir a qué nos referimos exactamente cuando hablamos de “imágenes hermosas”.

En última instancia, decidir si algo es «hermoso» o no probablemente se reduzca al gusto personal. Sin embargo, hay algunas pautas generales que puede seguir que le darán una mejor oportunidad de aprovechar algo que se considera objetivamente atractivo para un público más amplio.

Consejos generales para aprovechar al máximo sus imágenes

Ahora que todos podemos estar de acuerdo en la importancia de las imágenes, hablemos sobre la forma correcta de usarlas al agregarlas a su sitio web.

Recuerde: la calidad y la belleza son esenciales para la percepción

Como ya mencionamos, las imágenes hermosas y de alta calidad son importantes por varias razones, una de las cuales es la percepción de su marca/negocio como confiable y las conversiones resultantes.

Pero, ¿qué significa «alta calidad» y «belleza» en este contexto? He enumerado algunos en los que espero que todos estemos de acuerdo:

• Usando la extensión de imagen adecuada (jpg, gif, png, etc.)
• Niveles adecuados de compresión. No se llene innecesariamente con archivos de imágenes masivos, pero también tenga cuidado de no comprimir la claridad de sus imágenes por completo.
• En las fotografías, la iluminación importa. No utilice imágenes demasiado granulosas, borrosas, oscuras o descoloridas.
• Si usa fotos, use fotos que sigan algunas reglas básicas de composición fotográfica .
• Si usa un gráfico, use elementos gráficos y/o imágenes completas que sigan las reglas básicas de composición gráfica .
• Trate de mantener un nivel de consistencia. Si tiende a usar ilustraciones u otras imágenes de estilo de diseño gráfico, apéguese a ellas tanto como sea posible. Lo mismo ocurre con las fotografías.
• Si estás hablando de un detalle, muéstralo. Como mostrar un primer plano de un botón/configuración relevante en un tutorial de complemento en lugar de permitir que los detalles se pierdan en una captura de pantalla más grande.

(Siéntase libre de agregar a esta lista en los comentarios a continuación si cree que me he perdido algo importante).

Mantenga sus imágenes relevantes

Es posible que pueda seguir todos los consejos que acabo de mencionar anteriormente para asegurarse de tener una imagen hermosa y de alta calidad, y aun así no dar en el blanco. Esto se debe a que si una imagen no es relevante para lo que está hablando o para lo que le pide a su visitante que haga, entonces no es más que una distracción, sin importar cuán increíble sea.

Los rostros se humanizan (y se convierten)

Los humanos, a pesar de la existencia de habitantes de sótanos y adictos al trabajo, somos un grupo social. Se ha demostrado que la mera visión de otro rostro humano obtiene una respuesta positiva de nuestra parte. Es por eso que muchos han visto resultados consistentemente mejores en las páginas de destino (tanto en ventas como en atención al cliente) que presentan caras brillantes y atractivas.

La línea de visión enfoca la atención

Puede continuar usando el rostro humano, específicamente los ojos, para ayudar a llamar la atención de su visitante en la dirección correcta al dirigir la línea de visión de las personas en sus imágenes hacia el contenido o las llamadas a la acción.

Venta de imágenes grandes

En mi opinión, una de las razones por las que el sitio receptivo de una página ha ganado popularidad en los últimos años es porque tiende a presentar secciones con imágenes grandes de ancho completo que se convierten mejor que cualquier otra cosa . Si es un usuario de Divi , puede lograr esto con facilidad utilizando el generador de páginas Divi y probar el aumento o la disminución de sus tasas de conversión por sí mismo.

El color habla su propio idioma

Está bien establecido que la teoría del color juega un papel importante en la experiencia y el comportamiento del cliente/usuario. Ciertas opciones de colores hacen que su contenido sea más fácil de leer y consumir, los botones rojos se convierten mejor que los botones verdes, el azul inspira confianza, etc.

Cualesquiera que sean los objetivos de su sitio y lo que quiera decir, vale la pena asegurarse de que sus opciones de color digan lo mismo que sus palabras y que su diseño general esté optimizado para una experiencia agradable.

Para obtener una introducción rápida sobre la teoría del color y el diseño web,  consulte este artículo . Para obtener una introducción rápida a la psicología del color para el diseño web (con un enfoque en la mejora de las tasas de conversión), consulte este artículo .

Dónde encontrar bellas imágenes de alta calidad

Uno de los mayores obstáculos para usar todos los consejos e información anteriores es el simple hecho de que encontrar buenas imágenes (especialmente las que puede usar) es difícil y requiere mucho tiempo.

No hace mucho publiqué una publicación aquí llamada Una guía rápida para los complementos de imagen de Creative Commons para WordPress . Esta publicación fue diseñada para resaltar algunas herramientas útiles para encontrar e insertar rápidamente imágenes libres de regalías en su contenido de WordPress. Para muchos de ustedes, esa publicación será un excelente lugar para comenzar su búsqueda.

Sin embargo, si desea o necesita más opciones para imágenes excelentes que puede usar en su sitio web, los enlaces a continuación deberían proporcionar un rango más exhaustivo (pero aún enfocado) para su búsqueda. Y por mucho que me gustaría atribuirme el mérito de estas pequeñas listas, tengo que agradecérselo a Steve de Site Builder Report. Enumeró estos sitios/herramientas y más en una publicación en su blog de noviembre de 2014.

Blogs de fotos

Los blogs de fotos que publican imágenes de alta calidad que no se encuentran en sitios web de fotos de stock son una excelente manera de darle a su sitio/contenido algo de singularidad y originalidad. Solo asegúrese de tomar nota de sus políticas de licencia/acreditación.

• Unsplash
• Nuevas acciones de edad
• Mover hacia el este
• Gratisografía
• Splitshire
• vida de pix
• Fotos de Kaboom
• Fotos de diseñador
• república iso
• Inicio Fotos
• Foto de Skitter
• jay mantri
• Snapwire
• je dispara

Motores de búsqueda de fotos

Si, por otro lado, está dispuesto a buscar a través del mar de malas imágenes en los sitios web de fotos libres de derechos de autor para encontrar las cosas buenas, entonces esta lista le dará mucho para examinar.

• Foto Morgue
• pixabay
• Flickr (no todos son libres de regalías, pero muchos)
• Imagen Jumbo
• pelea completa
• Wikimedia Commons
• Fotos de stock gratis
• Imágenes gratis

Servicios de fotos premium

Si tiene algo de dinero en su presupuesto para imágenes, entonces los siguientes sitios/servicios pueden ser una gran herramienta para encontrar exactamente lo que necesita de manera rápida y legal.

• Shutterstock
• imágenes falsas

Contrata a un Profesional

Finalmente, si no tiene el tiempo, la energía o el deseo de obtener este aspecto de su sitio web correctamente, puede ser beneficioso contratar a un profesional.

Hay muchos beneficios potenciales para este enfoque. Por un lado, el profesional tendrá sus propios recursos para adquirir o crear imágenes. Como una cámara o acceso a gráficos e imágenes de alta calidad como los vinculados anteriormente.

Además, lo más probable es que (si son buenos) estén capacitados para usar y reconocer los consejos y teorías que mencioné anteriormente. Lo que hará que la implementación sea mucho más fácil y rápida para ellos, ya que están utilizando habilidades y conocimientos con los que están bien familiarizados.

En conclusión

El abrumador consenso de los datos parece decir que las imágenes y la web están hechas la una para la otra. La mayor parte de la especie humana es lo que se conoce como un «aprendiz visual» y todos tendemos a recordar y responder a las cosas que vemos y experimentamos más fácilmente que las cosas que simplemente leemos o escuchamos.

Es por eso que en esta publicación aprendimos no solo que las imágenes (en un sentido amplio y general) son lo que se necesita para mejorar el rendimiento del sitio, sino imágenes hermosas y de alta calidad que sean apropiadas para la marca. También echamos un vistazo a algunos consejos y mejores prácticas para implementar esas imágenes en nuestros sitios y vinculamos a varios lugares en la web donde se pueden encontrar imágenes hermosas y de alta calidad.

Si tiene algo que agregar a esta publicación o un pensamiento para compartir con la comunidad, espero que se tome unos segundos para enviarnos una línea en los comentarios a continuación.

Miniatura del artículo a través de Max Griboedov // shutterstock.com