Tutorial
Por que estudar IHC?
Heloísa Vieira da Rocha
Slides baseados no livro:
Design e Avaliação de Interfaces
Humano Computador
Heloísa Vieira da Rocha
M.Cecília C. Baranauskas
Escola de Computação 2000 (ESGOTADO)
IHC’2002
Usabilidade, um direito.
Usabilidade, um direito?
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Usabilidade, um direito ?
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
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.

Feedback somente em 2002
 Idosos (analfabetos?) que tiveram sucesso no voto
tiveram auxilio de mesários
 votar deve ser um ato civil natural e a tecnologia não
deve se colocar como obstáculo
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
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.”
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Interfaces e Tecnologia
“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. “
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
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
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Fogão
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Fogão
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Como ajustar o relógio?
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Como
“ajustar”
cadeiras?
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.
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Procedimento correto
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.
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
“Erro Humano”
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Máquina de Café expresso
 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?
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Máquina de Café Expresso
 Quando devo colocar
as moedas?
 Como funcionam os
menus?
 Má disposição dos
menus
 Falta de indicação da
saída do café
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
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.
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
A Vítima
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.
$
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
?
@#!
O Problema
$
?
A Solução
Devolver Dinheiro
@#!
OU
Primeiro escolher opção...
...depois colocar dinheiro.
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
A Situação:
Você
X
O Controle Remoto da Garagem
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
1. Esquema da Situação
-
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Antes
1. Esquema da Situação
-
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Depois
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
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
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
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
“Erro” Humano
 Caixa eletrônico:
Pagamento de
Fatura Visa
(Banco Real)
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
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.
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Galão de água
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.
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Como sobreviver - Galão de água
Novos desenhos para o galão e bebedouro (vide
esquema)
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.
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Forno de microondas
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
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
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Desafios de IHM/IHC
 Como dar conta da rápida evolução
tecnológica?
 Como garantir que os design ofereçam
uma “boa IHM/IHC” ao mesmo tempo
que exploram o potencial e
funcionalidade da nova tecnologia?
 Gravadores de vídeo/DVD
 Telefones
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Desafios IHC/IHM
 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
 Carros?
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
O que se quer?
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
O que se quer?
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
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)
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Objetivos de IHC
 Produzir sistemas usáveis, seguros
e funcionais
 Desenvolver ou melhorar a
segurança, utilidade, efetividade e
USABILIDADE de sistemas
computacionais
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Aceitabilidade de um Sistema
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Fatores Organizacionais
Fatores Ambientais
treinamento, políticas, organização do
trabalho, etc.
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,
Conforto
posição física, layout
do equipamento, etc.
satisfação,
personalidade,
experiência, 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 do local 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.
Disciplinas Envolvidas
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Princípios de Design

Partindo dos objetos que nos cercam:
Visibilidade e Affordances

O usuário necessita ajuda.

Apenas as coisas necessárias têm que estar
visíveis
 para indicar quais as partes podem ser operadas e
como.
 Ex: portas

Visibilidade
 indica o mapeamento entre ações pretendidas e as
ações reais.
 indica também distinções importantes
 diferenciar a vasilha do sal da do açúcar.
 Visibilidade do efeito das operações
 A falta Porde
visibilidade
que
torna
muitos dispositivos
que estudar
IHC ? Heloísa é
Vieira
da Rocha
controlados por IHC'2002
computadores tão difíceis de serem
Visibilidade – Editores Gráficos
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002
Visibilidade
Por que estudar IHC ? Heloísa Vieira da Rocha IHC'2002