Nesta aula, aprendemos os conceitos de affordance e signifiers, fundamentais no design de interfaces para indicar ações e tornar as interações mais intuitivas. Exploramos exemplos práticos e discutimos como essas ferramentas ajudam a criar uma experiência de usuário mais clara.

Pontos principais da aula:

• O que é affordance?

  • Indica o que um objeto permite fazer.

  • Exemplo: uma alça em um carrinho indica que ele pode ser empurrado.

• O que são signifiers?

  • Sinais visuais ou textuais que deixam os affordances mais claros.

  • Exemplo: o texto "Push" em uma porta para indicar que deve ser empurrada.

• Combinação affordance + signifiers:

  • Affordances mostram possibilidades, enquanto signifiers tornam essas possibilidades explícitas.

• Exemplos práticos:

  • Ícones que sugerem interação (arrastar, clicar, etc.).

  • Cursores e padrões familiares, como botões deslizantes e labels.

• Impacto no design de interfaces:

  • Elementos devem comunicar claramente suas funções para evitar confusão.

  • Ajustes em affordances e signifiers são essenciais para melhorar a usabilidade.

Links extras

• Artigo - Affordances Vs. Signifiers: The importance of affordances and signifiers in user experience.