Introdução à Interação Humano-Computador

Conceitos Básicos

Professora: Raquel Oliveira Prates

http://www.dcc.ufmg.br/~rprates/ihc
\
Aula 1: 14/05

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” computador como ferramenta

(Kammersgaard, J.; 1988)
R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 1
 Interação Usuário-Sistema

sistema
ação
funciona-
usuário interface
lidade
interpretação

interação = ação + interpretação

R. O. Prates – 2006-2

Interação Usuário-Sistema

sistema
ação
funciona-
usuário interface
lidade
interpretação

interação = ação + interpretação

R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 2
 Usuário

• percepção
– os sentidos
– a influência do contexto
– organização de informação
– codificações
• memória
• raciocínio
• atenção
R. O. Prates – 2006-2

Usuário

• percepção
– os sentidos
– a influência do contexto T L O
– organização de informação
– codificações
• memória
• raciocínio
• atenção
R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 3
 Usuário

• percepção
– os sentidos
– a influência do contexto
– organização de informação
– codificações
• memória
• raciocínio
• atenção
R. O. Prates – 2006-2

Usuário

• percepção
– os sentidos
– a influência do contexto
– organização de informação
– codificações
• memória
• raciocínio
• atenção
R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 4
 Usuário

• percepção
– os sentidos
– a influência do contexto
– organização de informação
– codificações
• memória Dedução
• raciocínio Indução
Abdução
• atenção
R. O. Prates – 2006-2

Raciocínio

• Dedução:
– Regra: Todo ser-vivo respira
– Observação: O cachorro é um ser-vivo
– Conclusão: O cachorro respira
• Indução:
– Observação: O cachorro é um ser-vivo e respira; o gato é um ser-
vivo e respira; o pássaro é um ser-vivo e respira... <todos os
animais observados são seres-vivos e respiram>
– Conclusão: Todo ser-vivo respira
• Abdução:
– Observação: O cachorro e o gato são seres-vivos e respiram
– Hipótese: Todo ser-vivo respira

R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 5
 Usuário

• percepção
– os sentidos
– a influência do contexto
– organização de informação
– codificações
• memória
• raciocínio
• atenção
R. O. Prates – 2006-2

Interação Usuário-Sistema

sistema
ação
funciona-
usuário interface
lidade
interpretação

interação = ação + interpretação

R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 6
 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].

R. O. Prates – 2006-2

Interface

Hardware

R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 7
 Interface – Hardware - Roomware

Picture from Streitz et al., 2001

HCI in the New Millenium
R. O. Prates – 2006-2 http://delivery.acm.org/10.1145/290000/289519/p411-streitz.pdf

Interface

Software
http://www.activeworlds.com/tour.asp Tela do Windows XP

R. O. Prates – 2006-2 http://palmsource.palmgear.com/

Raquel O. Prates - 2006

DCC/UFMG 8
 Interface – Software – Teclado Virtual

http://www.roeder-johnson.com/RJDocs/CAProjectionKeyboardCell.jpg
R. O. Prates – 2006-2

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
R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 9
 Linguagens de Comando
• organização ls -al
– comandos simples cp fonte.txt destino.txt
mv fonte.txt old.txt
– comandos + parâmetros
– comandos + opções + parâmetros
• estrutura
– 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

R. O. Prates – 2006-2

Menus
estrutura linear
• organização
– grupos de itens logicamente semelhantes
– grupos cobrem todas as possibilidades estrutura em árvore
– sobreposições inexistentes
– itens ordenados
• vocabulário
– rótulos familiares
– opções bem distintas

R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 10
 Preenchimento de Formulários

• organização
– agrupamento lógico
– seqüência dos campos
– layout
• vocabulário
– título e rótulos
– instruções
• prevenção e tratamento de erros
R. O. Prates – 2006-2

Manipulação Direta

R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 11
 WIMP (Windows, Icons, Menus,
and Pointers)

R. O. Prates – 2006-2

WWW

http://www.sbc.org.br/ihc
R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 12
 Realidade Virtual

Educação de Trânsito
Projeto: A Realidade da Educação Virtual –UFSCAR
http://www.dc.ufscar.br/~grv/revir/desenv.html
R. O. Prates – 2006-2

Paradigmas de Interação

• ação → objeto → parâmetros

copy arquivo1 arquivo2

• objeto → ação → parâmetros

1. selecionar texto
2. formatar caractere
3. selecionar fonte e estilo

R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 13
 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].

R. O. Prates – 2006-2

Interação Usuário-Sistema

sistema
ação
funciona-
usuário interface
lidade
interpretação

interação = ação + interpretação

R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 14
 Qualidades de Uso
Definição:
Propriedades que qualificam a interação possível através de uma
interface de acordo com determinados aspectos.

Interfaces de qualidade:
– pode causar aumento (ou queda) de produtividade
– geralmente está associada a melhorias nos processos de negócio

Interfaces com baixa qualidade...

– requerem treinamento excessivo
– desmotivam a exploração
– confundem os usuários e os induzem ao erro
– geram insatisfação
– diminuem a produtividade
– não trazem o ROI previsto

R. O. Prates – 2006-2

Exemplos de Problemas de Interação

R. O. Prates – 2006-2 http://homepage.mac.com/bradster/iarchitect/

Raquel O. Prates - 2006

DCC/UFMG 15
 Exemplos de Problemas de Interação

R. O. Prates – 2006-2 http://www.uiwizards.com/

Exemplos de Problemas de Interação

http://homepage.mac.com/bradster/iarchitect/
R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 16
 Exemplos de Problemas de Interação

R. O. Prates – 2006-2

Referências

de Souza, C. S.; Prates, R. O.; Carey, T. 2000. Missing and declining

affordances: Are these appropriate concepts?. Journal of the Brazilian
Computer Society. 1(7): 26-34.
Kammersgaard (1988) “Four differents perspectives on Human-Computer
Interaction.” in International Journal of Man-Machine Studies, 28,
343-362
Norman, D. (1988) Psychology of Everyday Things. BasicBooks.
HarperCollins Publishers.
Norman, D. (1999) Affordance, Convention and Design. Interactions 6
(3): 38-42. New York, NY, ACM Press.
Preece, J.; Rogers, Y.; Sharp, H. 2002. Interaction design. London. John
Wiley and Sons.

R. O. Prates – 2006-2

Raquel O. Prates - 2006

DCC/UFMG 17