Fotos en el diseño web: por qué, dónde y cómo usar ellas
Elegir fotos para tu sitio web puede ser un desafío. Desde encontrar un recurso de fotos decente hasta crear una adecuada colección de materiales visuales para algún sitio web específico que estás desarrollando, el proceso de elección de imágenes "correctas" es definitivamente algo en lo que necesitas invertir mucho tiempo, atención y esfuerzo. En este artículo te proporcionamos algunas estrategias prácticas para utilizar eficazmente las fotos en el diseño del sitio web.
La elección de fotos es una etapa crucial en el diseño web: las fotos pueden (y deben) transmitir la misión y el valor de la marca, así como atraer al público objetivo.
Vivimos en el mundo con una gran cantidad de información que se nos transmiten diariamente; es que recibimos mucho más de lo que podemos procesar. Cuando buscamos información sobre alguna compañía o leemos un artículo, a menudo pensamos muy poco en el texto, pero inevitablemente notamos las imágenes y decidimos de manera consciente o inconsciente si vale la pena prestar nuestra atención a la información proporcionada.
¿Por qué necesitas fotos en tu sitio web?
Pues, ¿por qué las fotos son el componente tan importante del sitio web? Aquí hay algunas razones clave a tener en cuenta:
Atractivo visual
¿Alguna vez has abierto una página web con un diseño que parece insípido? ¿Has quedado en aquella página? Lo más probable es que te hubieras quedado si los visuales fueran más cautivadores y si hubiera más de ellos. Leer grandes bloques de texto puede ser inevitable si buscas alguna información en la constitución o en algún artículo científico, pero cuando se trata del usuario regular del sitio web, evocar su interés visual es fundamental para el éxito del sitio web (y, por lo tanto, del producto).
Compara los siguientes dos diseños: ¿cuál es más fácil de percibir?
The Wedding Lens...
...o WedPics?
WedPics muestra al cliente potencial lo que obtendrá en lugar de sobrecargarle con grandes trozos de texto.
Éste es otro ejemplo de cómo una foto hace que una página web sea atractiva y contribuye a la jerarquía visual de la página de aterrizaje.
El espíritu de la marca y la identidad
Puede parecer obvio, pero es importante recordar que tus fotos reflejan el estado, los principios y los objetivos de tu marca; es que puedes crear la impresión que deseas que tu marca haga con la selección de fotos bien pensada.
En el sitio web de UNICEF el usuario ve un montón de fotos de niños felices y llenos de esperanza, lo que demuestra el impacto positivo de la organización en sus vidas. De esta manera, la compañía presenta claramente su misión que consiste en ayudar a los grupos más vulnerables de personas y proporcionarles una mejor calidad de vida y las oportunidades justas para aumentar su potencial.
Conexión con tu audiencia
Las fotos te permiten ganar confianza, siempre y cuando el público objetivo puede ver que se refleja en ellas. Puedes usar las fotos con personas, objetos y ediciones muy específicos para crear la experiencia emocional que deseas que tus usuarios tengan.
En esta página web la foto de una mujer se coloca en el centro de la composición visual. En combinación con la tipografía elegante esta foto crea un layout elegante que se asocia inmediatamente con el estilo y la moda.
Menos charla y más acción
A menudo una imagen realmente vale más que mil palabras, y las fotos pueden transmitir aquellos conceptos e historias que no se pueden formular de otra forma, o cosas que no necesariamente se debería explicar a través del texto, por ejemplo, la alegría que siente un cliente después de usar tu producto.
¿Dónde encontrar fotos?
Cuando se trata de la elección de fotos para tu sitio web, hay dos opciones principales:
Fotos personalizadas
Para sacarlas se requiere un fotógrafo profesional y esto generalmente implica una gran inversión de tiempo, esfuerzo y dinero. Lo bueno es que obtienes imágenes completamente únicas y específicas que no encontrarás en ningún otro lugar en la Internet, por lo que podrían (dependiendo el tipo de fotos) hacerte destacar. Si sabes sacar fotos buenas, incluso puedes hacer todas las fotos necesarias y luego vender aquellas que no necesitas como fotos stock (aunque, una vez más, tendrás que dedicar mucho tiempo a sacarlas).
Si tienes que contratar a un profesional, la desventaja es que esto puede ser un gasto innecesario de dinero, a menos que estés diseñando un sitio web de nicho para una empresa o un producto muy específico, cuando simplemente no puedes encontrar ningunas fotos de alta calidad adecuadas.
Fotos de stock
Hay dos opciones: de pago y gratuita. Puedes optar por pagar una pequeña tarifa por cada foto (hay muchas fotos por cerca de $ 1 por cada una). Por otro lado, hay una asombrosa cantidad de imágenes de stock gratuitas y de alta calidad. Algunos sitios web de fotografía de stock, por ejemplo, Moose, incluso te permiten pedir fotos personalizadas de acuerdo con tus necesidades únicas, ¡todo gratis!
En cuanto a las fotos de stock, asegúrate de:
- Elegir las fotos que no son demasiado "familiares" y omitir aquellas que se usan en exceso. Casi todos los internautas han visto las fotos de empleados de oficina que parecen estar muy felices de trabajar; están dispersas por toda la web, ahora más comúnmente en forma de memes. Aquellas fotos no harán la impresión correcta y no contribuirán mucho a la imagen de tu marca, ni siquiera transmitirán ningún mensaje verdadero y valioso.
- Mencionar la(s) fuente(s) de las imágenes utilizadas en tu sitio web: la mayoría de las fotos son gratuitas a cambio de la adición del enlace de su fuente a tu sitio web.
Algunos recursos de fotos de stock útiles (¡gratuitos!):
¿Cómo usar fotos?
Bueno, como hemos respondido a las preguntas "por qué" y "dónde", probablemente quieras saber exactamente cómo puedes usar las fotos que has encontrado. Aquí hay algunos principios básicos.
Elige fotos relevantes
Las fotografías de naturaleza probablemente no sean adecuadas para un sitio web dedicado a los gadgets. Aunque éste es un ejemplo bastante hiperbolizado, debes asegurarte de que las fotos reflejan el mensaje que tu sitio web está transmitiendo. Analiza a fondo las imágenes que planeas usar, ya que a veces incluso pequeños detalles pueden repeler al visitante.
Dirígete a tu audiencia
¿Quién es tu usuario objetivo? Asegúrate de entender bien para quién creas tu producto y tu sitio web, y elige las fotos con las personas similares a tu público. Esto ganará confianza y asegurará al usuario de que ha llegado al lugar correcto. Lo más importante es mostrar tu producto o servicio de manera positiva y natural (sin los empleados demasiado entusiastas mencionados anteriormente).
Por ejemplo, Tinder se dirige a los usuarios jóvenes con su elección de fotos, reflejando así su audiencia principal de 18-34 años de edad. Como esto es lo que la mayoría de los solteros en este rango de edad están buscando, con aquella foto Tinder hace que su marca se asocie con emociones positivas. La ropa ligeramente retro y el filtro de fotos del mismo estilo no son una coincidencia, ya que así también se dirigen a las personas un poco mayores y evocan la nostalgia y el deseo de experimentar estos sentimientos una vez más.
Crear tu identidad de marca
Elige las fotos cohesivas que muestren la misión y el enfoque de tu marca. Presta atención especial a la elección de la foto para tu imagen principal, ya que éste es el primer punto de contacto del usuario con tu sitio web e incluso con tu marca en general. También deberías dedicar un poco de tiempo a elegir iconos y asegurarte de que crean los acentos correctos y mejoran la estructura general de tu sitio web.
Da un descanso al lector…
... de enormes bloques de texto. Como se mencionó anteriormente, puede ser increíblemente aburrido tener que leer miles de palabras, así que, asegúrate de proporcionar al lector un alivio visual en forma de fotografías, si tienes una página con mucho texto. Además, usa fotos como fondos para mostrar datos, estadísticas y otra información que de otra manera podría ser difícil de procesar.
Tus fotos deben ser compatibles con el navegador móvil para que todas las imágenes se muestren de la misma manera que en una computadora (y viceversa). No deseas que tu cliente se confunda con los fragmentos aleatorios de una imagen en lugar de ver una foto completa y coherente.
Conclusión
No escatimes tiempo, esfuerzo y, en algunos casos, dinero en encontrar fotos para tu sitio web. No sólo embellecen tu sitio web, sino son una forma de establecer una relación con tu público objetivo y reflejar la identidad, el producto y el propósito de tu marca. En la sociedad en la que esperamos que los datos se entreguen de forma rápida y concisa, las fotos son una excelente herramienta que te permite proporcionar al lector una gran cantidad de información en poco tiempo.
Fuente: "Using Photos in Web Design: Why, Where and How" por Stacy Summers
Diane trabja como una redactora del blog MonsterPost España desde hace muchos años. No imagina su vida sin escribir, aprender algo nuevo cada día, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. ¡Síguela en Facebook!