Projeto Interface Usuario 02 Interfaces

Prévia do material em texto

Projeto Interface Usuario
02 – Interfaces
Interação Humano-Computador
Analise e Desenvolvimento de Sistemas| UNIP
Prof. Sérgio Soares
Interfaces
• Palavra da língua inglesa 
inventada em 1880; cai em 
desuso até 1960, quando é 
resgatada, muito criticada e, 
por fim, volta à cena em 
1970.
• Termo pioneiro, interface
torna-se aceito para 
designar o ponto de 
interação entre o 
computador e outra 
entidade, como impressoras 
ou operadores humanos.
28/02/2020 2
Interfaces
• A interação da máquina com 
humanos se dá numa:
• Interface com o Usuário
UI (user interface); ou 
• Interface Homem 
Máquina
MMI (man-machine 
interface).
• Atualmente a experiência do 
usuário com um sistema ou 
produto é dita user 
experience ou UX.
• As interfaces podem ser 
voltadas para interação com 
seres humanos ou 
máquinas, assim temos:
• Dispositivos
Human-Readable
Voltados para interação 
com pessoas, como um 
monitor de vídeo ou 
teclado.
• Dispositivos
Machine-Readable
Dirigidos para interação 
com outras máquinas, 
como leitores de mídias, 
pendrives e placas de 
rede.
3
Interfaces
• A definição de interface está 
associada a:
• uma linguagem de entrada de 
dados para o usuário,
• uma linguagem de saída de dados
para a máquina e 
• um protocolo de interação.
• Com a evolução dos sistemas 
computacionais, novos atributos 
são acrescentados.
• O sucesso de produtos 
interativos chama a atenção de 
departamentos de marketing 
que compreendem que a 
usabilidade afeta fatores como 
marca, número de acessos aos 
sites, índice de retorno nos sites 
e a satisfação do usuário e 
potencial cliente.
28/02/2020 4
Interação
•A interação entre 
humanos e máquinas 
acontece através da 
interface do 
utilizador, formada por 
software e hardware. 
• Ela é utilizada, por 
exemplo, para a 
manipulação de 
aparelhos domésticos, 
periféricos de 
computadores e de 
grandes máquinas, como 
aviões e usinas 
hidrelétricas.
28/02/2020 5
Interação
• Interação é um termo 
conceitualmente mais 
amplo do que a Interface.
• A interação envolve muitos 
outras aspectos além da 
interface, mas precisa dela 
para existir.
Interação
Interface
28/02/2020 6
Interface
• Interface é o combinado de 
software e hardware necessário 
para viabilizar e facilitar os 
processos de comunicação entre 
os usuários e as aplicações.
• A interface de usuário deve ser 
entendida como sendo a parte 
de um sistema computacional 
com o qual uma pessoa entra 
em contato física, perceptiva e 
conceitualmente. 
•A interface é um sistema 
de comunicação, no qual 
as atividades motoras e 
perceptivas 
desenvolvidas pelo 
usuário utilizam-se de 
tela, mouse, teclado e 
vários outros 
dispositivos.
28/02/2020 7
Interface
• É responsável por promover 
estímulos de interação para que 
o usuário obtenha respostas 
relacionadas às suas atividades.
• De um lado ela funciona como 
dispositivo de entrada de dados 
e de outro ela é responsável por 
enviar as respostas aos usuários.
• O estímulo promovido fará com 
que o usuário desenvolva um 
processo de interação que 
significa a execução de ações 
para a realização das tarefas.
• Para cada ação uma nova 
resposta é esperada por ambos 
os lados: sistema e usuário.
28/02/2020 8
Interface e Interação
• A interface é tanto um meio
para a interação usuário-
sistema, quanto uma 
ferramenta que oferece os 
instrumentos para este processo 
comunicativo.
• A interface é um sistema de 
comunicação.
28/02/2020 9
h
ttp
s://irlab
r.files.w
o
rd
p
ress.co
m
/2
0
0
9
/1
2
/in
terfacein
teracao
.jp
g
Interface e Interação
Interface
• Todas as partes de um sistema 
com a qual o usuário mantém 
contato ao utilizá-lo, de maneira 
ativa ou passiva.
Interação
• Processo de comunicação entre 
pessoas e sistemas 
computacionais onde os 
usuários e os computadores 
alternam seus papéis de emissor 
e receptor, isto é, de maneira 
coordenada um se manifesta e 
outro recebe a mensagem, 
interpretando-a e tomando 
ações em resposta.
28/02/2020 10
Interface
• A interface com o usuário em um sistema computacional é o 
conjunto completo dos aspectos que torna explícito o processo de 
interação e inclui de forma resumida os seguintes elementos:
• dispositivos de entrada e saída de dados;
• informação apresentada ao usuário ou enviada pelo usuário;
• retorno oferecido pelo sistema ao usuário;
• comportamento do sistema; e
• ações do usuário com respeito a todos estes aspectos.
28/02/2020 11
Interfaces e seus componentes
• Componentes de interface possibilitam a comunicação entre usuário 
e equipamentos ou dispositivos.
• Permitem elaborar os processos de entrada e saída de dados.
• Nos sistemas computacionais e afins (consoles de jogos, celulares, 
players de DVDs, etc) sua presença serve para:
• Identificar objetos virtuais como caixas de checagem, barras de rolagem, 
botões, etc.
• Permitir acesso aos controles físicos como botões do equipamento, mouse, 
teclado, controle remoto entre muitos outros.
28/02/2020 12
Interação
• Troca que ocorre entre usuários e equipamentos, como com o uso 
de celulares, câmeras digitais e computadores.
• Acontece por meio de ações básicas e habituais, que são as tarefas 
de interação que fazem parte do protocolo estabelecido.
2/28/2020 13
Estilos de 
Interação
28/02/2020
• São as formas distintas por meio das quais 
uma interação pode ser realizada, por 
exemplo, realização de uma ação por meio de 
atalhos do teclado ou uso do mouse associado 
ou não a botões e menus.
• Diferentes estilos de interação podem 
enriquecer o processo de comunicação, mas 
esta decisão de especificação do 
comportamento da interface pode aumentar o 
grau de dificuldade de interação.
• Em sistemas computacionais a configuração 
dos processos de interação com especificações 
personalizadas pode oferecer ao usuário 
experiente mais flexibilidade durante a 
interação.
14
Interação como mediação
• A interação também pode ser 
vista como a comunicação 
que ocorre entre pessoas 
quando mediado por algum 
tipo de sistema, como bate 
papo (chat), fórum, ou ainda 
um blog que permite que 
visitantes insiram 
comentários.
• A interação deve acontecer 
entre dois ou mais seres 
humanos.
2/28/2020 15
Metáforas
• São semelhanças ou analogias 
que podem ser utilizadas no 
projeto de interação, sugerindo 
um relacionamento entre 
objetos ou processos reais 
conhecidos pelo usuário.
• As metáforas na interação são 
muito estudadas em sistemas de 
realidade virtual, pois podem 
definir o grau de realismo de um 
sistema
• São utilizadas para que o usuário 
compreenda, com mais 
facilidade, a relação dos 
componentes de interface e as 
atividades a serem 
desempenhadas.
• Exemplo: utilização de cenários
para a apresentação do 
conteúdo caracterizando um 
domínio familiar de processos e 
elementos, como se fossem no 
mundo real.
28/02/2020 16
Desktop, lixeira, documento e 
pasta são metáforas da interface 
típica dos computadores!
Modelos mentais
1
7
• São suposições criadas pelas 
pessoas para desempenhar 
atividades que tenham relação 
com algo que ela já tenha tido 
contato, mesmo que o 
procedimento imaginado não 
seja o mais adequado.
2/28/2020