Affordances

em interfaces
de sistemas
Uma apresentação baseada no artigo
TECHNOLOGY AFFORDANCES de William W. Gaver

Loyslene
Valentyna
Vanessa
 Portas:
Maçanetas verticais finas indicam que deve

O que são
ser uma porta que se abre puxando
enquanto as portas com placas horizontais
planas indicam que a porta deve ser
empurrada

affordances?
São propriedades ou características de
um produto que determinam a forma que
ele deve ser usado. Podemos dizer
também que são pistas que indicam a
possibilidade uma ação, através de uma
percepção imediata, sem necessidade de
uma explicação prévia.
Botões:
Em um elevador por exemplo, o botão, só de
estar ali, já indica que ao ser apertado,
chamará o elevador.
Cadeiras:
Uma cadeira, independente do seu modelo,
já indica que ela foi criada, para alguém
poder sentar.
 Ok! Mas o que isso tem a ver com
interface de softwares?

O que é verdadeiro para maçanetas de

portas, cadeiras e botões de
elevadores, deveria ser verdadeiro
para interfaces também.

Assim como as possibilidades das maçanetas das portas

implicam na forma de abri-las, o design dos botões devem
indicar que eles poder ser clicados.
tradução:

Os botões da tela parecem sobressair do fundo, eles indicam

Existem diversas técnicas de design que induzem a que devem ser "apertados", mas não indicam que podem ser
pessoa a perceber que aquele elemento é um botão: movidos ou editados

Como ele parecer sobressair da tela,

Mudar de cor ao passar o cursor por cima, ou
Ter sombras.
 Algumas affordances foram sendo
construídas com o tempo.

Nem tudo o que é "óbvio" hoje, sempre

foi visto assim.

Um dos exemplos trazidos no artigo, cita as barras de

rolagem do Macintosh e do Smalltalk 80. Essas foram
umas das primeiras tecnologias que introduziram as
interfaces gráficas aos sistemas e computadores.
Enquanto a barra de rolagem do Mac já te induz a
clicar e arrastar, a do Smalltalk requer que você passe
o mouse sobre a barra, para então alterar o cursor
escolhendo uma direção para rolar a página.
scrollbar Macintosh e Smalltalk
 Entender se uma ação deu
certo ou errado

Affordance não precisa

necessariamente ser
visual Saber se um texto pode ser
selecionado para ser copiado

Affordances podem ser percebidas através de outros

sentidos, como por exemplo a audição. Pensando em
sistemas um som pode te levar a...
Indicar que um botão não pode ser
clicado
 Conclusões
O êxito de uma affordance é determinada por:
Propriedades do objeto, e
Pelas habilidades/background da pessoa que
interage com ele.

Explorar affordances no mundo digital é uma das formas

mais efetivas de gerar uma boa experiência pela sua
atuação direta no lado intuitivo da mente do usuário.

Este conhecimento nos permite focar não apenas em

TECNOLOGIAS ou USUÁRIOS, mas sim nas
INTERAÇÕES FUNDAMENTAIS entre os dois.