Interface, interação e Affordance

Prévia do material em texto

Interface, interação e Affordance
Apresentação
Agradar e satisfazer aos usuários e suas necessidades deve ser sempre o objetivo principal do 
design da interface, desde a sua concepção. O conhecimento e as tecnologias disponíveis devem 
ser aplicados na interface pela equipe de designers de tal modo que atendam aos interesses de 
quaisquer tipos de usuários, independentemente de suas características pessoais, para que eles 
consigam desfrutar da interação com a interface. 
Nesta Unidade de Aprendizagem, você vai estudar os conceitos de interface, interação e 
affordance, os tipos de interface e a qualidade em interação humano-computador (usabilidade, 
acessibilidade e comunicabilidade). 
Bons estudos.
Ao final desta Unidade de Aprendizagem, você deve apresentar os seguintes aprendizados:
Definir interface, interação e affordance. •
Classificar os tipos de interface. •
Descrever a qualidade em IHC (usabilidade, acessibilidade e comunicabilidade). •
Desafio
Com o desenvolvimento da tecnologia, o propósito das interfaces passou a ser, além de atingir os 
objetivos para os quais se destinam, se adaptar e se moldar aos usuários que as utilizam, para que 
assim possam proporcionar maior satisfação durante a realização das atividades.
Para esse desafio, considere que você vai trabalhar com seus colegas de equipe de design em um 
artefato gerenciador da parte de cursos internos de uma empresa cliente. Os usuários desse 
artefato, funcionários da área de treinamento, são deficientes visuais. No entanto, essa limitação 
não deverá impedi-los de maneira nenhuma de utilizar a interface e realizar o seu trabalho 
normalmente.
Sendo assim, conhecendo sobre os diversos tipos de interface disponíveis para desenvolvimento, 
responda:
a) Qual tipo de interface você sugere para esse caso, levando em conta as limitações físicas dos 
usuários, e por quê?
b) Que tipo de equipamento deverá ser utilizado?
Infográfico
Os termos interface, interação e affordance estão todos relacionados à interação humano-
computador. No entanto, não são sinônimos. Cada um deles tem um conceito bem diferente.
Confira, no Infográfico a seguir, quais são as principais diferenças entre os termos e como são 
aplicados.
Aponte a câmera para o 
código e acesse o link do 
conteúdo ou clique no 
código para acessar.
https://statics-marketplace.plataforma.grupoa.education/sagah/7e641e77-9a00-42a4-9996-c51b3672aeb8/f901da01-0bde-4578-a139-e8ae34169a29.jpg
Conteúdo do Livro
A era tecnológica vem ganhando cada vez mais espaço, tornando-se mais presente no cotidiano das 
pessoas. Assim, é preciso estar atento à funcionalidade desses serviços para que se possa tornar 
essa experiência mais proveitosa. Atualmente, a legislação dos países passou a estabelecer que 
sejam incluídos nos projetos das interfaces todos os usuários, incluindo pessoas com deficiência. 
Em vista disso, é importante que os designers entendam que as soluções de interação humano-
computador idealizadas devem ser voltadas especificamente para os interesses dos usuários.
No capítulo Interface, interação e affordance, da obra Interface humano-computador, que é a base 
teórica desta Unidade de Aprendizagem, você vai estudar os conceitos e os tipos de tecnologias 
disponíveis, além da qualidade em interação entre humanos e máquinas (usabilidade, acessibilidade 
e comunicabilidade).
Boa leitura.
INTERFACE 
HUMANO-COMPUTADOR
Fabrício Felipe Meleto 
Barboza
Interface, interação 
e affordance
Objetivos de aprendizagem
Ao final deste texto, você deve apresentar os seguintes aprendizados:
  Definir interface, interação e affordance.
  Classificar os tipos de interface.
  Descrever a qualidade em interação humano-computador (IHC) — 
usabilidade, acessibilidade e comunicabilidade.
Introdução
O design da interface que será utilizada para a IHC deve ser pensado, 
desde a sua concepção, em agradar aos usuários.
O trabalho da equipe de designers é aplicar o seu conhecimento e as 
tecnologias disponíveis no mercado para satisfazer aos interesses que os 
usuários têm com a utilização do artefato, possibilitando que qualquer 
tipo de usuário, independentemente de suas características pessoais, 
consiga desfrutar da interação com a interface.
Neste capítulo, você vai estudar os conceitos de interface, interação 
e affordance, os tipos de interface e a qualidade em IHC (usabilidade, 
acessibilidade e comunicabilidade). 
Interface, interação e affordance
Até a década de 1990, muitos designers de interação tinham uma preocupação 
referente ao desenvolvimento de interfaces do usuário que fossem efi cientes e 
também efi cazes, para computadores e desktops destinados a um único usuário 
(ROGERS; SHARP; PREECE, 2013).
Essa preocupação também envolvia questionamentos como a melhor forma 
de poder apresentar essas informações em uma tela, tornando o usuário passível 
de poder executar as suas tarefas. Dentre essas tarefas que estavam sendo 
pensadas e desenvolvidas, estavam presentes estruturar um menu de fácil 
navegação e projetar alguns ícones e também outros elementos gráficos que 
pudessem ser facilmente reconhecidos e diferenciados entre si. 
Um conceito mais amplo atribuído à interface é pensar que é todo sistema 
em que o usuário mantém um contato físico, sendo ele motor ou até mesmo 
perceptivo. Naturalmente, a partir disso deve-se lembrar que todo esse sistema, 
de maior e menor forma, conta com uma interação humana sobre a máquina. 
É preciso que o usuário acione de alguma forma algum comando que dê início 
no sistema. Pode-se pensar no controle remoto, no qual o usuário pressiona 
um botão e, a partir daí, ele tem a reação que deseja do sistema. 
Deve-se lembrar que as tecnologias em si vêm apresentando uma vasta 
gama de avanços, e o que há muito foi idealizado, como o telefone, hoje é 
uma realidade possível em que a sociedade está inserida. Isso tudo é pensado 
também pela perspectiva da IHC.
São diversos os adjetivos utilizados para descrever as diferentes formas de 
interfaces existentes. Dentre essas formas, encontram-se gráficos, comados de 
voz, multimodal, invisível, móvel, tangível, inteligente, natural e sem toque. 
Naturalmente, cada um dos tipos tem uma função específica atribuída a ele. 
Deve-se levar em conta o fato de que essa classificação tem relação com a 
sua conveniência. 
As interfaces, nas suas mais variadas formas e finalidades, podem ser facilmente en-
contradas no cotidiano. Se for levado em consideração o fato de que ao utilizar o 
telefone ele é acionado por meio da tela touch screen, já temos um tipo de interface 
e um tipo de comando.
Outra situação pontual é a utilização de um controle remoto quando o usuário o 
aciona de modo a ligar uma televisão, trocar de canal, etc.
Ao perceber que as interfaces estão em todo lugar, é possível perceber que 
qualquer tipo de situação corriqueira pode trazer a teoria para a vida cotidiana, 
possibilitando a sensação também de interação entre o homem e a máquina. 
Muito embora os estudos estejam avançando e por consequência as tecno-
logias, ainda é difícil encontrar uma máquina completamente independente 
e que funcione de forma autônoma, sem a interação do homem (ROGERS; 
SHARP; PREECE, 2013).
Interface, interação e affordance2
Para entender melhor a definição de interação, pode-se pensar no sentido 
que há na própria palavra, no ato de interagir. É dessa forma que se dá a relação 
entre humano e máquina nas suas mais diversas áreas. 
Um exemplo claro de interface que necessita obrigatoriamente de interação para 
funcionar é o celular ou smartphone.
Embora o celular seja uma tecnologia com aplicativos dentre outros recur-
sos, é necessário que haja o contato do humano para dar o comando. Já outras 
tecnologias, como o relógio digital, por exemplo, não foram programadas de 
modo a depender da interação humana.
Naturalmente, deve-se ter claro que, muito embora algumas tecnologias 
tenham sido feitas para serem mais independentes, tudo dependerá da forma 
como o humanoirá manusear o produto o qual tem contato.
O design de interação foi pensado para que se pudesse melhorar a rela-
ção entre o usuário e a tecnologia, deixando a relação entre ambos o menos 
frustrante possível, dando assim maior conforto a quem se beneficia de tal 
instrumento digital.
Uma das maiores preocupações nas situações de interação é poder fazer com 
que os produtos sejam interativos e também funcionais no cotidiano, visando 
sempre a proporcionar ao usuário uma experiência agradável e satisfatória.
Esses aspectos são de extrema importância para que se possa avaliar se o 
produto é ruim ou bom. Pode-se associar justamente a eficácia que eles têm 
quando entregam ao usuário o que é proposto.
Deve-se pensar em alguns aspectos para considerar isso. Um deles é se o 
usuário se sentiu satisfeito com a interação. Outro ponto é se o produto teve 
a finalidade atingida e também se desperta no usuário o interesse em voltar 
a utilizar aquele produto. 
Fica novamente posto aqui a importância que há sobre compreender os 
aspectos humano-máquina. É a partir da interação que se pode acionar co-
mandos que propiciem ao usuário chegar à finalidade desejada.
Como uma forma de tornar mais claro esse entendimento, pode-se imaginar 
o seguinte: anteriormente, os sistemas de fábricas tinham uma dependência 
muito maior da interação do homem sobre as máquinas que ali estavam postas.
3Interface, interação e affordance
Era preciso que o homem acionasse a máquina diretamente no sistema 
aberto de engrenagens. Essa mudança pode ser observada com o passar do 
tempo, pois agora é possível fazer as máquinas funcionarem simplesmente 
acionando um botão disposto em um painel de controle. 
O termo affordance, por sua vez, faz menção ao potencial de um objeto de ser 
usado como foi projetado para ser usado (ROCHA; BARANAUSKAS, 2003). 
Um exemplo que deixa claro o conceito de affordance, e mais simples de entender, 
é o de uma porta com maçaneta. Olhando-se para esse cenário, parece que a única 
possibilidade de interação é mexer a maçaneta.
Naturalmente, mexer a maçaneta quando estamos diante de uma porta 
fechada com maçaneta não é a única forma possível de interação, mas é a 
sua affordance mais forte. Ou seja, é o seu maior potencial de ser usado para 
aquilo que foi projetado. 
Tratando-se de um ambiente virtual, a affordance é considerada pelas suas 
representações gráficas, e também pelas suas metáforas.
Existem alguns tipos de affordance, como a explícita, a convencional, a 
oculta e a metafórica.
A affordance explícita é caracterizada por uma linguagem verbal, como 
clique aqui, muito corriqueiramente presente em diversos artefatos e sites de 
internet. Ela é considerada explícita porque qualquer tipo de usuário pode 
entender a forma de interagir, sem que seja necessário que o usuário tenha 
um vasto conhecimento prévio, basta seguir as instruções verbais que estão 
disponíveis.
Existe também o tipo convencional. Esse é um tipo bem comum e pode-se 
encontrar de forma muito simples ao acessar algum site. Quando o usuário 
vê uma palavra sublinhada, entende que, clicando sobre ela, pode ter acesso 
a um novo link.
Outra forma de encontrar esse tipo de affordance é quando o usuário está em 
um site e sabe que, clicando no logo, pode voltar para a parte inicial desse site.
É possível também deparar-se com o tipo de affordance oculta. Ela recebe 
esse nome porque não está completamente explícita. É o caso daquelas palavras 
que viram links quando se passa o cursor do mouse sobre elas. 
Interface, interação e affordance4
Essa affordance oculta tem por objetivo tornar o produto menos poluído 
visivelmente, como no exemplo de que somente ao passar o cursor sobre uma 
determinada imagem revelam-se comandos, tais como salva a imagem ou 
compartilhar. 
Uma affordance bem comum de ser encontrada no cotidiano é a metafórica. 
Esta é facilmente encontrada em dispositivos como celular, por exemplo. 
Quando o usuário vê o símbolo do envelope, logo associa ao envio de e-mail, 
ou então quando vê o símbolo do telefone pensa em ligação. 
Com todos esses tipos de affordance, pode-se ter a certeza de que todas 
as pessoas diariamente lidam com todas essas formas, sem se darem conta 
(ROCHA; BARANAUSKAS, 2003).
Os tipos de interface
Como, desde sempre, existiu a preocupação de desenvolver tipos de interface 
que correspondessem a um ideal de funcionamento, foi necessário classifi cá-
-las em tipos. Naturalmente, cada um dos tipos de interface corresponde a 
um padrão distinto de funcionamento (ROGERS; SHARP; PREECE, 2013).
  Baseada em comando: quando a interface é baseada em comando, 
significa dizer que ela é acionada por meio de um comando especial, 
feito no teclado. Um exemplo disso é o Shift + Alt + Ctrl. Existem 
alguns comandos que também são representados com uma tecla apenas, 
como a desfazer. É importante destacar que a maioria das interfaces de 
comando acabou sendo substituída por interfaces gráficas que estão re-
presentadas em comandos como menu e ícones. A interface de comando 
segue ainda sendo utilizada quando o usuário acredita que possa ser 
uma forma mais eficaz e mais rápida de acionar o comando que deseja.
  WIMP e GUI: foi por meio dessas interfaces que se pôde criar novas 
formas de design da interface visual, o que incluiu também tipografia 
e imagem, bem como o uso de cores. O que levou ao desenvolvimento 
da interface WIMP, foi a interface Xeros Start e, posteriormente ao 
WIMP, foi desenvolvida a interface GUI, com alguns aprimoramen-
tos. A primeira geração da WIMP implicava em o usuário interagir 
por meio de uma combinação de janelas, barra de rolagem, caixa de 
seleção, painéis, dentre alguns outros. O que havia de básico no WIMP 
ainda é uma parte integrada do GUI, embora tenha se desenvolvido em 
variadas formas e números. 
5Interface, interação e affordance
  Multimídia: o próprio nome já sugere ser a combinação de distintos 
meios de comunicação dentro de uma mesma interface, por exemplo 
gráficos, áudios, textos, conectando todos eles por interatividade. Ela 
difere da forma como uma televisão funciona, e isso fica claro da 
seguinte forma: o usuário pode clicar em um link e abrir um site de 
música que rode o videoclipe desta, podendo manusear simultaneamente 
outras janelas sem que a música necessariamente pare de tocar, ou o 
clipe de rodar. A ideia da multimídia também vem de poder tornar mais 
prazerosa ao usuário a ideia de poder ler, ouvir e ver de fora simultânea, 
ao passo que isso não seria possível em uma mídia isolada, como é o 
caso do livro. Uma interface que mescla todos esses tipos de recursos 
possibilita que pessoas com limitações, por exemplo, na visão, utilizem 
recursos de áudio para suas atividades.
  Realidade virtual: utiliza-se de simulações gráficas para desenvolver 
um ambiente virtual que possibilite ao usuário a ideia de uma interação 
com o ambiente sintético ali proposto. Também conhecida pela sigla RV, 
a realidade virtual dá ao usuário justamente a sensação de participação 
em um ambiente de simulação virtual, proporcionando a sensação de 
interação no usuário. A utilização de óculos 3D também faz parte 
desse universo da RV, pois ele também faz com que o usuário sinta-se 
interagindo com objetos virtuais. É importante destacar que esse tipo 
de situação permite que o usuário tenha um sentido de presença, e 
por essa palavra deve-se entender que é um estado psicológico que dá 
sentido a estar presente em uma realidade virtual.
  Visualização da informação: compostas por gráficos de dados com-
plexos gerados por computador, que são interativos e dinâmicos. Tem 
como objetivo poder ampliar a cognição humana, tornando possível 
ao usuário identificar padrões, tendências e até mesmo anomalias na 
visualização, podendo até mesmo ter um insight. A maneira mais comum 
que se tem de encontrar a representação dessa técnica é por meio dos 
mapas interativos 3D. 
  Web: inicialmente, os primeiros sites eram vastamente cheios de textosque disponibilizavam links para que o usuário pudesse acessar outras 
páginas. Muitos web designers, a partir da década de 1990, passaram 
a se dedicar justamente a tornar os sites esteticamente melhores, de 
forma a ter fácil manutenção e serem mais fáceis de utilizar. Tinham 
por objetivo tornar as páginas mais atrativas e que pudessem ser iden-
tificadas de forma fácil quando o usuário voltasse a elas. A partir de 
alguns estudos, se pensava na maneira e na forma que o usuário iria 
Interface, interação e affordance6
acessar ao site, definindo a melhor forma de poder tornar essa nave-
gação mais agradável. Chegou-se a um entendimento de que o usuário 
não necessariamente irá atentar-se a todo o conteúdo que tem naquela 
página, ele irá buscar apenas o link que lhe interessar, ou então acessar 
o link que o leve diretamente ao que ele está buscando. Foi a partir dos 
anos 2000 que o web designer passou a decolar, pois a partir desse 
momento foi possível tornar o ambiente mais interativo, parecendo até 
mesmo com um ambiente de multimídia. 
  Eletrônicos de consumo e eletrodomésticos: eletrônicos e eletrodo-
mésticos incluem máquinas que existem no cotidiano e são fáceis de se 
manusear e encontrar, tais como máquina de lavar, aparelho de DVD, 
controles remotos, etc. Todos têm em comum o fato de que o usuário 
os utiliza em um curto espaço de tempo e servem para realizar uma 
tarefa bem específica. Por serem máquinas com objetivos práticos e 
rápidos, torna-se pouco provável que o usuário tenha interesse muito 
complexo sobre as formas de funcionamento desse tipo de aparelho.
  Orientada à fala: nesse tipo de interface, o usuário fala com o sistema 
quem tem essa aplicação com linguagem falada. Pode-se encontrar isso 
em algumas situações bem corriqueiras, como o horário do trem, um 
serviço de telefone, em que são utilizadas opções específicas, como 
o tempo que o voo levará para chegar, ou para comprar um bilhete 
de embarque por telefone. É uma interface que se baseia num tipo de 
conversação, na qual os usuários podem “falar” e “ouvir” a interface. 
Muitos sistemas estão se utilizando atualmente essa interface, como é o 
exemplo de aplicativos empresariais que fornecem serviços por meio do 
telefone. Sistemas que permitem ao usuário falar e a fala transformar-se 
em texto, também contam com esse tipo de interface. Isso facilita muito 
a vida de usuários que têm algum tipo de deficiência, pois, por meio 
da fala pode-se fazer um reconhecimento de voz, tornando possível 
que os usuários acessem as suas tecnologias com maior segurança. 
O sistema de fala inclui também o acionamento de luzes por meio da 
fala, por exemplo, mas é mais incomum de ser encontrado no dia a dia. 
  Caneta: sistemas que se baseiam nesse tipo de interação dão ao usuário 
o poder de desenhar e escrever utilizando uma caneta que transmite as 
informações para computadores, por exemplo. 
  Toque: atualmente existem diversos tipos de produtos que têm sen-
sibilidade ao toque, como é o caso de celular touch screen e também 
dos tablets. Alguns notebooks também já contam com esse recurso 
tecnológico, além de acessórios como o teclado em Braille para cegos.
7Interface, interação e affordance
  Orientada a gestos: com o avanço tecnológico e o aprimoramento 
de aparelhos, hoje já é possível fazer com que câmeras reconheçam 
mãos e braços de pessoas, bem como o rosto delas. Outra utilização 
também para essa interface é referente a jogos interativos, em que o 
usuário se torna um personagem do jogo. Isso ocorre em razão do fato 
de que a câmera captura as medidas do jogador e transporta isso para 
dentro do jogo. 
  Hápticas: oferecem ao usuário um feedback tátil. Isso ocorre por meio 
de uma vibração, como a vibração do celular. Isso também é bastante 
visto em consoles de videogames. 
  Multimodal: é uma interface um pouco mais complexa, pois abrange 
algumas áreas como tato, audição, gestos, fala. Esse recurso possibilita 
ao usuário ter uma interação humano-máquina mais semelhante à que se 
tem no mundo real, por isso é uma interface mais completa e integrada. 
  Compartilhável: como o próprio nome sugere, é projetada para ser 
utilizada por mais de um tipo de pessoa. Oferece recurso de uso si-
multâneo com mais de uma entrada, possibilitando que até mesmo 
um grupo de usuários utilize o mesmo produto. Uma vantagem é que 
possibilita que um grupo de pessoas trabalhem em um mesmo projeto 
de distintos lugares, por exemplo.
  Tangível: nessa interface é possível fazer com que diversos objetos 
como tijolos, cubos, círculos possam ser representados de forma digital. 
Muitos dos projetos baseados em interfaces tangíveis têm por objetivo 
central poder fazer com que o meio de aprendizagem seja mais interativo 
e atrativo par ao usuário. 
  Realidade aumentada e mista: é uma interface facilmente encontrada 
que pode ser vista quando se tem um texto apresentado por meio de um 
projetor. Pode-se encontrar facilmente essa interface para apresentações 
de palestras e também para finalidades acadêmicas, por exemplo. Outra 
maneira de observar e se utilizar dessa interface é quando o usuário 
guia-se utilizando o mapa no seu telefone, pois o mapa está sobreposto 
à própria rua onde o usuário se encontra.
  Vestíveis: essa interface dá ao usuário a possibilidade de ter acesso 
a informações sobre uma determinada pessoa estando na presença 
desta. Sobre esse aspecto, pode-se pensar em duas pessoas que estão 
conversando frente a frente, e uma delas acessa a rede social da outra. 
  Robôs: essa interface é mais facilmente encontrada em um contexto 
fabril, considerando que alguns robôs podem desempenhar algumas 
funções consideráveis dentro desse ambiente. Existem também robôs 
Interface, interação e affordance8
domésticos que auxiliam em situações de jardinagem, por exemplo. 
Tem-se desenvolvido essa tecnologia para que ela consiga auxiliar 
pessoas idosas ou até mesmo com alguma deficiência. 
  Cérebro-computador: essa interface possibilita que as ondas cerebrais 
dos usuários sejam lidas e assimiladas pela máquina a qual ele está 
conectado. Ela é utilizada para vários estudos de relação cognitivo-
-sensório-motor. Isso ocorre porque toda vez que pensamos e nos mo-
vemos ativamos regiões com neurônios específicos para desempenhar 
esse comando.
A qualidade em IHC (usabilidade, acessibilidade 
e comunicabilidade)
Primeiramente, deve-se estar atento ao que se refere à sigla IHC. Ela diz respeito 
a todo e qualquer tipo de interação humano-computador ou máquina, pois a 
sigla também pode ser referenciada como IHM. Nota-se que existem várias 
formas de interação, das que necessitam maior demanda do usuário, até as que 
necessitam menor interação do usuário (ROCHA; BARANAUSKAS, 2003). 
Para isso, existe uma vasta gama de interfaces que justamente dão conta 
de atender a cada uma das necessidades específicas dos usuários. 
Atenta-se para o fato de que, inicialmente, contava-se com a operação de 
máquinas. A indústria contava com os mais diversos tipos de maquinários e 
nelas muitas engrenagens. Com o avanço da tecnologia e das pesquisas, hoje o 
homem interage com essas máquinas, não só nas indústrias, mas em todo o lugar.
Já não se tem mais o ambiente de fábricas como se tinha em tempos remo-
tos. Atualmente esse sistema tornou-se muito mais modernizado e até mesmo 
menos insalubre para quem lida diariamente com isso, contando com o fato de 
que existem menos riscos, devido à uma interação mais modernizada, como 
o acionamento de comandos, por exemplo.
Usabilidade
Quando se imagina um produto, leva-se em conta o público-alvo que deve se 
benefi ciar com ele. Pensando nisso, surgiu o termo usabilidade.
Tal termo refere-se ao quanto o produto específico foi utilizado pelo pú-
blico que deveria ser beneficiado com ele. Para isso, são avaliados critérios 
como a eficácia, a eficiência e a satisfação dentro de um mesmo contexto 
específico de uso.
9Interface, interação e affordance
Dentro dessesfatores de usabilidade, deve-se levar em conta aspectos como 
a facilidade de aprendizado do usuário que fez uso daquele produto específico.
Outro fator muito importante, e que também é levado em consideração, é 
a facilidade de memorização. Naturalmente, deve-se estar atento também ao 
quanto o produto foi eficiente para quem fez uso dele. 
Um fator-chave relacionado à tecnologia e sua utilização é a segurança no 
uso. O usuário deve sentir-se e deve estar seguro para fazer uso desses meios, 
uma vez que, dependendo do produto, o usuário acaba expondo aspectos 
pessoais, como em um caixa eletrônico, por exemplo, em que é digitada sua 
senha pessoal.
O usuário também precisa se sentir satisfeito com a utilização do produto. 
É essa satisfação, juntamente com outros aspectos, que torna a utilização do 
produto mais prazerosa e dá a sensação de que o artefato é realmente útil 
(BARBOSA; SILVA, 2010).
Acessibilidade
Segundo a legislação brasileira, a acessibilidade é uma condição primordial 
que conta com a segurança e a autonomia para a utilização total ou assistida. 
Isso é levado em consideração para diversos espaços, como os mobiliários e 
equipamentos urbanos, bem como as edifi cações, os serviços de transporte 
e os dispositivos. 
Porém, é muito importante que sejam considerados aspectos que beneficiem 
pessoas com algum tipo de deficiência, que sejam facilitadores de pessoas com 
baixa mobilidade, que proporcionem melhoria nas formas de comunicação 
e informação. 
Em vista disso, existe o desenho universal, que envolve figuras que possam 
servir de orientação e, para isso, consideram-se todos os tipos de usuários. 
O que distingue são os diferentes tipos sensoriais dessas imagens, como 
características antropométricas, por exemplo. A antropometria diz respeito 
ao estudo das características particulares e físicas de cada indivíduo.
Esses desenhos devem estar dispostos de forma segura e também confor-
tável para os usuários que deles vão necessitar. Eles vão constituir elementos 
que visam justamente a soluções para a acessibilidade.
A legislação ainda estabelece a obrigatoriedade de acessibilidade nos portais 
de sítios eletrônicos da administração pública, para o uso de pessoas com de-
ficiência visual. Isso garante a eles o pleno acesso às informações disponíveis. 
Deve-se atentar para o fato de que, não necessariamente, a acessibilidade se 
restringe apenas a pessoas com deficiência, como mostra a Figura 1.
Interface, interação e affordance10
Figura 1. Tipos de deficiência.
Fonte: Raposo (2018, p. 41).
A Figura 1 representa três tipos de deficiência: permanente, temporária 
e situacional. 
Na parte que traz as limitações físicas da imagem, nota-se que o primeiro 
exemplo traz uma situação representando um personagem que tem somente 
um dos braços. A este é atribuído um fator permanente. No segundo per-
sonagem, está representada uma figura com o braço quebrado. Entende-se 
como sendo uma situação temporária. Já na terceira personagem, tem-se 
11Interface, interação e affordance
a figura de uma mulher carregando um bebê de colo, e a ela é atribuído o 
caráter de situacional. 
É importante ter essas situações em mente para que se possa entender melhor 
as razões e a função de cada um dos meios de acessibilidade. No senso comum, 
acredita-se que a acessibilidade beneficia somente pessoas com deficiência, 
mas pode-se notar que ela também serve para uma vasta gama de situações. 
Normalmente, o design da interface dos artefatos computacionais exige 
que os usuários sejam pessoas que não têm qualquer limitação, seja física, 
visual, auditiva, motora, mental, de aprendizado ou de qualquer outro tipo.
Isso se deve ao fato de que é necessário que o usuário atue com coordenação 
motora e sensorial suficiente para manipular a interface e ainda interpretar as 
reações do sistema que decorrem de suas reações.
Para que as limitações individuais dos usuários não dificultem nem mesmo 
impeçam que ele utilize os artefatos, é necessário que os designers elaborem 
propostas de acessibilidade para que a interação aconteça da mesma forma, 
para qualquer tipo de usuário. A acessibilidade é a responsável por não excluir 
nenhum usuário da utilização da interface, incluindo a todos (ROGERS; 
SHARP; PREECE, 2013).
Dependendo do tipo de interface que está sendo desenhado, cabe à equipe 
de designers optar pela utilização de leitores de tela em voz alta, tradutores 
para libras, acessórios motores, enfim, inserir no artefato tudo o que for 
preciso para que todos os seus usuários possam atingir seus objetivos por 
meio da sua utilização.
Comunicabilidade
Atribui-se à comunicabilidade a qualidade exibida pelos sistemas. Para 
isso, devem ser considerados alguns critérios de avaliação, tais como: se 
eles expressam bem a intenção e a lógica de design dos produtos, se é 
permitido ao usuário que expresse a sua intenção de uso e se são adequados 
para o contexto.
A comunicabilidade torna-se mensurável quando ela é considerada de 
maneira a avaliar a satisfação do usuário que fez uso dela. Observam-se 
aspectos como o prazer, o divertimento do usuário e a satisfação que ele 
teve ao utilizar o produto. Esses três aspectos devem ser considerados como 
inseparáveis, pois cada um deles está intimamente ligado ao outro e, ainda, 
influenciam nas suas respectivas funcionalidades (ROGERS; SHARP; 
PREECE, 2013).
Interface, interação e affordance12
BARBOSA, S. D. J.; SILVA, B. S. Interação humano-computador. Rio de Janeiro: Campus-
-Elsevier, 2010.
ROCHA, H. V.; BARANAUSKAS, M. C. Design e avaliação de interfaces humano-computador. 
São Paulo: NIED/UNICAMP, 2003.
RAPOSO, A. B. Qualidade em IHC. PUC Rio, 14 mar. 2018. Disponível em: . Acesso em: 9 dez. 2018.
ROGERS, I.; SHARP, H.; PREECE, J. Design de interação: além da interação humano-com-
putador. Porto Alegre: Bookman, 2013.
13Interface, interação e affordance
Conteúdo:
 
Dica do Professor
Por mais fácil que uma interface seja de utilizar, e por mais que seja muito amigável e de fácil 
comunicação com o usuário, existem impedimentos que podem dificultar a utilização do artefato 
por pessoas com di
Na Dica do Professor, a seguir, você vai aprender sobre a qualidade em IHC e a acessibilidade. 
Aponte a câmera para o código e acesse o link do conteúdo ou clique no código para acessar.
https://fast.player.liquidplatform.com/pApiv2/embed/cee29914fad5b594d8f5918df1e801fd/3f7efa063cef6d1864d3da5358a6cf86
Exercícios
1) Sua empresa ofereceu um workshop para todos os funcionários a respeito de interação 
humano-computador. Na ocasião, o palestrante falou sobre a importância de verificar, por 
meio da utilização pelos usuários, se a interface realmente serve para fazer o que eles 
queriam que ela fizesse. 
Atento, você logo percebeu que o palestrante estava falando de: 
A) memorização. 
B) facilidade. 
C) affordance. 
D) qualidade. 
E) acessibilidade. 
2) Você trabalha como designer em uma empresa e recebeu a tarefa de realizar manutenção em 
uma interface. Quando a recebeu, ficou surpreso com o fato de ela ser muito variada e 
reunir no mesmo design elementos de vídeo, voz, imagens e muita interatividade. 
Assinale a alterantiva que indica corretamente o tipo de interface em que será feita a 
manutenção: 
A) vestível. 
B) orientada à fala. 
C) tangível. 
D) cérebro-humano. 
E) multimídia. 
Você trabalha como técnico de montagem em uma indústria automotiva. Durante o seu 
trabalho, acompanha a montagem dos veículos, que é feita por partes, pelas próprias 
máquinas. 
3) 
Nesse sentido, pode-se dizer que você tem contato com máquinas de qual tipo de interface?
A) Orientada à fala. 
B) Robôs.
C) Orientada a gestos.
D) Multimídia.
E) Intangível.
4) Caso você precise fazer um levantamento, junto aos usuários, a fim de verificar se a 
utilização de um artefato torna a realização das suas tarefas diárias mais fácil, e seeles 
conseguem realiza-las por completo sem que a interação se torne algo ruim para eles, é 
porque você precisará avaliar qual critério de qualidade? 
A) Usabilidade.
B) Desempenho.
C) Acessibilidade.
D) Satisfação.
E) Empregabilidade.
5) Se você, como designer, precisar idealizar uma interface que tenha recursos como leitura de 
voz, para que pessoas com deficiência visual consigam interagir com o artefato, é porque 
você precisará manter o foco em qual importante elemento da interação humano-
computador?
A) Legilibidade.
B) Multimídia.
C) Usabilidade.
D) Acessibilidade.
E) Comunicabilidade.
Na prática
Os artefatos computacionais precisam ser desenvolvidos pelos designers pensando em satisfazer às 
necessidades do usuário — tanto no que diz respeito aos seus objetivos quanto ao seu bem-estar 
durante a utilização da interface.
Veja, a seguir, uma situação prática sobre a qualidade em IHC (usabilidade, acessibilidade e 
comunicabilidade).
 
Aponte a câmera para o 
código e acesse o link do 
conteúdo ou clique no 
código para acessar.
https://statics-marketplace.plataforma.grupoa.education/sagah/c037de69-daa6-4810-80d3-78911cc6e93f/c275a9e8-76b6-450c-923a-857e476e8556.jpg
Saiba mais
Para ampliar o seu conhecimento a respeito desse assunto, veja abaixo as sugestões do professor:
AVALIAÇÃO DA USABILIDADE NA WEB:BIBLIOTECA 
ELETRÔNICA SCIELOEA BASE DE DADOSSCOPUS
Leia o artigo para saber mais sobre a usabilidade em aplicativos para a Internet de artigos 
científicos.
Aponte a câmera para o código e acesse o link do conteúdo ou clique no código para acessar.
Affordances de tecnologias digitais para o desenvolvimento de 
habilidades orais em inglês
Leia o artigo para saber mais sobre a aplicação do affordance nas tecnologias digitais para 
aprendizado de idiomas.
Aponte a câmera para o código e acesse o link do conteúdo ou clique no código para acessar.
Recomendações de usabilidade e acessibilidade para interface 
de telefone celular visando o público idoso
Leia o artigo para saber mais sobre como tornar um aparelho celular usável e acessível para 
usuários idosos.
https://periodicos.furg.br/biblos/article/view/3623/2751
https://www.scielo.br/j/rbla/a/WFWh7H5pykw367XDvgVkhMs/?format=pdf&lang=pt
Aponte a câmera para o código e acesse o link do conteúdo ou clique no código para acessar.
http://www.scielo.br/pdf/prod/v25n4/0103-6513-prod-_091312.pdf