Affordance: Propriedades de Interfaces

Prévia do material em texto

AFFORDANCE 
As propriedades fundamentais, que determinam através da percepção e da interação com 
alguma interface em específico que revelam os modos com os quais tal artefato pode, ou não, 
ser manipulado são chamadas de Affordance. 
 
Affordance Real 
Também denominado Affordance Explicito, os Affordances Reais são interfaces que 
necessitam de algum grau intuitivo de observação para que o usuário perceba claramente sua 
funcionalidade. 
Em interfaces humano-computador os affordances reais podem ser observados em 
anúncios e elementos que induzem o usuário a interagir (Call to Action), páginas de login e 
campos de pesquisa. 
Figura 1: Call to Action para resgate de cupom na Shein 
 
Figura 2: Mecanismo de buscas online 
 
Figura 3: Página de Login da Shopee 
 
 
Do mesmo modo, em interfaces não computacionais, os affordances reais podem ser 
encontrados em coisas simples do cotidiano das pessoas, como em cadeiras, baldes e em 
maçanetas de carros e portas comuns. 
Figura 4: Balde 
 
Figura 5: Cadeira 
 
Figura 6: Maçaneta automotiva 
 
 
Affordance Percebida 
Também denominado Affordance Padrão, os affordances percebidos são interfaces que 
se baseiam na memória visual comum para a maioria, exigindo algum padrão visual intuitivo para 
que o usuário perceba sua funcionalidade. 
Em interfaces humano-computador as affordances percebidas podem ser observados nos 
ícones comuns a redes sociais, sistemas de avaliação de produtos e, principalmente, na estrutura 
de sites de compras. 
Figura 7: Categorias da loja Submarino 
 
Figura 8: Avaliações de um produto específico da Amazon 
 
 
Do mesmo modo, em interfaces não computacionais, as affordances percebidas podem 
ser encontrados em coisas simples do cotidiano das pessoas, como em placas de trânsito, 
banheiros públicos e em baralhos para diferenciar os naipes. 
Figura 9: Placas de trânsito 
 
Figura 10: Identificação de banheiros públicos 
 
Figura 11: Naipes de um baralho 
 
 
Affordance Falsa 
São interfaces que de modo intuitivo passam a impressão de possuir uma funcionalidade 
específica, porém esta funcionalidade “intuitiva” não está disponível naquele dispositivo ou está 
sendo utilizada para fins diferentes do sugerido, induzindo o usuário ao erro. 
Em interfaces humano-computador as affordances falsas podem ser observados em links, 
formulários, imagens e botões que parecem ativos, mas que não possuem nenhuma ação, 
associações, contrastes e padrões de cores fora do convencional (vermelho leva a ação e verde 
cancela). 
 
Figura 12: Botão sem ação em imagem de banner 
 
Figura 13: Padrão de cores alterado 
 
Do mesmo modo, em interfaces não computacionais, as affordances falsas podem ser 
encontrados na porta de uma geladeira que foi transformada em quadro de avisos e álbum de 
fotos ou em materiais de escritório (lápis, canetas, entre outros) utilizados como prendedores de 
cabelo e em portas de correr com puxadores comuns. 
Figura 14: Geladeira enfeitada 
 
Figura 15: Lápis utilizados como prendedor de cabelo 
 
Figura 16: Maçaneta em porta de correr