Estética e percepção – como abordar as imagens da experiência do usuário

Quando se trata de UX design e imagens de experiência do usuário, seja em sites, aplicativos móveis ou qualquer outro produto digital, muitos designers escolhem imagens usando seu senso estético pessoal, combinando-as com microcópia e o restante da interface de uma maneira que faça sentido em relação à finalidade do produto e à marca.

O ditado popular “uma imagem vale mais que mil palavras” prevalece desde o início do século 19 e é geralmente atribuído a Fred R. Barnard que escreveu a frase em um artigo promovendo o uso de imagens em anúncios que apareciam nas laterais de bondes. Em muitos contextos, as imagens têm o poder de criar uma resposta emocional no usuário; isso pode ser valioso para esclarecer o propósito da marca, reforçar a proposta de valor do produto e aumentar o apelo do site ou aplicativo móvel.

Uma imagem pode transmitir uma mensagem instantaneamente, pois o cérebro pode interpretá-la mais rápido que o texto, e dá profundidade e contexto a uma mensagem, proporcionando uma experiência mais imersiva do que apenas o texto. Quando os designers sabem como trabalhar com imagens, eles são mais capazes de manipular as reações emocionais de um público. Os designs de produtos podem aumentar ou diminuir a qualidade de suas imagens de experiência do usuário - e é por isso que é vital acertar.

Além de sites e aplicativos móveis, as imagens são importantes em todos os tipos de designs de produtos. Conforme declarado por Rachel Krause (especialista em experiência do usuário do Nielsen Norman Group) em 6 Rules for Persuasive Storytelling , as imagens podem ser incorporadas em estudos de caso relevantes, gráficos e fotos de testes de usabilidade para dar ao público algo com o qual se conectar além das palavras .

Kim Flaherty (especialista em UX do Nielsen Norman Group) também afirmou que pesquisas recentes indicaram que os destinatários do boletim informativo esperam as mesmas imagens de alta qualidade que encontram na web, preferindo imagens que possam ser vistas em uma escala maior e mostrem detalhes com muita clareza.

A compreensão profunda do uso de imagens e suas implicações psicológicas para a percepção do usuário e a experiência do usuário é um aspecto importante do design que os designers de UX não devem subestimar.

Imagens sensoriais em design

Nos últimos tempos, a área do marketing sensorial tem atraído a atenção do mundo corporativo e acadêmico, principalmente no marketing e na psicologia. No livro Sensory Marketing: Research on the Sensuality of Products , Aradhna Krishna define o marketing sensorial como “gatilhos subconscientes que afetam como as pessoas tomam decisões de compra e consumo”. Essa afirmação é tão aplicável em projetos de design de produto quanto em marketing.

Segundo o autor, as imagens sensoriais podem impactar o design do produto por:

• incentivando a estimulação mental através do design visual
• envolver as pessoas com uma marca
• impactando suas atitudes em relação à marca
• estimulando outros sentidos (como olfato) através do design visual

Impulsionando a simulação mental por meio de imagens

Profissionais de marketing e designers há muito tempo incentivam os consumidores a usar sua imaginação com slogans como “Pense diferente” (Apple) e “Just do it” (Nike). Essas frases simples e atraentes, no entanto, não convencem automaticamente as pessoas a imaginar o uso do produto sem pedir explicitamente que o façam.

De acordo com estudos sobre cognição e percepção (mencionados acima), verificou-se que simplesmente alterar a forma como um produto é apresentado visualmente estimula as pessoas a imaginarem interagindo com o produto e, consequentemente, aumenta a possibilidade de compra.

Imagens cuidadosamente selecionadas podem afetar significativamente a percepção das pessoas sobre um produto, aumentando a proximidade da marca de forma eficaz, ou ter um impacto negativo em situações em que as pessoas encontram imagens que não combinam com elas.

Por exemplo, se um site imobiliário visa clientes de classe média e usa o exemplo a seguir de uma villa cara e claramente muito sofisticada como pano de fundo, isso pode afetar a conexão entre os usuários-alvo e a empresa. Isso cria uma lacuna entre a marca e a forma como os usuários a percebem.

Atenção, Sensação e Percepção

O ponto de partida para entender como as pessoas se relacionam com a realidade está nos processos psicológicos de atenção, sensação e percepção.

A atenção é um processo mental que seleciona estímulos particulares nos quais focar e estabelece relações entre eles. Quando usados ​​com sabedoria, esses estímulos são colocados estrategicamente para chamar a atenção do observador para determinada informação. É essencial escolher as melhores imagens de experiência do usuário possíveis, porque os olhos das pessoas são atraídos para dezenas de anúncios e sites todos os dias, e apenas alguns chamam sua atenção.

Lev Semenovitch Vygotsky, psicólogo soviético, afirma que a psique humana possui a sensação como um processo que atua diretamente na formação subjetiva da realidade à qual o sujeito está exposto, e desempenha um papel importante na relação das pessoas com o mundo. Além disso, existem as sensações sinestésicas, que se caracterizam quando duas ou mais sensações são vivenciadas juntas, geralmente produzindo associações entre objetos e sensações. Por exemplo, o vermelho é frequentemente visto como uma cor “apaixonada” e a Coca-Cola o usa amplamente em sua marca.

A percepção humana refere-se à função cerebral capaz de selecionar e atribuir significado a informações captadas por sensações feitas por meio de associações a experiências que a pessoa já encontrou. Isso também pode ser referido como um modelo mental.

É essencial entender que grupos de pessoas nem sempre pensam da mesma forma, especialmente se você considerar culturas, classes sociais e faixas etárias diferentes. A imagem a seguir pode ser um ótimo exemplo que representa diversão e aventura, desde que o público seja jovem que goste de viajar – talvez não tanto se forem pais que experimentaram o estresse de viajar com crianças e tudo o que isso implica. Nesse caso, a pesquisa profunda do usuário forneceria insights que ajudariam os designers a selecionar o melhor tipo de imagem a ser usada para um público específico.

Imagens da experiência do usuário como ferramenta para aumentar a usabilidade

No trabalho de pesquisa Projetando interfaces móveis para usuários iniciantes e com baixo nível de alfabetização , os autores afirmam que as imagens também suportam pessoas com baixo nível de alfabetização, aumentando a usabilidade do produto e melhorando a experiência do usuário como um todo. Como o analfabetismo geralmente tem a ver com a pobreza, os usuários não alfabetizados digitalizam as interfaces de maneira diferente, com base principalmente em elementos visuais e focando na mecânica.

Uma pesquisa conduzida por Andrew Thatcher estudou comportamentos de pessoas alfabetizadas e semi-alfabetizadas ao usar caixas eletrônicos e uma interface alternativa baseada em ícones e fala. Segundo o autor, as pessoas mostraram uma tendência a preferir uma interface ATM baseada em ícones sobre as outras opções. Isso pode não se correlacionar especificamente com as imagens, mas exemplifica que os elementos visuais são mais bem compreendidos do que as interfaces baseadas em texto.

Embora esta pesquisa tenha sido direcionada especificamente para usuários de baixa alfabetização, é essencial entender que as interfaces imagéticas e visuais afetam positivamente os usuários em geral, não apenas as pessoas com dificuldades de leitura. Por exemplo, imagens bem escolhidas podem permitir que os usuários digitalizem e absorvam informações mais rapidamente, permitindo que eles entendam mais rapidamente a finalidade do produto. Uma excelente maneira de verificar isso é empregando um método conhecido como teste de cinco segundos.

Uma compreensão mais profunda da psicologia aplicada na estética do produto

Como os designs visualmente atraentes são percebidos como mais fáceis de usar, como designer, é importante criar como tal. Além disso, os designs estéticos são aceitos mais prontamente, usados ​​com mais frequência e promovem o pensamento criativo e a resolução de problemas. De acordo com os Princípios Universais do Design, os designs estéticos também promovem relacionamentos positivos com os usuários, tornando-os mais tolerantes a problemas de usabilidade dentro de um design.

O efeito estético-usabilidade

Normalmente, os designs estéticos têm uma probabilidade maior de engajamento. As imagens têm muito a ver com o apelo visual, influenciando diretamente a percepção do usuário. Quando um produto é mais utilizável, mas menos atraente visualmente, ele pode sofrer com a falta de aceitação que torna discutíveis os problemas de usabilidade.

De acordo com esse fenômeno psicológico, os designs esteticamente atraentes geralmente são mais intuitivos do que os menos atraentes, e isso é especialmente verdadeiro para usuários com uma formação técnica mais limitada. Além disso, quando os designs estéticos não funcionam corretamente, os usuários tendem a se culpar em vez de culpar o produto.

Nesse sentido, uma fotografia ou vídeo excepcional encanta o usuário. Essa resposta emocional positiva reforça ainda mais as interações do usuário com o produto e o relacionamento com a própria marca, compensando eventuais desvantagens de usabilidade e tornando o usuário mais tolerante.

Em um artigo para o Nielsen Norman Group, Kate Moran citou Kurosu e Kashimura, que concluíram que os usuários são fortemente influenciados pela estética de qualquer interface, mesmo quando avaliam a funcionalidade subjacente do sistema.

Veja o site FitBit, por exemplo. Moran relatou que durante os testes de usabilidade, um usuário encontrou muitos problemas ao fazer compras no site, desde pequenos aborrecimentos no design de interação até falhas graves na navegação. O usuário conseguiu completar a tarefa com alguma dificuldade.

No entanto, o usuário avaliou o site muito bem em facilidade de uso, dizendo que o site parecia o oceano (muito calmo), com ótimas cores e excelentes fotografias. A resposta emocional positiva criada pelo apelo estético do site ajudou a mascarar seus problemas de usabilidade.

O Efeito Primitivo

Escolher imagens apropriadas para uma interface vai além da estética. As imagens escolhidas devem transmitir a mensagem e os valores corretos. Como o cérebro humano lida com associações o tempo todo, as imagens podem ser usadas como uma ferramenta poderosa para trabalhar com associações. No livro Thinking, Fast and Slow , Daniel Kahneman deu um exemplo convincente de como a mente faz associações subconscientemente. Ele pediu ao leitor que olhasse para as duas palavras a seguir:

Quando as pessoas olhavam para essas palavras, elas experimentavam associações desagradáveis. Seus rostos se contorceram levemente em uma expressão de desgosto, seus batimentos cardíacos aumentaram e os pelos de seus braços se arrepiaram um pouco. Em suma, eles responderam ao “vômito” com uma versão atenuada de como reagiriam ao evento real, tudo automaticamente, fora do controle da pessoa – puramente por meio da associação de ideias. Mas o impacto pode ir além disso, com as pessoas associando a palavra “banana” às conotações negativas de “vômito”.

Priming é um efeito de memória implícito no qual a exposição a um estímulo influencia uma resposta a um estímulo posterior. Os designers também podem trabalhar com imagens, não apenas pensando em como a interface seria visualmente atraente, mas em termos de transmissão de mensagens, percepção do usuário, engajamento do usuário e manipulação de suas ideias por meio de associações bem construídas.

Em Priming and User Interfaces do Nielsen Norman Group, o autor afirma que “as imagens e o conteúdo da página preparam as pessoas para formar as expectativas do site. Se essas suposições forem confirmadas, a experiência geral será suave e agradável. No entanto, quando as suposições se provam erradas, as pessoas geralmente percebem que o site tem pouca usabilidade.”

O exemplo a seguir também foi apresentado no artigo, mostrando uma homepage de uma escola particular que mostra imagens de crianças pequenas, dando a impressão de que a escola é uma pré-escola ou apenas das primeiras séries do ensino fundamental. Na realidade, a escola cobre até a 8ª série.

Resumo

As imagens podem ser uma ferramenta poderosa quando usadas para influenciar a percepção das pessoas e a experiência do usuário. Quando uma imagem eficaz é selecionada para o design, ela pode aumentar o apelo de um produto, fortalecer o valor do negócio, aumentar as vendas e a geração de leads, ajudar a acelerar a interface e a digitalização de informações, encantar o público e melhorar a empatia entre os consumidores e a marca.

Uma vez que os designers entendam melhor os fenômenos psicológicos mais proeminentes e como a mente das pessoas funciona, eles podem criar produtos melhores que realmente façam sentido para as pessoas, enquanto afetam positivamente o próprio negócio.

Leia mais no Blog Toptal Design:

• Ilustração de marca 101: Visualizando a narrativa
• Psicologia do Design e a Neurociência do Awesome UX
• Design persuasivo: usando psicologia avançada de forma eficaz
• Um guia passo a passo para projetar ilustrações personalizadas sem nenhuma habilidade de desenho
• Influência com Design - Um Guia para Cores e Emoções