Affordance e Design

Prévia do material em texto

Mapa Mental - Affordance
■ O que é affordance?
Affordance é basicamente a “dica de uso” que um objeto ou interface dá para você entender como
usá-lo.
■ Não é só o objeto em si, mas a relação entre:
- o que o objeto “parece permitir”
- e o que você consegue fazer com ele
Exemplo fácil:
- Uma cadeira “diz” que serve para sentar
- Uma maçaneta “diz” que pode ser girada ou puxada
- Um botão de app “diz” que pode ser clicado
■ Ou seja: você olha e já entende o que fazer.
■ Importante (Don Norman)
1. Affordance = possibilidade real de ação (ex: dá pra apertar o botão)
2. Significante = pista visual que indica a ação (ex: botão parece clicável)
■ Resumo:
- Affordance = possibilidade
- Significante = pista visual
■ Exemplo porta de vidro
- Você não sabe se empurra ou puxa
- Affordance existe, mas o significante é ruim
■ Resultado: confusão
■ Tipos de affordance
1. Perceptível
Você entende facilmente o que fazer
✔ botão claro “clique aqui”
2. Escondida
Existe, mas não é óbvia
■ função só aparece ao passar o mouse
3. Falsa
Parece que funciona, mas não funciona
■ texto sublinhado que não é link
■ Problema: gera frustração
■ No digital
- botão muda de cor
- ícone de lixeira = apagar
- ■ hambúrguer = mais opções
- som de notificação = alerta
■ Ideia principal
Um bom design faz o usuário entender sozinho:
- sem manual
- sem dúvida
- sem confusão