Fotos, uma das partes mais neglicenciadas da User Experience

photoUX

James Chudley é fotógrafo e trabalha com User Experience. Juntando essas duas paixões, percebeu que o conteúdo de uma imagem normalmente é deixado de lado pelo profissional de UX, ou então entregue nas mãos, apenas, do Visual Designer que está criando determinada interface.

Recentemente, James começou a estudar e coletar exemplos de como as fotos podem contribuir brilhantemente para uma boa experiência do usuário.

Exemplo de fotos que contribuem para uma boa experiência do usuário

No exemplo acima, do site da H&M, fotos ajudam o comprador a visualizar o produto de diferentes ângulos

Segundo James, um fotógrafo tira uma foto de uma forma específica para atribuir um significado específico a ela. Nós também desenhamos interfaces tentando influenciar a percepção das pessoas sobre determinada marca ou produto. Por isso mesmo, parece apropriado que compartilhemos do mesmo vocabulário dos fotógrafos, já que constantemente usamos seu trabalho para aprimorar o nosso.

Quando perguntado sobre “o que é uma foto usável?“, James responde:

Uma foto usável é uma que tem um impacto positivo sobre alguém que a vê. Pode ajudar a pessoa a completar uma tarefa, pode deixar a pessoa feliz, ativar uma memória dela, lembrá-la de algo, ajudá-la a fazer uma escolha ou simplesmente ilustrar um ponto. Uma foto usável é fácil de interpretar e tem um impacto positivo sobre a experiência de usar algo.

Bom uso de foto no catálogo de produtos do site Made.com

Bom uso de foto no catálogo de produtos do site Made.com

Segundo Jared Spool em um post em seu blog, há uma distinção bastante clara entre dois tipos principais de fotos que você normalmente vê em websites: fotos de conteúdo e fotos de ornamentação.

Fotos de conteúdo são aquelas que adicionam algum valor à página. Exemplos desse tipo de foto são aquelas imagens de produto que realmente ajudam o consumidor a escolher entre uma opção e outra. Fotos de ornamentação podem ser consideradas apenas ilustrativas ou preenchedoras de conteúdo. Elas raramente adicionam valor à página, a não ser pelo fato de separarem um pouco os grandes blocos de conteúdo.

Exemplo de foto que não adiciona muito à experiência do usuário

Exemplo de foto que não adiciona muito à experiência do usuário

Abaixo uma apresentação de James sobre o tema, que já virou até livro. Nela você confere mais exemplos sobre bons e maus usos de fotos em interfaces, além de aprender um pouco sobre como o cérebro humano reage a tais imagens:

(Se você estiver lendo este post por RSS e a apresentação acima não abrir, veja-a no blog)

E aí? Até quando a gente vai achar que foto não é coisa de UX Designer?

8 comentários sobre “Fotos, uma das partes mais neglicenciadas da User Experience

  1. Primeiramente parabéns Fabricio, muito bom o artigo!
    Costumamos não nos importarmos muito, o quanto as imagens podem ajudar na experiência do usuário, na grande maioria das vezes, usamos apenas para quebrar bloco de conteúdos, dar uma ilustrada, levando em consideração apenas o aspecto visual.

  2. Artigo excelente. Geralmente não nos preocupamos com quais imagens usar ao prototipar um produto, apesar de toda a satisfação gerada por imagens bem trabalhadas. Tanto é que eu, por exemplo, utilizo o holder.js para gerar imagens ilustrativas em protótipos.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

WordPress.com Logo

Você está comentando usando sua conta WordPress.com. Sair / Mudar )

Imagem do Twitter

Você está comentando usando sua conta Twitter. Sair / Mudar )

Foto do Facebook

Você está comentando usando sua conta Facebook. Sair / Mudar )

Conectando a %s