Quando se trata de design UX 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 resto da interface de uma forma que faça sentido em relação ao objetivo do produto e marca.

O ditado popular, “ uma imagem vale mais que mil palavras , ”Tem dominado desde o início dos anos 19c 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 dos 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, já que o cérebro pode interpretá-la mais rápido do que o texto e dá profundidade e contexto a uma mensagem, proporcionando uma experiência mais envolvente do que apenas o texto. Quando os designers sabem como trabalhar com imagens, eles são mais capazes de manipular as reações emocionais do público. Os designs de produtos podem aumentar ou diminuir de acordo com a qualidade das imagens de experiência do usuário - por isso é vital acertar.

Além de sites e aplicativos móveis, as imagens são importantes em todos os tipos de designs de produtos. Conforme afirmado por Rachel Krause (uma especialista em experiência do usuário no Nielsen Norman Group) em 6 regras para narrativa persuasiva , as imagens podem ser incorporadas a 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 pesquisa recente indicou 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 que mostrem detalhes com muita clareza.

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

Imagens sensoriais em design

Nos últimos tempos, a área de marketing sensorial tem atraído a atenção do mundo corporativo e acadêmico, principalmente em marketing e psicologia . No livro Marketing sensorial: pesquisa sobre a sensualidade dos produtos , Aradhna Krishna define o marketing sensorial como 'gatilhos subconscientes que afetam a forma como as pessoas tomam decisões de compra e consumo'. Essa declaração é tão aplicável em projetos de design de produto quanto em marketing.

De acordo com o autor, as imagens sensoriais podem impactar o design do produto por:

• encorajando 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 o cheiro) por meio de design visual

Aumento da simulação mental por meio de imagens

Os profissionais de marketing e designers há muito incentivam os consumidores a usar sua imaginação com slogans como “Pense diferente” (Apple) e “Just do it” (Nike). Essas frases simples e cativantes, no entanto, não persuadem 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 (citados acima), constatou-se que simplesmente alterar a forma como um produto é apresentado visualmente estimula as pessoas a se imaginarem interagindo com o produto e, consequentemente, aumenta a possibilidade de compra.

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

Por exemplo, se um site de imóveis tem como alvo clientes de classe média e usa o seguinte exemplo de uma casa de campo cara e claramente muito sofisticada como pano de fundo, isso poderia 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.

Atenção é um processo mental que seleciona estímulos específicos nos quais focar e estabelece relações entre eles. Quando usados ​​com sabedoria, esses estímulos são colocados estrategicamente a fim de chamar a atenção do observador para certas informações. É 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 a atenção.

Lev Semenovitch Vygotsky , um psicólogo soviético, afirma que a psique humana possui sensação como um processo que atua diretamente na formação subjetiva da realidade a que 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 em conjunto, geralmente produzindo associações entre objetos e sensações. Por exemplo, internet é frequentemente vista como uma cor “apaixonada” e a Coca-Cola a usa amplamente em sua marca.

Humano percepção refere-se à função cerebral capaz de selecionar e atribuir significado às 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ê levar em consideração diferentes culturas, classes sociais e faixas etárias. A imagem a seguir pode ser um ótimo exemplo de diversão e aventura, contanto que o público seja formado por jovens que amam viajar - talvez nem tanto se forem pais que passaram pelo estresse de viajar com crianças e tudo o que isso acarreta. Nesse caso, uma pesquisa profunda do usuário forneceria insights que ajudariam designers selecione o melhor tipo de imagem para usar para um público específico.

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

No artigo 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 apóiam 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 está relacionado à pobreza, os usuários não alfabetizados examinam as interfaces de maneira diferente, com base principalmente em elementos visuais e com foco na mecânica.

Pesquisa conduzida por Andrew Thatcher estudou comportamentos de pessoas alfabetizadas e semianalfabetas ao usar caixas eletrônicos e uma interface ATM alternativa baseada em ícone e voz. De acordo com o autor, as pessoas mostraram uma tendência a preferir uma interface ATM baseada em ícones às outras opções. Isso pode não se correlacionar especificamente com 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 com baixo nível de alfabetização, é essencial entender que as imagens e as interfaces 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-lhes compreender 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 de produtos

Uma vez que designs visualmente atraentes são percebidos como mais fáceis de usar, como designer, é importante criar como tal. Além disso, os projetos 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 Princípios Universais de Design , os designs estéticos também promovem relacionamentos positivos com os usuários, tornando-os mais tolerantes a problemas de usabilidade em um design.

O efeito estético-usabilidade

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

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

Nesse sentido, uma fotografia ou vídeo de destaque 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, enquanto compensa quaisquer desvantagens de usabilidade e torna o usuário mais tolerante.

Em um artigo para Nielsen Norman Group, Kate Moran citado 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 da FitBit, por exemplo. Moran relatou que, durante o teste de usabilidade, um usuário encontrou muitos problemas ao fazer compras no site, variando de pequenos incômodos no design de interação a graves falhas na navegação. O usuário conseguiu completar a tarefa com alguma dificuldade.

Porém, o usuário avaliou muito o site quanto à facilidade de uso, afirmando que o site parecia o oceano (muito calmo), com cores lindas e excelentes fotografias. A resposta emocional positiva criada pelo apelo estético do site ajudou a mascarar seus problemas de usabilidade.

O efeito priming

A escolha de imagens adequadas 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 Pensando, rápido e lento , Daniel Kahneman deu um exemplo convincente de como a mente faz associações subconscientemente. Ele pediu ao leitor que olhasse as seguintes palavras:

Banana Vomit

Quando as pessoas olhavam para essas palavras, experimentavam associações desagradáveis. Seus rostos se contorceram levemente em uma expressão de desgosto, seus batimentos cardíacos aumentaram e os pelos em seus braços se arrepiaram um pouco. Em suma, eles responderam ao 'vômito' com uma versão atenuada de como eles reagiriam ao evento real, tudo automaticamente, além 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 mensagem, percepção do usuário, envolvimento do usuário e manipulação de suas ideias por meio de associações bem construídas.

Dentro Priming e interfaces de usuário do Nielsen Norman Group, o autor afirma que “as imagens e o conteúdo da página induzem as pessoas a formar expectativas em relação ao site. Se essas suposições forem confirmadas posteriormente, a experiência geral será tranquila e agradável. No entanto, quando as suposições são provadas erradas, as pessoas muitas vezes percebem que o site tem pouca usabilidade.

O exemplo a seguir também foi apresentado no artigo, mostrando a 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 para o primeiro ano do ensino fundamental. Na realidade, a escola cobre até a 8ª série.

Resumo

As imagens podem ser uma ferramenta poderosa quando usada 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, ao mesmo tempo que afetam positivamente o próprio negócio.

• • •

Leituras adicionais no Blog de design do ApeeScape:

• Ilustração 101 da marca: visualizando a narrativa
• Psicologia do design e a neurociência da UX incrível
• Design persuasivo: usando psicologia avançada de maneira eficaz
• Um guia passo a passo para projetar ilustrações personalizadas sem qualquer habilidade de desenho
• Influência com Design - Um Guia para Cores e Emoções

Compreender o básico

Quais são os tipos de imagens sensoriais?

Existem sete tipos principais de imagens sensoriais: visual (visão), olfativa (olfato), cinestésica (movimento), auditiva (som), tátil (tato), gustativa (paladar) e orgânica (sensação por dentro). As imagens sensoriais também podem criar reações sinestésicas, em que mais de um sentido é ativado simultaneamente.

Qual é o propósito das imagens sensoriais?

As imagens sensoriais são usadas para criar uma reação sensorial (como visão, paladar ou cheiro) entre aqueles expostos às imagens. Como os sentidos humanos costumam estar diretamente ligados às reações emocionais, as imagens sensoriais podem evocar essas reações emocionais nas pessoas.

O que é uma boa experiência do usuário?

Uma boa experiência do usuário leva em consideração as necessidades, desejos, habilidades e limitações dos usuários, a fim de melhorar a interação do usuário com um produto. Good UX cria uma experiência agradável que é benéfica para o usuário, bem como para a empresa ou produto.

Como as imagens criam significado?

Em grande parte, as imagens criam significado por meio da associação. Quando uma pessoa vê a foto de um donut, por exemplo, ela associa essa imagem com sua própria percepção dos donuts (sejam eles bons ou ruins). Quando eles veem a imagem de algo desagradável, eles têm associações desagradáveis ​​com essa imagem e vice-versa.