Logo Passei Direto
Buscar
Material
páginas com resultados encontrados.
páginas com resultados encontrados.
left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar esse material. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

Prévia do material em texto

Motivação
Interface Homem-Máquina
Prof. Me. Afranio Furtado de Oliveira Neto
afranio.oliveira@ifms.edu.br
2020-II
Outros Nomes
Nomes comuns na literatura
 Interfaces Homem-Máquina – IHM
 Interfaces Humano-Máquina – ICM
Human Computer Interaction - HCI
2 2020-II
Por que?
Por que estudar interfaces?!?
3 2020-II
Usabilidade, um direito ?
4 2020-II
Usabilidade, um direito ?
5 2020-II
Usabilidade
6 2020-II
Urna Eletrônica - 1998
 Concebida para suprimir as possibilidades de fraudes e diminuir o 
tempo de contagem dos votos.
 Só permitia aos cegos treinados em Braille (15% dos cegos) a 
realização do voto sem erro.
 Idosos (analfabetos?) que tiveram sucesso no voto tiveram auxílio de 
mesários.
Votar deve ser um ato civil natural e a tecnologia não deve se colocar
como obstáculo.
7 2020-II
O que acontece?
8 2020-II
O que acontece?
9 2020-II
O que acontece?
10 2020-II
O que acontece?
11 2020-II
Interfaces e Tecnologia
 “O sistema ideal esconde tanto a tecnologia que o usuário nem nota 
sua presença.”
 “O objetivo é deixar as pessoas realizarem suas atividades, com a 
tecnologia aumentando sua produtividade, seu poder, e seu 
divertimento, cada vez mais por ser invisível, fora de vista, fora da 
mente.”
 “As pessoas deveriam aprender a tarefa, não a tecnologia.”
12 2020-II
 “Deveríamos poder empregar a ferramenta na tarefa, e não como é 
hoje, onde temos que adequar a tarefa à ferramenta.”
 “E essas ferramentas deveriam seguir os três axiomas do design: 
simplicidade, versatilidade e satisfatoriedade.” 
Interfaces e Tecnologia
13 2020-II
Design de Interfaces
Observar e analisar as características de design do ambiente
cotidiano é um modo de desenvolver uma sensibilidade ao
mundo desenhado em que vivemos e trabalhamos
14 2020-II
Como “ajustar” cadeiras?
15 2020-II
1 - Situação : Ajustar a altura da cadeira
O usuário tenta abaixar ou
levantar a cadeira enquanto
está sentado, mexendo na
alavanca.
 Problema: o usuário puxa 
e empurra a alavanca porém 
a cadeira não se move.
16 2020-II
 Para se abaixar a cadeira, 
deve-se levantar a 
alavanca e a cadeira ao 
mesmo tempo e depois 
empurrá-la.
 Para levantar a cadeira, 
deve-se puxar com força o 
assento, segurando com o 
pé as rodas da cadeira.
Procedimento correto
17 2020-II
Máquina de café 
expresso sem instruções 
de uso em restaurante 
universitário
De que torneira sairá o 
café?
Devo observar outra 
pessoa fazendo antes?
Máquina de café expresso
18 2020-II
Quando devo colocar as 
moedas?
 Como funcionam os 
menus?
Má disposição dos menus.
 Falta de indicação da saída 
do café.
Máquina de café expresso
19 2020-II
O Crime
A Máquina da Tess Esta máquina aparentemente inofensiva 
possui o péssimo hábito de “assaltar” 
as pessoas que nela colocam seu 
dinheiro pensando que, em troca, 
receberão um cartão com crédito para 
seu celular.
Isso acontece toda vez que alguém 
coloca nela o seu dinheiro e não 
existem mais cartões disponíveis na 
máquina. Só depois ela avisa que não 
existem mais cartões com o número de 
unidades que você deseja. Não existem 
quaisquer instruções de como
recuperar o dinheiro.
20 2020-II
Tudo aconteceu quando uma 
das integrantes do nosso grupo 
resolveu adquirir um cartão. Ela 
colocou duas notas de 10 reais 
e somente depois de muito 
esperar foi avisada de que não 
havia cartões de 20 reais 
disponíveis. Não havia 
instruções de como recuperar o 
dinheiro.
?$ @#!
A 
Vítima
21 2020-II
O Problema A Solução
?$ @#!
Devolver Dinheiro
Primeiro escolher opção...
...depois colocar dinheiro.
OU
22 2020-II
A Situação:
Você
O Controle Remoto da Garagem
X
23 2020-II
1. Esquema da Situação - Antes
24 2020-II
1. Esquema da Situação - Depois
25 2020-II
2. O que contribuiu para a Situação:
Falha de projeto:
 Não é possível identificar os botões rapidamente, através do tato ou 
contato visual breve.
Pressa para acionar o botão, que pode ser causada por 
diversas razões:
 Estar atrapalhando o trânsito
 Medo de assaltos
 Nervosismo 
 Ansiedade
26 2020-II
3. Como evitar ou sobreviver ao erro:
Diferenciar botões:
 Cores (botão verde / vermelho)
 Formas (botão triangular / redondo)
 Textos (Entrada / Saída)
 Teclas iluminadas
Desenho do controle:
 Formato diferenciado
 Botões distanciados
27 2020-II
Galão de água
Remoção da tampa
Fatores
Tampa extremamente rígida e de difícil remoção;
Nenhuma estrutura auxiliar para ajudar a remoção 
da tampa.
“Erros” esperados
A pessoa precisará, obrigatoriamente utilizar de um
instrumento cortante, como uma faca - que não foi
desenhada especificamente para este tipo de uso,
podendo ocasionar acidentes;
Dependendo do instrumento utilizado, pode-se 
contaminar a água.
28 2020-II
Colocação do galão no bebedouro
Fatores
Peso elevado do galão;
Tampa necessariamente aberta antes da 
colocação.
“Erros” esperados
É praticamente impossível virar o galão 
com sua tampa aberta e seu peso sem 
deixar a água cair;
Não é raro a pessoa deixar o galão cair 
neste momento, fazendo aquela 
aguaceira quando o galão “explode” no 
chão.
Galão de água
29 2020-II
Novos desenhos para o galão e bebedouro 
Vantagens:
É fácil de carregar, pois existe uma alça desenhada para 
ser carregada com uma única mão, usando o contra-peso
do corpo;
Não ocupa espaço, pelo menos não mais e nem menos do 
que uma bebedouro
padrão;
É fácil de empilhar;
A maior facilidade, está no fato de que não é preciso abrir 
o garrafão antes de colocá-lo no bebedouro, evitando 
cortes com facas e desperdício de água.
Desvantagens:
Novos modelos de bebedouro necessários;
Chances de vazamento entre o galão e bebedouro.
Como sobreviver - Galão de água
30 2020-II
Interfaces
 Uma interface é uma superfície de 
contato que reflete:
 As propriedades físicas das partes que
interagem; 
 As funções a serem executadas
• balanço entre poder e controle.
31 2020-II
Desafios de IHC
 Como dar conta da rápida evolução tecnológica?
 Como garantir que os design ofereçam uma “boa IHC” ao 
mesmo tempo que exploram o potencial e funcionalidade 
da nova tecnologia?
32 2020-II
 Aumentar a funcionalidade não pode ser desculpa para um 
design “pobre”
 É possível projetar boas interfaces cujos controles tenham 
operações e efeitos relativamente óbvios e que provêem 
um feedback imediato e útil
Desafios de IHC
33 2020-II
O que se quer?
34 2020-II
The Born Louser
35 2020-II
O que se quer?
36 2020-II
Princípios
O primeiro princípio do design de interfaces, tanto para uma
maçaneta quanto para um computador, é manter em mente o ser
humano que quer usá-la. A tecnologia é subserviente àquele
objetivo.
…menos ênfase em “interfaces” e mais em ferramentas apropriadas
para a tarefa. Mais ênfase em design centrado no usuário. Menos
em tecnologia; mais nas pessoas, e grupos, e interações sociais. E 
tarefas. (Norman, D)
37 2020-II
Objetivos de IHC
 Produzir sistemas usáveis, seguros e funcionais
 Desenvolver ou melhorar a segurança, utilidade, 
efetividade e USABILIDADE de sistemas 
computacionais
38 2020-II
Aceitabilidade de um Sistema
39 2020-II
Fatores Organizacionais
treinamento, políticas, organização do trabalho, etc.
Fatores Ambientais
barulho, aquecimento, ventilação, luminosidade, 
etc.
Saúde e Segurança
estresse, dores de cabeça, perturbações
musculares, etc.
capacidades e processos
cognitivos
O Usuário
motivação, satisfação, 
personalidade, experiência, 
etc.
Conforto
posição física, layout do 
equipamento, etc.
Interface do Usuário
dispositivos de entrada e saída, estrutura do diálogo, uso de cores, ícones, comandos, gráficos, linguagem natural, 3-D, 
materiais de suporte ao usuário, multimídia, etc.
Tarefa
fácil, complexa, nova,
alocação de tarefas, repetitiva,
monitoramento, habilidades, componentes, etc.
Restrições
custos, orçamentos, equipe,
equipamento, estrutura dolocal de trabalho, etc.
Funcionalidade do Sistema
hardware, software, aplicação
Produtividade
aumento da qualidade, diminuição de custos, diminuição de erros,
diminuição de trabalho, diminuição do tempo de produção,
aumento da criatividade , oportunidades para idéias criativas em direção a novos produtos, etc.
40 2020-II
Paradoxo da Tecnologia
 A tecnologia oferece potencial para tornar nossa vida mais
simples e agradável, e cada nova tecnologia traz mais
benefícios. E ao mesmo tempo adiciona tamanha
complexidade que faz aumentar nossa dificuldade e 
frustação.
41 2020-II
Paradoxo da Tecnologia
 Sempre que o número de funções excede o número de 
controles, o design torna-se arbitrário e não natural, e 
complicado. 
 A mesma tecnologia que simplifica a vida provendo um 
maior número de funcionalidades em um objeto, também
a complica tornando-a muito mais difícil aprender, e usar
42 2020-II
Como ajustar o relógio?
43 2020-II
Disciplinas Envolvidas
44 2020-II
Motivação
Interface Homem-Máquina
Prof. Me. Afranio Furtado de Oliveira Neto
afranio.oliveira@ifms.edu.br
2020-II

Mais conteúdos dessa disciplina