Seleccionar imagens eficazes para um artigo, entrada ou ensaio na Web não é fácil. Embora um impressionante número de novas bibliotecas de imagens gratuitas, motores de busca de imagens e outros recursos visuais surgiram como cogumelos nos últimos dois anos, a possibilidade de escolher o que é apropriado e juntá-los ao layout da página não é tão simples como se possa pensar.

Crédito da imagem: Marc Dietrich - Mashed por Robin Good

Na verdade, acho que com os títulos, a possibilidade de seleccionar imagens eficazmente, são possivelmente duas das habilidades mais desafiantes a serem adquiridas por um editor Web, escritor sobre os novos media ou bloguer. Livia Iacolare, antiga editora de conteúdos e tecnologia na Master New Media passou um complicado par de meses de tentativas e erros antes de dominar as habilidades que lhe transmiti e se tornar a que considero a melhor pesquisadora de imagens com quem trabalhei nos últimos anos.

Mas chegar a esse ponto exige esforço. Para além da óbvia necessidade de aceder a algumas bibliotecas de imagens completas, as verdadeiras dificuldades estão em como seleccionar imagens e como encontrar correspondências visuais para títulos e imagens que não têm correspondência na realidade física.

Para aprender estas coisas, precisa de um guia, alguém que aprendeu com outros que imagens funcionam em que culturas e raças e que imagens se demarcam na transmissão mais forte de uma mensagem em vez de apenas decorar o espaço vazio ao seu redor.

Aqui está o básico na selecção de imagens eficaz para publicação Web conforme sugerido pelos nossos bons pesquisadores de usabilidade dos laboratórios WebCredible no Reino Unido.

N.B.: Não irá encontrar fórmulas complexas neste curto guia, mas se for novo na publicação de conteúdo on-line e está ansioso para ler sobre alguns dos problemas fundamentais a ter em conta quando selecciona imagens para publicação na Web, aqui estão alguns bons pontos por onde começar:

Imagens de E-commerce: Persuadir com Imagens

por Mrudula Kodali

O poder das imagens em fazer uma venda é bem conhecido há muito tempo no marketing tradicional.

Isto é ainda mais importante on-line quando não existe produto físico para os utilizadores experimentarem. As imagens no seu sítio Web por si mesmas têm que ser ainda mais eficazes para transmitir o verdadeiro "aspecto" do seu produto.

Embora as directrizes que se seguem se centrarem nas imagens para e-commerce , podem ser aplicadas na sua generalidade à maioria dos sítios Web.

1. Qualidade Profissional

Crédito da imagem: Captura de ecrã do sítio Web Hotel Chocolat - Hotel Chocolat tem sumptuosas imagens das criações de chocolates, convencendo os utilizadores a fazer uma compra.

a qualidade das fotografias é uma das poucas pistas disponíveis on-line para que os utilizadores julguem as qualidades dos seus produtos.

A importância de fotos de qualidade não pode ser suficientemente enaltecida, especialmente para bens de luxo. E é um investimento que vale a pena - as conversões mais que duplicam através de imagens de qualidade.

assegure-se que as imagens são capturadas profissionalmente e em alta resolução. Dedique o máximo de cuidado possível nas imagens tal como faria na sua montra. Se aponta para o mercado de luxo, é importante criar um festim para os olhos para atrair os seus visitantes.

2. Vistas Detalhadas & Alternativas

Captura de Ecrã do Sítio Web Gucci

Oferecer vistas alternativas é crucial para transmitir todo o sentido do produto.

Uma vista alternativa importante é a detalhada. A variedade de vistas alternativas disponíveis deverá tentar oferecer uma alternativa a ver o produto numa loja física.

É uma boa ideia permitir que todas as imagens sejam exploradas oferecendo ajudas como setas na área de galeria.

O sítio Web Gucci vai além das vistas alternativas estáticas oferecendo uma rotação em 360º, zoom e funcionalidade de arrastar para mover.

John Lewis oferece claramente vistas alternativas, incluindo um conjunto de vistas detalhadas para que as flores possam ser apreciadas de perto.

Crédito da imagem: Captura de ecrã do sítio Web de John Lewis

3. Dimensionável

Captura de ecrã do sítio Web da Ducati

É improvável que os compradores comprem numa loja de tijolos e morteiros sem verem de perto uma imagem do produto.

É assim essencial que as imagens de produtos on-line sejam dimensionáveis para que os utilizadores possam ver mais de perto e sintam que podem explorar o produto em detalhe.

É também frequente abrir a imagem alargada numa janela pop-up.

A Ducati oferece imagens alargáveis das suas motos para reproduzir a ideia de ir a uma exposição ver uma.

4. Rápidas para fazer o Download

Crédito da imagem: James Steidl

Com 16% da população ainda sem banda larga (fonte: National Statistics), é importante que as imagens carreguem relativamente rápido.

Os compradores habituados a conteúdos de carga rápida têm poucas probabilidades de esperar que as imagens carreguem se demorarem mais do que poucos segundos.

5. Detalhada Proporcionalmente

Crédito da imagem: Vova Pomortzeff

Utilizando versões mais pequenas de imagens nas páginas iniciais ou de categoria?

Recorte primeiro a imagem para que apenas parte dela que capture a sua essência seja visível. Apenas então reduza em tamanho esta imagem.

Ao eliminar algum detalhe, a imagem não perecerá tão confusa e preenchida. Os utilizadores lutam com imagens que são demasiado pequenas para o nível de detalhe envolvido.

6. Escala & Contexto

Captura de ecrã do sítio Web de Harvey Nichols - Harvey Nichols mostra o contexto de uso e escala da mala de mão utilizando um manequim e roupas.

Mostrar a escala de um produto e o seu contexto de uso pode ajudar os utilizadores a tomar decisões de compra on-line. Fazendo-o, são capazes de idealizar o tamanho de um item e que outros produtos podem ficar bem com ele.

A escala pode ser demonstrada utilizando manequins ou modelos humanos, por exemplo, pequenos itens tais como telemóveis podem ser mostrados na mão.

Outro método alternativo é oferecer um guia de escala no canto da imagem para ajudar os utilizadores a julgar a sua escala.

7. Mostre Tudo

Captura de ecrã do sítio Web da XBOX

Caso o seu produto venha com acessórios ou componentes, mostre-os fora da caixa para que os utilizadores possam ver exactamente o que têm e que outras peças possam precisar de adquirir em separado. Esta vista pode formar uma das visualizações alternativas do produto.

O sítio Web da Xbox faz isto bem, com todos os componentes mostrados em separado.

8. Relevante

Crédito da imagem: Stephen Aaron Rees

Todas as imagens devem ser relevantes e adicionar valor ao conteúdo no seu sítio Web. As imagens podem ser uma ferramenta eficaz em dar ao visitantes do sítio Web uma ideia rápida do tema do conteúdo.

Imagens irrelevantes afastam da mensagem transmitida e podem irritar os utilizadores que não vêm a ligação entre as imagens e texto.

Resumindo

Crédito da imagem: Luchschen

As imagens persuasivas são uma ferramenta poderosa para aumentar as vendas de produtos.

Imagens pobres, por outro lado, podem prejudicar tanto as vendas e potencialmente a marca.

Imagens de boa qualidade são um investimento que vale a pena num mercado on-line cada vez mais saturado e competitivo.

Artigo original escrito por Mrudula Kodali para a WebCredible a 1 de Nov. de 2007 com o título "E-commerce Imagery: Persuading with Pictures"

Sobre o autor

Mru Kodali é louca pela usabilidade - tão louca que trabalha para a Webcredible, uma consultora líder na indústria sobre usabilidade e acessibilidade, como consultora de experiência de utilizador. As especialidades de Mru são projectos de captura de atenção e escrever para a Web.