Affordance no design da interface do usuário

As propriedades de um objeto que permitem sua função.

Affordances de tubos de drenagem de concreto

Breve história

Um dos mais citados psicólogos americanos, James J. Gibson, do Departamento de Psicologia da Universidade de Princeton, realizou um notável trabalho sobre percepção visual e cunhou o termo affordance.

Em seu livro “ A Abordagem Ecológica da Percepção Visual ”, ele explora o tópico em detalhes, você deve ir em frente e pegar sua cópia do livro, caso queira ler livros. Ou você pode continuar lendo esta essência aqui no contexto da experiência do usuário e do design da interface.

O que é affordance?

Affordance descreve todas as ações que são fisicamente possíveis pelas propriedades de um objeto ou ambiente. Uma tampa de rosca em garrafa permite torcer. Uma porta articulada permite empurrar ou puxar. Uma escadaria permite subir ou descer.

Don Norman introduziu o termo affordance affordance em seu livro chamado Psychology of Everyday Things para se referir às ações que um usuário percebe serem possíveis, distintas daquelas que são realmente possíveis.

Aqui está um texto sublinhado . No início, você pode perceber isso como um hiperlink, mas quando você realmente tenta clicar nele; não age como um. Neste caso, não funciona como um hiperlink. É um exemplo de como as affordances percebidas e reais podem ser distintas.

As affordances reais e percebidas devem ser consideradas no design.

As ações desejadas não podem ser executadas se o objeto não permitir, e as ações permitidas podem não ser executadas se o usuário não perceber que elas são possíveis.

Qual dos itens acima você percebe como clicável?

A percepção de um usuário e a compreensão das possibilidades podem variar de acordo com suas habilidades, objetivos, crenças, contexto e experiências passadas. Uma tampa de rosca pode ser um mistério para uma pessoa que não encontrou um antes. Uma escada pode permitir que uma pessoa capaz de subir a um andar superior, mas uma pessoa com pouca mobilidade não pode pagar a mesma ação.

As condições podem ser deliberadamente restritas para permitir apenas as ações corretas ou desejadas. Uma tampa de rosca não pode ser apertada quando a garrafa é lacrada. Uma porta com uma placa em vez de uma alça não pode ser puxada. Um volante de carro não vai mais girar quando as rodas estiverem no limite de seu movimento.

No mundo físico, as cristas ou pontos de uma tampa de garrafa fornecem uma superfície de alta aderência, sugerindo que algum atrito deve ser aplicado. Uma placa plana em uma porta sugere que a porta possa ser empurrada naquele lugar. O volante conectado ao topo da coluna de direção sugere que ele girará em torno desse ponto.

Leve embora

Ao projetar interfaces de usuário e experiências, os designers podem usar sugestões para sugerir ações que são possíveis por um elemento de interface. Uma pilha de cartas permite reorganizar e embaralhar, por exemplo. Um texto sublinhado em uma página da Web sugere que é um hiperlink e pode ser clicado.

Em interfaces de software que gerenciam affordances é crítico, um usuário pode perceber possíveis ações baseadas nas propriedades de objetos de interface. Dar indicações visuais incorretas pode arruinar a experiência do usuário e levar à frustração.

Créditos: Cyber-Duck , Wikipedia

Compartilhe, recomende e fique atento para mais insights sobre o design de produtos digitais. Eu tweet @avadhbsd