Você está na página 1de 13
1 1
1 1

InteraInteraççãoão HumanoHumano--Computador:Computador:

ç ç ão ão Humano Humano - - Computador: Computador: Conceitos Conceitos B B á á

ConceitosConceitos BBáásicossicos

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC AulaAula 0303

13/03/201313/03/2013

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

– – Introdu Introdu ç ç ão ão a a IHC IHC © © Profa. Profa.
2
2

Sobre esta aula

• O conteúdo desta aula refere-se aos capítulos 1 e 2 do livro-texto da disciplina, de SDJ Barbosa e BS Silva Interação Humano-Computador (Elsevier, 2010)

• Em sala de aula elaboramos, ilustramos e exercitamos pontos selecionados deste conteúdo.

• Para casa:

– Leitura dos 2 capítulos completos

– Exercícios indicados (ver último slide)

• Dúvidas?

Exercícios indicados (ver último slide ) • Dúvidas? – Tirar com a professora (em sala de

– Tirar com a professora (em sala de aula ou por email)

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

– – Introdu Introdu ç ç ão ão a a IHC IHC © © Profa. Profa.
3
3

Desenvolvimento de Sistemas Interativos

De dentro para fora

De fora para dentro

Sistemas Interativos De dentro para fora De fora para dentro interface lógica dados […variações…] interface
interface lógica dados
interface
lógica
dados
para fora De fora para dentro interface lógica dados […variações…] interface lógica dados INF1403
[…variações…] interface lógica dados
[…variações…]
interface
lógica
dados

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

Cf. Barbosa & Silva, 2010 p. 9

ão a a IHC IHC © © Profa. Profa. Clarisse Clarisse S. S. de de Souza
4
4

Objetos de Estudo em IHC (1/2)

4 Objetos de Estudo em IHC (1/2) Racionalização do Trabalho Usos e seu Contexto Organização Social

Racionalização do Trabalho

Usos e seu Contexto

IHC (1/2) Racionalização do Trabalho Usos e seu Contexto Organização Social Valores Culturais … Processamento
IHC (1/2) Racionalização do Trabalho Usos e seu Contexto Organização Social Valores Culturais … Processamento

Organização Social

Valores Culturais

Processamento Humano de Informações

Linguagem, Comunicação e Interação

ErgonomiaErgonomia
ErgonomiaErgonomia

Computador

Humano

Interação ErgonomiaErgonomia Computador H u m a n o Dispositivos Dispositivos de de In/Out In/Out Aproximação

DispositivosDispositivos

dede In/OutIn/Out

Aproximação e Adaptação entre Usuários e Sistemas

Processamento e Geração de Sinais (imagem, som, movimento, etc.)

Controle de Diálogo (turnos de In/Out)

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

Cf. Barbosa & Silva, 2010 p. 10

ão a a IHC IHC © © Profa. Profa. Clarisse Clarisse S. S. de de Souza
5
5

Objetos de Estudo em IHC (2/2)

5 Objetos de Estudo em IHC (2/2) Processos de Desenvolvimento T T é é cnicas cnicas

Processos de Desenvolvimento

5 Objetos de Estudo em IHC (2/2) Processos de Desenvolvimento T T é é cnicas cnicas

TTéécnicascnicas dede AvaliaAvaliaççãoão

AbordagensAbordagens dede DesignDesign

BoasBoas PrPrááticasticas (Heur(Heuríísticas)sticas)

FerramentasFerramentas ee ttéécnicascnicas dede implementaimplementaççãoão

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

Cf. Barbosa & Silva, 2010 p. 10

ão a a IHC IHC © © Profa. Profa. Clarisse Clarisse S. S. de de Souza
6
6

Exercício em sala

• Tendo o website de INF1403 como referência:

1. Tome por usuário uma única pessoa (mesma identidade, mesmas capacidades, mesmos gostos e interesses) e cenarize dois contextos de uso diferentes (objetivos, tarefas, condições de interação) em que ela poderia se encontrar ao interagir com o website da disciplina.

2. Tome por contexto de uso uma mesma situação (objetivos, tarefas, condições de interação) e cenarize o que se passa com dois usuários distintos (diferentes identidades, capacidades, gostos e interesses) ao interagirem com o website da disciplina.

e interesses) ao interagirem com o website da disciplina. INF1403 INF1403 – – Introdu Introdu ç

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

– – Introdu Introdu ç ç ão ão a a IHC IHC © © Profa. Profa.
7
7

Interação, Interface e Affordance

• Interação

– Sobre perspectivas distintas a respeito do processo de interação

• Interface

– Sobre a variedade das características físicas dos componentes mais externos dos artefatos computacionais interativos

Affordances

– Sobre o que se pode fazer com os artefatos, dadas as características de interface (físicas e simbólicas)

as características de interface (físicas e simbólicas) INF1403 INF1403 – – Introdu Introdu ç ç ão

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

– – Introdu Introdu ç ç ão ão a a IHC IHC © © Profa. Profa.
8 Contrastes de “interação” nas tarefas de anotação de textos Interação INF1403INF1403 ––
8 Contrastes de “interação” nas tarefas de anotação de textos Interação INF1403INF1403 ––
8 Contrastes de “interação” nas tarefas de anotação de textos
8
Contrastes de “interação”
nas tarefas de anotação de textos

Interação

nas tarefas de anotação de textos Interação INF1403INF1403 –– IntroduIntroduççãoão aa IHCIHC
INF1403INF1403 –– IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza
INF1403INF1403 –– IntroduIntroduççãoão aa IHCIHC
©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

Processo alternado de entrada e saída (“diálogo”) entre o usuário e o sistema: modos, meios, duração, efeitos, etc.

Nota de uso das imagens:

As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente para fins didáticos.

imagens: As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente para fins
9
9
Interface
Interface

Características físicas de dispositicos de entrada e saída (controle) de sinais

de dispositicos de entrada e saída (controle) de sinais INF1403 INF1403 – – Introdu Introdu ç
de dispositicos de entrada e saída (controle) de sinais INF1403 INF1403 – – Introdu Introdu ç
de dispositicos de entrada e saída (controle) de sinais INF1403 INF1403 – – Introdu Introdu ç

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

Nota de uso das imagens:

As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente para fins didáticos.

imagens: As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente para fins
10
10

Affordances

10 Affordances INF1403 INF1403 – – Introdu Introdu ç ç ão ão a a IHC IHC
10 Affordances INF1403 INF1403 – – Introdu Introdu ç ç ão ão a a IHC IHC
10 Affordances INF1403 INF1403 – – Introdu Introdu ç ç ão ão a a IHC IHC
10 Affordances INF1403 INF1403 – – Introdu Introdu ç ç ão ão a a IHC IHC

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

Espectro de possibilidades de manipulação, contato, uso, determinado por características físicas do objeto e agente que o manipula, contata ou usa.

Nota de uso das imagens:

As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente para fins didáticos.

imagens: As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente para fins
11
11

Quatro perspectivas sobre a interação

11 Quatro perspectivas sobre a interação computadorcomputador SISTEMASISTEMA usuusuááriorio PARCEIRO PARCEIRO MIDIA
11 Quatro perspectivas sobre a interação computadorcomputador SISTEMASISTEMA usuusuááriorio PARCEIRO PARCEIRO MIDIA

computadorcomputador

SISTEMASISTEMA usuusuááriorio
SISTEMASISTEMA
usuusuááriorio
computadorcomputador SISTEMASISTEMA usuusuááriorio PARCEIRO PARCEIRO MIDIA MIDIA INF1403 INF1403 – –

PARCEIROPARCEIRO

SISTEMASISTEMA usuusuááriorio PARCEIRO PARCEIRO MIDIA MIDIA INF1403 INF1403 – – Introdu Introdu ç ç
SISTEMASISTEMA usuusuááriorio PARCEIRO PARCEIRO MIDIA MIDIA INF1403 INF1403 – – Introdu Introdu ç ç
SISTEMASISTEMA usuusuááriorio PARCEIRO PARCEIRO MIDIA MIDIA INF1403 INF1403 – – Introdu Introdu ç ç
SISTEMASISTEMA usuusuááriorio PARCEIRO PARCEIRO MIDIA MIDIA INF1403 INF1403 – – Introdu Introdu ç ç
SISTEMASISTEMA usuusuááriorio PARCEIRO PARCEIRO MIDIA MIDIA INF1403 INF1403 – – Introdu Introdu ç ç

MIDIAMIDIA

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

Profa. Profa. Clarisse Clarisse S. S. de de Souza Souza FERRAMENTA FERRAMENTA J. J. Kammersgaard, Kammersgaard,

FERRAMENTAFERRAMENTA

Profa. Clarisse Clarisse S. S. de de Souza Souza FERRAMENTA FERRAMENTA J. J. Kammersgaard, Kammersgaard, 1988

J.J. Kammersgaard,Kammersgaard, 19881988

12
12

Vantagens de cada perspectiva

12 Vantagens de cada perspectiva Perspectiva Perspectiva Significado Significado de de intera intera ç ç ão

PerspectivaPerspectiva

SignificadoSignificado dede interainteraççãoão

FatoresFatores dede qualidadequalidade evidenciadosevidenciados

SISTEMA

Entrada de dados

Eficiência (tempo que leva, número de erros)

PARCEIRO DE DISCURSO/DIÁLOGO

Conversa entre usuário e sistema

Adequação da linguagem, interpretação e geração de textos

FERRAMENTA

Manipulação (direta) das ferramentas

Funcionalidades relevantes, facilidade, eficácia e eficiência

MÍDIA (meio de comunicação)

Comunicação entre pessoas (usuários, desenvolvedores, etc)

Eficiência, eficácia e conforto da comunicação

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

– – Introdu Introdu ç ç ão ão a a IHC IHC © © Profa. Profa.
13
13

Exercícios para casa

• Tendo um website de sua escolha como referência:

1. Indique seu endereço na Internet.

2. Tome por usuário uma única pessoa (mesma identidade, mesmas capacidades, mesmos gostos e interesses) e cenarize dois contextos de uso diferentes (objetivos, tarefas, condições de interação) em que ela poderia se encontrar ao interagir com o website da disciplina.

3. Tome por contexto de uso uma mesma situação (objetivos, tarefas, condições de interação) e cenarize o que se passa com dois usuários distintos (diferentes identidades, capacidades, gostos e interesses) ao interagirem com o website da disciplina.

• Encontre ao menos um exemplo de interação em cada uma das perspectivas apresentadas nos slides anteriores e, para cada exemplo:

– Descreva (textualmente) e ilustre (com imagens) o contexto da interação; e

– Justifique por que o caso em questão ilustra a perspectiva escolhida

por que o caso em questão ilustra a perspectiva escolhida INF1403 INF1403 – – Introdu Introdu

INF1403INF1403 IntroduIntroduççãoão aa IHCIHC ©© Profa.Profa. ClarisseClarisse S.S. dede SouzaSouza

– – Introdu Introdu ç ç ão ão a a IHC IHC © © Profa. Profa.