1

Interao Humano-Computador:
Conceitos Bsicos
INF1403 Introduo a IHC
Aula 03
13/03/2013

INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza

Sobre esta aula

O contedo desta aula refere-se aos captulos 1 e 2

do livro-texto da disciplina, de SDJ Barbosa e BS Silva
Interao Humano-Computador (Elsevier, 2010)

Em sala de aula elaboramos, ilustramos e

exercitamos pontos selecionados deste contedo.

Para casa:
Leitura dos 2 captulos completos
Exerccios indicados (ver ltimo slide)

Dvidas?
Tirar com a professora (em sala de aula ou por email)
INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza

Desenvolvimento de Sistemas Interativos

De dentro para fora

interface

De fora para dentro

[variaes]

interface

lgica

lgica

dados

dados

INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza

Cf. Barbosa & Silva, 2010 p. 9

Objetos de Estudo em IHC (1/2)

Racionalizao do
Trabalho

Aproximao e
Adaptao entre
Usurios e Sistemas

Usos e seu Contexto

Organizao Social

Valores Culturais

Humano

Computador
Processamento e
Gerao
de Sinais
(imagem, som,
movimento, etc.)

Processamento
Humano de
Informaes
Linguagem,
Comunicao e
Interao

Ergonomia
Dispositivos
de In/Out

INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza

Controle de
Dilogo (turnos
de In/Out)
Cf. Barbosa & Silva, 2010 p. 10

Objetos de Estudo em IHC (2/2)

Processos de Desenvolvimento
Tcnicas de
Avaliao

Abordagens de
Design

Boas Prticas
(Heursticas)

INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza

Ferramentas
e tcnicas de
implementao

Cf. Barbosa & Silva, 2010 p. 10

Exerccio em sala

Tendo o website de INF1403 como referncia:

1. Tome por usurio uma nica pessoa (mesma identidade, mesmas
capacidades, mesmos gostos e interesses) e cenarize dois contextos
de uso diferentes (objetivos, tarefas, condies de interao) em que
ela poderia se encontrar ao interagir com o website da disciplina.
2. Tome por contexto de uso uma mesma situao (objetivos, tarefas,
condies de interao) e cenarize o que se passa com dois usurios
distintos (diferentes identidades, capacidades, gostos e interesses) ao
interagirem com o website da disciplina.

INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza

Interao, Interface e Affordance

Interao
Sobre perspectivas distintas a respeito do processo de interao

Interface
Sobre a variedade das caractersticas fsicas dos componentes mais
externos dos artefatos computacionais interativos

Affordances
Sobre o que se pode fazer com os artefatos, dadas as caractersticas
de interface (fsicas e simblicas)

INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza

Interao
Contrastes de interao
nas tarefas de anotao de textos

Processo alternado de entrada e

sada (dilogo) entre o usurio e
o sistema: modos, meios, durao,
efeitos, etc.
INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza

Nota de uso das imagens:

As imagens deste slide esto disponveis na Web e so
reproduzidas aqui estritamente para fins didticos.

Interface

Caractersticas fsicas
de dispositicos de entrada
e sada (controle) de
sinais

INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza

Nota de uso das imagens:

As imagens deste slide esto disponveis na Web e so
reproduzidas aqui estritamente para fins didticos.

10

Affordances

Espectro de possibilidades de
manipulao, contato, uso,
determinado por caractersticas
fsicas do objeto e agente que
o manipula, contata ou usa.

INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza

Nota de uso das imagens:

As imagens deste slide esto disponveis na Web e so
reproduzidas aqui estritamente para fins didticos.

11

Quatro perspectivas sobre a interao

SISTEMA

computador

PARCEIRO

usurio

MIDIA

INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza

FERRAMENTA

J. Kammersgaard, 1988

12

Vantagens de cada perspectiva

Perspectiva

Significado de interao

Fatores de qualidade
evidenciados

SISTEMA

Entrada de dados

Eficincia (tempo que leva,

nmero de erros)

PARCEIRO DE
DISCURSO/DILOGO

Conversa entre usurio e

sistema

Adequao da linguagem,
interpretao e gerao de
textos

FERRAMENTA

Manipulao (direta) das

ferramentas

Funcionalidades relevantes,
facilidade, eficcia e
eficincia

MDIA (meio de
comunicao)

Comunicao entre pessoas

(usurios, desenvolvedores,
etc)

Eficincia, eficcia e
conforto da comunicao

INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza

13

Exerccios para casa

Tendo um website de sua escolha como referncia:

1.

Indique seu endereo na Internet.

2.

Tome por usurio uma nica pessoa (mesma identidade, mesmas capacidades, mesmos
gostos e interesses) e cenarize dois contextos de uso diferentes (objetivos, tarefas,
condies de interao) em que ela poderia se encontrar ao interagir com o website da
disciplina.

3.

Tome por contexto de uso uma mesma situao (objetivos, tarefas, condies de interao)
e cenarize o que se passa com dois usurios distintos (diferentes identidades,
capacidades, gostos e interesses) ao interagirem com o website da disciplina.

Encontre ao menos um exemplo de interao em cada uma das perspectivas

apresentadas nos slides anteriores e, para cada exemplo:

Descreva (textualmente) e ilustre (com imagens) o contexto da interao; e

Justifique por que o caso em questo ilustra a perspectiva escolhida

INF1403 Introdu
Introduo a IHC
Profa. Clarisse S. de Souza