Imágenes Para Tu Web: Cómo Seleccionar Las Más Efectivas

Elegir imágenes efectivas para un artículo, un post o un ensayo para la web no es fácil. Pese al increíble número de nuevas bibliotecas de imágenes gratuitas motores de búsqueda de imágenes y otros recursos visuales que han surgido como hongos en los últimos dos años, elegir lo apropiado y poder ubicarlo en el diseño de la página en forma consistente con el resto de los elementos es más arduo de lo que parece a simple vista.

Crédito de la foto: Marc Dietrich - Montaje: Robin Good

De hecho yo pienso que, junto con la creación de títulos, la capacidad para elegir las imágenes adecuadas, probablemente sea una de las más complicadas de adquirir para un editor de la web, escritor de los nuevos medios o para un blogger. A Livia Iacolare, ex–editora de contenido y tecnología aquí, en MasterNewMedia, le tomó unos pocos pero frustrantes meses de prueba y error llegar a dominar las habilidades que le transmití y a convertirse en la que considero la mejor buscadora de imágenes con quien he trabajado en los últimos años.

Pero llegar a ese nivel requiere realmente un gran esfuerzo. Más allá de la obvia necesidad de tener acceso a algunos archivos de imágenes muy completos la verdadera dificultad reside en cómo elegir imágenes y cómo encontrar coincidencias visuales con los títulos y las palabras aun en casos en que no existen coincidencias equivalentes en la realidad física.

Para aprender estas cosas necesitas un guía, alguien que haya aprendido de alguien más cuáles imágenes funcionan para diferentes culturas y razas y qué imágenes servirán para reforzar un mensaje en vez de simplemente decorar el espacio vacío que lo rodea.

A continuación te daré algunos de los fundamentos para la selección efectiva de imágenes para publicaciones web tal como lo sugieren los buenos investigadores de los laboratorios WebCredible en el Reino Unido.

Nota.: No encontrarás ciencia avanzada en este corto tutorial, pero si eres nuevo en cuanto a la publicación de contenido online y estás ansioso de leer acerca de algunos aspectos fundamentales a tener en mente cuando estés eligiendo imágenes para publicaciones en la web, he aquí algunos buenos lugares donde comenzar:

Imágenes Para Comercio Electrónico: Convenciendo Con Imágenes

por Mrudula Kodali

El poder de las imágenes para concretar una venta es bien conocido en el marketing tradicional desde hace mucho.

Esto resulta aun más importante para la venta online, ya que no hay un producto físico que el cliente pueda llevarse. Las imágenes en tu sitio web por si mismas deben trabajar aun más duro para transmitir el "look and feel" de tu producto.

Aunque los siguientes lineamientos se enfocan en las imágenes para el comercio electrónico los mismos pueden generalmente aplicarse a muchos sitios de la web.

1. Calidad Profesional

Crédito de la foto: Imagen de pantalla del sitio de Hotel Chocolat – Hotel Chocolat tiene imágenes suntuosas para sus creaciones en chocolate, convenciendo a los usuarios de realizar la compra.

La calidad de las fotos es una de las pocas pistas disponibles online para que los usuarios juzguen la calidad de tus productos.

La importancia de las tomas de calidad no puede ser suficientemente remarcada, especialmente para artículos de lujo. Y es una inversión que vale la pena – se sabe que las conversiones que se logran son más que el doble con imágenes de alta calidad.

Asegúrate de que las imágenes sean tomadas en forma profesional y con alta resolución. Pon el mayor de los cuidados y atención en las imágenes, tal como lo harías con tu vidriera. Si estás apuntando a un mercado de lujo, es importante crear una fiesta para los ojos para atraer a los clientes a tu sitio.

2. Vistas Alternativas y Detalladas

Imagen de pantalla del sitio de Gucci

Ofrecer vistas alternativas es crucial para transmitir la sensación completa del producto.

Una vista alternativa importante es la de los detalles. La gama de vistas disponibles deben apuntar a mostrar una alternativa viable a la de ver el producto en un local real.

Es una buena idea hacer que todas las imágenes puedan ser exploradas mediante la colocación de recursos como flechas en la galería de fotos.

El sitio de Gucci va más allá de las vistas estáticas al ofrecer las funciones de rotación de 360º, zoom y desplazamiento.

John Lewis claramente ofrece vistas alternativas incluyendo una gama de vistas detalladas, de tal manera que las flores puedan ser vistas de cerca.

Crédito de la foto: Imagen de pantalla del sitio de John Lewis

3. Ampliable

Imagen de pantalla del sitio de Ducati

Los compradores no harían una compra en un local físico sin darle una mirada detallada al producto.

Por eso es esencial que las imágenes online de los productos puedan ampliarse, así los usuarios pueden mirarlos de cerca y sentir que pueden analizar el producto en detalle.

Es también una práctica común abrir la imagen aumentada en una ventana emergente o pop-up window.

Ducati ofrece fotos ampliables de sus motocicletas para casi replicar la experiencia de ir al salón de exposición para ver una.

4. Descarga Rápida

Crédito de la foto: James Steidl

Con el 16% de la población del Reino Unido aun sin conexión de Banda Ancha (Fuente: National Statistics), es importante que las imágenes se descarguen rápidamente.

Los compradores acostumbrados a una rápida descarga de los contenidos no están dispuestos a esperar a que las imágenes demoren en aparecer más que unos pocos segundos.

5. Detalles en Proporción

Crédito de la foto: Vova Pomortzeff

¿Usas versiones más chicas de las imágenes en la página inicial y/o en las de inicio de cada categoría?

Primero recorta la imagen de tal manera que solo la parte de la misma que muestra su esencia sea visible. Solo después reduce este recorte al tamaño final.

Al remover algunas partes la imagen no aparecerá tan recargada y confusa. Al usuario le molesta ver imágenes que son muy pequeñas para el nivel de detalle involucrado.

6. Escala & Contexto

Imagen de pantalla del sitio de Harvey Nichols - Harvey Nichols muestra la escala del bolso y su contexto mediante el uso del maniquí y las ropas.

Mostrar la escala del producto y su contexto de uso realmente puede ayudar al usuario a que tome una decisión de compra online. Si hacemos eso, este será capaz de evaluar el tamaño del ítem y qué otro producto combina con éste.

La escala puede ser mostrada usando maniquíes o modelos humanos, mientras que los artículos pequeños como teléfonos móviles pueden ser mostrados sobre una mano.

Otra alternativa es agregar una regla en la esquina de la imagen para ayudar al usuario a juzgar su escala.

7. Muéstralo Todo

Imagen de pantalla del sitio de Xbox

En caso de que tu producto tenga accesorios o componentes muestra su conjunto fuera de la caja, así el usuario podrá ver exactamente lo que recibirá y qué otras partes puede necesitar comprar por separado. Esta imagen puede formar parte de las vistas alternativas del producto.

El sitio de Xbox lo hace muy bien, con todos los componentes mostrados fuera de sus empaques.

8. Relevancia

Crédito de la foto: Stephen Aaron Rees

Toda imagen usada debe ser relevante y agregar valor al contenido de tu sitio. Las imágenes pueden ser una herramienta efectiva en dar al visitante de tu sitio una rápida idea sobre de qué trata el contenido.

Las imágenes irrelevantes actúan en contra del mensaje que se quiere presentar y pueden molestar a los usuarios al no encontrar la conexión entre las imágenes y el texto.

En Concreto

Crédito de la foto: Luchschen

Las imágenes persuasivas son una poderosa herramienta para aumentar la venta de tus productos.

Las malas imágenes visuales, por el contrario, pueden actuar en contra tanto de tus ventas como, potencialmente, de tu marca..

Las imágenes visuales de buena calidad son una inversión que vale la pena hacer en un mercado online saturado y competitivo.

Sobre la autora

Mru Kodali es una loca de la usabilidad – tanto que trabaja para Webcredible, una consultora líder en la industria en usabilidad y accesibilidad, como consultora en experiencia del usuario. Las principales especialidades de Mru son los proyectos de investigación sobre seguimiento del movimiento ocular en la pantalla y escribir para la web.