Interação
Humano-Computador
Perspectivas Cognitivas e Semióticas
Clarisse Sieckenius de Souza
Jair Cavalcanti Leite
Raquel Oliveira Prates
Simone Diniz Junqueira Barbosa
o que pode ser feito, como fazer o que se deseja,
coisa (não está na apostila)
s sistemas
SERG
SERG
Sumário do Curso
• Introdução aos Conceitos Básicos de IHC
(Interação Humano–Computador)
• Avaliação de Interfaces
• Fundamentos teóricos
• Modelos e Técnicas de Modelagem em IHC
• Diretrizes de Design de Interface
• Considerações Gerais
SERG
Introdução aos Conceitos Básicos de IHC
tes:
nitiva entre usuário e computador
ciplinas envolvidas (Computação, Psicologia Cognitiva,
cial e Organizacional, Ergonomia ou Fatores Humanos,
teligência Artificial, Filosofia (Semiótica), Sociologia e
Engenharia e Design)
Objetivos da Pesquisa em IHC
Fornecer explicações e previsões para
fenômenos de interação usuário-sistema e
resultados práticos para o design da interface
de usuário [ACM SIGCHI, 1992]
SERG
Enfoques da Pesquisa em IHC
 design de hardware e software
 estudo da capacidade e
limitação física e cognitiva dos
usuários
ERRO
123
 instrumentação teórica e prática para o
projeto e desenvolvimento de sistemas
interativos (modelos e ferramentas)
 análise do domínio e de aspectos
sociais e organizacionais
SERG
123.
56
455.
31
885.
33
165.
74
875.
35
954.
36
147.
35
251.
06
150
4460
789
5123
561
8493
916
9410
7894
5
6884
1
5874
8
9356
2
Desafios de IHC
•
cultura tradicional de desenvolvimento de software
– foco no sistema (vs. no usuário)
– desprezo pela interface
•
processo de desenvolvimento inadequado
– impacto da introdução de novas tecnologias desprezado
– design de software desconsiderado
– usabilidade do sistema não avaliada
•
equipes precárias
– sofrem redução de pessoal
– não incluem especialistas em IHC
– profissionais não freqüentam cursos de atualização e reciclagem
•
SERG
restrições de prazo e custo
Interação Usuário-Sistema
sistema
ação
usuário
interface
interpretação
interação
SERG
= ação + interpretação
aplicação
Affordance
• Termo que se refere às propriedades e
oportunidades de funcionamento e uso de
um artefato, tanto percebidas como reais
• Para IHC, são importantes, em particular, as
propriedades fundamentais que determinam
como o artefato pode ser utilizado [Norman,
1988].
SERG
ores têm prioridade
Qualidade em IHC: Usabilidade
de usabilidade
solução de problemas variados
• facilidade de aprendizado
• facilidade de uso
• eficiência e eficácia
• flexibilidade
• satisfação do usuário
SERG
ropriedade de transmitir ao usuário de
s intenções e princípios de interação
n
Qualidade em IHC: Comunicabilidade
diária das pessoas entender através
ão muitas mensagens subjacentes,
losofia de
autor através da
• um
comunicação
dosua
designer
através da interface
– usuário entende o que pode fazer e como interagir
ivo da comunicabilidade é permitir
sua interação com a aplicação, seja
premissas, intenções e decisões
• intenção
urante o processo de design.
de design
• princípios de interação
o usuário fazer uso eficiente, criativo
ção
mensagem
SERG
designer do
sistema
usuário
Exemplo de alta comunicabilidade
SERG
Exemplo de baixa comunicabilidade
1
:
A
c
h
a
r
c
o
m
p
u
t
a
d
o
r
L
I
N
X
.
3
:
E
d
i
t
a
r
?
D
e
s
f
a
z
e
r
q
u
e
c
ó
p
i
a
?
2
:
N
ã
o
e
n
c
o
n
t
r
o
u
.
SERG
4
:
N
ã
o
p
o
d
e
a
p
a
g
a
r
a
r
q
u
i
v
o
?
!
Perspectivas em IHC
usuário como máquina
computador como pessoa
Capacitando o sistema
Capacitando o usuário
trabalho
ou
produto
computador como “mídia”
SERG
computador como ferramenta
Paradigmas de Interação
tes:
• ação  parâmetros
usuário
copy arquivo1
a todas as aplicações,
boa paraarquivo2
sistemas de informação
o
com construções vagas e ambíguas
utiliza-se subconjunto
• objeto  ação  parâmetros
ual ou de menu
mando: caso especial de LN, mas aproxima usuário do sistema
1.
2.
3.
SERG
selecionar texto
formatar caractere
selecionar fonte e estilo
Estilos de Interação
• linguagem natural
• linguagem de comando
• menus
• preenchimento de formulários
• WIMP (Windows, Icons, Menus, and Pointers)
• manipulação direta
• WWW
• realidade virtual
SERG
Linguagens de Comando
ls -al
cp fonte.txt destino.txt
mv fonte.txt old.txt
uel Oliveira Prates:
nguagem de Comando:
• serorganização
•podem
compostos por: caracteres, abreviações, palavras inteiras ou
combinação
teclas e caracters
– decomandos
simples
•oferecem acesso
direto à funcionalidade
– comandos
+ parâmetrosdo sistema, maior iniciativa do
usuário e maior flexibilidade na construção dos comandos
– comandos + opções + parâmetros
•usuários iniciantes x experientes
• estrutura
•projeto: organização e estrutura dos comandos, nomes e abreviações
– ordenação
dos parâmetros
utilizados, ordenação
dos parâmetros
– símbolos vs. palavras-chave
– estrutura hierárquica
• vocabulário
– especifidade vs. generalidade (insert e delete vs. correct)
– estratégias de abreviação: truncar, eliminar vogais, primeira
e última letras, primeira letra de cada palavra, abreviações
padronizadas de outros contextos, fonética
SERG
tados na tela,
pções resulta
rface
Menus
item que desejam
• organização
as ou pull-downs
– grupos
de itens logicamente semelhantes
– grupos cobrem todas as possibilidades
– sobreposições inexistentes
estrutura em árvore
– itens ordenados
• vocabulário
– rótulos familiares
– opções bem distintas
estrutura linear
SERG
to de formulário:
Preenchimento de Formulários
a de dados em sistemas de informação
categorias de informação devem ser
• organização
principalmente quando os mesmos
ser digitados–repetidamente
agrupamento lógico
render
– seqüência dos campos
– layout
• vocabulário
– título e rótulos
– instruções
• prevenção e tratamento de erros
SERG
WIMP (Windows, Icons, Menus, and
vés de widgets
Pointers)
nologia de software e hardware,
enus and Pointers:
conceitos de janelas e widgets
MP possível encontrar estilos de
ulação direta, menus, preenchimento
nguagem de comandos.
SERG
Manipulação Direta
diretamente sobre os objetos da aplicação
de objetos do domínio) sem a necessidade
agem específica.
eadas numa analogia entre o cursor e a mão,
as e os objetos do domínio.
SERG
WWW
SERG
Realidade Virtual
SERG
Benefícios de IHC
 aumento de produtividade
 redução do tempo e dos custos de treinamento
 menor freqüência de erros
 aumento da precisão da entrada e
interpretação dos dados
 redução da necessidade de suporte técnico
 usuários mais satisfeitos
SERG
Exercícios
1) No WORD há muitos estilos de interação diferentes
embutidos no framework WIMP. Quais vocês
conseguem apontar?
2) Você consegue citar um exemplo de uma aplicação
que você conheça que tenha alta comunicabilidade?
E baixa?
3) Explore a interface do TaskPlus e anote os
problemas de interface que você identificar.
SERG