Pular para o conteúdo
Same Brain
Anterior Navalha de Occam Próxima Estado de flow ← Emoção e estética

efeito

Efeito da usabilidade estética

Usuários frequentemente percebem design esteticamente agradável como design mais utilizável.

Kurosu; Kashimura, 1995

Não refine a estética antes de validar o conceito, o acabamento esconde o defeito.

Uma tela bonita parece funcionar melhor do que funciona. Masaaki KurosuMediu, com Kashimura, que telas mais bonitas são julgadas mais fáceis de usar mesmo quando não são. O efeito da usabilidade estética.Uma referência neste trabalho:1995Apparent usability vs. inherent usabilityVer na bibliografia → e Kaori Kashimura mostraram isso em 1995 pedindo a 252 pessoas que avaliassem 26 layouts de caixa eletrônico: o quanto cada um parecia fácil de usar acompanhou de perto o quanto ele parecia bonito, e muito menos o quanto ele de fato exigia menos operações. Ninguém chegou a usar as máquinas, e o que foi medido foi julgamento. Isso tem um lado bom, o acabamento compra paciência para pequenos defeitos, e um lado que atrapalha o trabalho, porque a beleza esconde o defeito também de quem está testando. É o argumento mais forte para validar o conceito antes de refinar a estética, e não depois.

O que o cérebro faz com isso

O mecanismo biológico por trás do efeito, e o quanto dele foi de fato medido.

O efeito é comportamental, e o que ele descreve é o julgamento: telas mais bonitas costumam ser julgadas mais fáceis de usar. Isso não é consenso fechado, e o resultado muda quando alguém manipula as duas coisas de propósito em vez de correlacionar julgamentos. TuchUma referência neste trabalho:2012Is beautiful really usableVer na bibliografia → e colegas montaram em 2012 quatro versões de uma loja, cruzando estética alta e baixa com usabilidade alta e baixa, e não acharam efeito da estética sobre a usabilidade percebida. O que acharam foi o caminho inverso, com a usabilidade mudando a estética percebida depois do uso. A explicação com mais apoio é cognitiva, e não anatômica, e tem nome, fluência de processamento. Aquilo que o sistema visual processa com menos esforço é sentido como mais fácil, e esse sentimento é atribuído ao objeto em vez de ao próprio processamento. RuiRevisou os estudos de EEG e fMRI sobre processamento estético em interface, que sustentam a página de Emoção e estética.Uma referência neste trabalho:2021A review of EEG and fMRI measuring aesthetic processing in visual user experience researchVer na bibliografia → e Gu revisaram o que EEG e fMRI já mediram sobre julgamento estético de interface, então imagem cerebral do assunto existe. O que ninguém mediu com imagem é a dissociação que dá nome ao efeito, a beleza puxando a usabilidade percebida para longe da usabilidade medida. Julgar uma tela como bonita é atribuir valor, e a valoração aparece de forma consistente no córtex pré-frontal ventromedialFaz o julgamento global, a opinião final sobre uma experiência inteira, e não sobre cada momento dela. É por causa dele que a pessoa resume um fluxo de dez telas numa frase só.Ver em Emoção →Ver no glossário → e no estriado ventralParte do circuito de recompensa que contabiliza ganho e perda. Reage mais forte a perder do que a ganhar a mesma quantidade — a assimetria que está por trás de boa parte dos vieses de decisão deste catálogo.Ver no glossário →, num levantamento de 206 estudos de imagem (BartraUma referência neste trabalho:2013The valuation system: a coordinate-based meta-analysis of BOLD fMRI experiments examining…Ver na bibliografia →, McGuire e Kable, 2013). A ligação entre essas estruturas e este efeito é minha.

O corpo que esta lei presume

Em quem isso foi medido, e o que muda quando o corpo do outro lado é outro.

Ver a tabela completa →

uma viauma cultura

A suposição fácil é que, sem tela, não há estética, e que portanto o efeito não teria onde acontecer. SharifMediu a Lei de Fitts nas mesmas 55 pessoas em dois dias diferentes, com e sem limitação motora fina, e deu estatisticamente diferente nos dois grupos. É dele também a conta de quanto custa ler um gráfico por leitor de tela, e o teste de quais sons funcionam melhor nessa leitura.3 referências neste trabalho:2020The reliability of Fitts’s law as a movement model for people with and without limited fin…2021Understanding screen-reader users’ experiences with online data visualizations2022“What makes sonification user-friendly?”: exploring usability and user-friendliness of son…Ver na bibliografia → e colegas foram medir em 2022 com dez usuários de leitor de tela, pedindo que avaliassem as respostas sonoras de um gráfico em quatro escalas. A agradabilidade foi a única escala que variou de forma significativa com o tipo de som, e quem agradou mais foi o picotado, de onda quadrada. A confiança foi na mesma direção e a clareza foi na direção oposta, melhor no dente de serra, mas nessas duas a diferença não passou no teste estatístico, e os próprios autores dizem isso. Fica como indício, e não como resultado: o que soa melhor pode não ser o que se entende melhor, e é essa a dissociação que o efeito descreve, numa interface que não tem imagem nenhuma. Falta um passo para chamar de prova, porque ninguém comparou ainda desempenho medido contra julgamento na mesma tarefa. E “bonito” segue sendo cultural antes de perceptivo, porque branco é luto em boa parte do oriente e casamento no ocidente, e a mesma tela muda de significado ao cruzar a fronteira.

Como o design traduz

O que fazer com isso numa tela, sem transformar um achado em regra.

A tolerância que a estética compra tem limite. Se um botão essencial estiver escondido, o choque entre expectativa estética e frustração funcional reforça a memória negativa. Há um uso invertido e pouco explorado: não refinar esteticamente as telas enquanto se testa o conceito, para que a aparência resolvida não contamine o teste de usabilidade. O mesmo vale para apresentações internas, onde slides bonitos mascaram erros e levam a decisões ruins.

Onde isso quebra

Onde a lei não vale, vale menos, ou vale ao contrário.

O mesmo efeito faz um produto bonito e ruim passar na avaliação, e o defeito só aparece depois, quando alguém precisa usar aquilo todo dia.

Neuromitos associados

O que circula por aí sobre este conceito, e o que a evidência de fato mostra.

  • Dopamina é a molécula do prazer: uma interface bonita libera dopamina.

    — dizem por aí

    A dopaminaO sinal químico da recompensa e da antecipação. Não é a molécula do prazer, e sim a do “vale a pena buscar”, por isso a expectativa costuma puxar mais comportamento que a entrega.Ver em Emoção →Ver no glossário → codifica erro de previsão: sobe quando algo é melhor do que o esperado, cai quando é pior, fica neutra quando é exatamente o previsto. Ela move em direção a, mais do que faz gostar de. Diante de "esse recurso libera dopamina", a pergunta útil é: comparado a qual expectativa?

  • Cores têm efeito psicológico universal: azul transmite confiança, vermelho gera urgência.

    — dizem por aí

    Os efeitos relatados são pequenos, dependem de contexto e de cultura, e não replicam de forma consistente. O que funciona com robustez é contraste e consistência de significado dentro do seu próprio produto, que você define, e não herda de uma tabela.

Um caso

Um produto de verdade em que isto apareceu, com o que aconteceu e onde conferir.

O mouse que não pode ser usado enquanto carrega

Magic Mouse 2 de barriga para cima sobre uma mesa de madeira, com o cabo branco de recarga encaixado na porta que fica na parte de baixo do mouse.
O Magic Mouse 2 carregando, e portanto fora de uso
Foto de Syced · via Wikimedia Commons · CC0 1.0

O Magic Mouse da Apple tem a porta de recarga na parte de baixo. Enquanto o cabo está ligado, o mouse fica de barriga para cima e não funciona, e a operação mais básica dele é interrompida pela decisão de manter a superfície de cima limpa. O desenho é piada antiga na internet e continuou de pé. Quando a Apple trocou o conector por USB-C, em outubro de 2024, a porta seguiu embaixo. Ninguém mediu tolerância aqui, e a ponte é minha: o que o efeito descreve é a estética comprando paciência para o defeito funcional, e este defeito atravessou anos de piada e uma troca de conector sem ser corrigido.

MacRumors, 2024

Experimente

Uma peça para conferir no seu próprio corpo o que o texto acabou de afirmar.

Qual dos dois é mais fácil de preencher?

Dois formulários de cadastro. Preencha um pouco de cada, do jeito que quiser, e escolha o que pareceu mais fácil. Depois revele a diferença entre eles.

Formulário A

Formulário B

Qual é mais fácil?

Os dois têm os mesmos três campos, os mesmos rótulos, a mesma ordem e o mesmo botão. A única diferença é o acabamento. Quando o B parece mais fácil, o que foi medido foi o acabamento junto com o fluxo, e é isso que acontece em todo teste feito num protótipo bonito: os dois entram na mesma nota, e ninguém sabe quanto é de cada um.

Conceitos vizinhos

Estruturas ligadas por ponte minha

Conceitos irmãos

Fontes

Enunciado citado de Kurosu; Kashimura, 1995.

  • KUROSU, M.; KASHIMURA, K. Apparent usability vs. inherent usability. CHI ’95 Conference Companion, p. 292-293, 1995. DOI

Leitura complementar: Aesthetic-Usability Effect Laws of UX em inglês

Ver a bibliografia completa do trabalho →