Guia para iniciantes da interface do usuário emotiva
Falamos sobre projetar algo que se conecta emocionalmente a um usuário. Essa conexão pode ser um componente essencial para estabelecer confiança e relacionabilidade. É muito mais difícil do que parece. Há tantas coisas a considerar. As emoções são amplas, complicadas e muitas vezes muito difíceis de influenciar ou mudar.
É nisso que vamos pensar hoje. O que é interface do usuário emotiva (ou emocional)? Como você pode criar uma interface de usuário que realmente evoque essa conexão emocional? E isso é algo que você deve considerar com mais cuidado em seu próximo projeto de design?
Explorar recursos de design
O que é a interface do usuário emocional (emocional)?
Nossos e-mails, textos e perfis de mídia social são um vislumbre do mundo da interface do usuário emotiva. Nossas comunicações diárias estão cheias de rostos minúsculos que ajudam a dizer aos outros exatamente o que estamos sentindo.
Uma interface de usuário emotiva é o novo santo graal do design de sites. É a combinação de uma interface que é altamente utilizável e se conecta com pessoas em um nível visceral. Seja deleite, alegria, medo, raiva ou tristeza, as pessoas sentem uma série de coisas ao interagir com um bom design.
Não há nada pior do que um design em que o usuário não sente nada. (Porque eles não se importam.)
Há uma série de emoções a serem consideradas e os usuários podem passar por vários estágios no decorrer da interação. O importante é lembrar que a parte emotiva da equação aparece por causa do conteúdo e do design; faz parte da história que você está contando. A emoção do usuário não deve resultar do uso direto do site ou aplicativo (como a frustração de algo não estar funcionando corretamente).
Como você sabe, somos todos muito complexos. Pode ser difícil para os usuários dizer exatamente o que estão sentindo e se as conexões emocionais estão corretas. Mas existem algumas teorias que podem ajudá-lo.
A emoção "certa"
Sherine Kazim, diretora administrativa de design de experiência da Huge, desenvolveu uma roda de emoções baseada em emoji, baseada na roda de 1980 que muitos designers pensam hoje. A roda é uma combinação da roda de cores padrão e agrega valores emocionais e associações a cada cor. É um bom ponto de partida para entender como as cores podem afetar um design.
Mas a dinâmica de hoje mudou e a sobreposição de emoji de Kazim pode ser uma interpretação mais realista de onde estamos hoje.
Aqui está o que ela disse sobre isso: “Você pode ver no gráfico que há uma dissipação de intensidade que acontece à medida que você avança mais no volante e, no design, ninguém está falando ainda sobre isso. Atualmente, projetamos coisas que fazem as pessoas sentirem emoções básicas - talvez alegria ou tristeza -, mas não falamos sobre como devemos ajustar a interface do usuário de acordo com a forma como as emoções do usuário podem estar se intensificando ou se dissipando. ”
O que tudo isso significa? Basicamente, as emoções são complexas e muito menos diretas do que estamos planejando. Muitos designers usam essa associação vermelha de "raiva" ou "raiva" e correm com ela. Mas não é exatamente assim.
Muito do que realmente entra nessa conexão emocional também se relaciona com o restante do design. Uma cor sozinha não pode fazer isso.
Design Emotion
Então, vamos pensar nessa roda de emojis por um minuto. Há uma enorme vantagem aqui para designers que é mais do que um infográfico legal. O conceito de roda quase define um processo de três partes para pensar no design real que você atribui à emoção que deseja que os usuários sintam.
Os designs mais atraentes usam cores, imagens que incluem rostos e as palavras certas como ferramentas emotivas.
Cor
Comece com o conceito de cores que você já conhece, mas pense nos conselhos de Kazim e considere a natureza intermediária da conexão emocional com os usuários. Somente a cor provavelmente não é suficiente para estabelecer um vínculo emotivo.
A cor é uma boa estrutura para ajudá-lo a pensar e estabelecer uma conexão de linha de base. A associação que você tem a uma cor pode ser diferente da do usuário.
O que você sente ao olhar para a imagem acima? A escolha da cor brilhante é suficiente para provocar uma certa emoção? Ou você tem sentimentos mais neutros até olhar para outras partes do design?
Rostos
Visualmente, sua melhor chance de criar a emoção desejada é usando rostos. Imagens de pessoas exibindo a emoção que você deseja transmitir é a maneira mais eficaz de mostrar aos usuários o que eles devem sentir.
Veja a imagem acima no site Elegant Seagulls. A foto mostra um homem que exibe um grau de surpresa feliz. Você sentiu uma pontada do mesmo? Você sentiu um sorriso no rosto ao olhar para a imagem?
Essa é uma interface de usuário emotiva eficaz. Especialmente se você considerar a próxima ação que tomar. Você passou para o próximo suspeito na sequência apenas para ver o que aconteceria?
Palavras
Finalmente, palavras e linguagem são a técnica de design que une tudo. (Você costuma pensar nas palavras como um elemento de design? Você deveria. As palavras são tão importantes quanto as fontes.)
As palavras são a sugestão final que ajuda o usuário a determinar o que realmente significam a cor e a imagem. (Sim, você realmente precisa explicá-lo para a maioria dos usuários.)
O tom das palavras pode fazer o usuário entender que o conteúdo da interface é suave e leve ou reforçar sentimentos de ansiedade e medo. A maneira como você fala com o usuário, os comandos nos botões de chamada para ação e a narrativa contribuem para essa emoção. Isso cria a cena que você pretende?
Veja o site de roupas de Draper James, por exemplo. A imagem do herói inclui um rosto sorridente e feliz para vender uma linha de "roupas do sul". As cores são brilhantes e convidativas. Agora olhe o texto: "Feliz Outono, pessoal!" Ele desenha uma correlação emocional direta com o que o usuário deve sentir ao interagir com esse design. (A questão maior aqui é de audiência. Esse tipo de emoção pode realmente afastar alguns usuários? Isso é para você decidir.)
Conclusão
Embora a conversa sobre projetar em um nível emocional não seja nova, a conversa está voltando à tona graças a mudanças na tecnologia. A realidade virtual e a inteligência artificial nos deixam com muitas perguntas sobre o futuro dos designs de interface. Eles terão que ser ainda mais humanos para trabalhar?
Com esses conceitos, os usuários provavelmente exigirão uma experiência "real" e a emoção é uma grande parte disso. É o fio que trará as pessoas de volta a esses dispositivos e idéias emergentes. Prepare-se para um passeio muito louco!
