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