interação humano-computador: conceitos básicosinf1403/docs/clarisse2013_1/3wa-aula03.pdf · as...

1

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

1

InteraInteraçção Humanoão Humano--Computador: Computador: Conceitos BConceitos Báásicossicos

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHCAula 03Aula 03

13/03/201313/03/2013

2

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

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 SilvaInteração Humano-Computador (Elsevier, 2010)

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

• Para casa:– Leitura dos 2 capítulos completos– Exercícios indicados (ver último slide)

• Dúvidas?– Tirar com a professora (em sala de aula ou por email)

3

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

Desenvolvimento de Sistemas Interativos

interface

lógica

dados

interface

lógica

dados

[…variações…]

De dentro para fora De fora para dentro

Cf. Barbosa & Silva, 2010 p. 9

4

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

Objetos de Estudo em IHC (1/2)

ErgonomiaErgonomia

DispositivosDispositivosde In/Outde In/Out

Humano Computador

Usos e seu Contexto

ProcessamentoHumano deInformações

Linguagem,Comunicação e

Interação

Processamento eGeraçãode Sinais

(imagem, som,movimento, etc.)

Controle deDiálogo (turnos

de In/Out)

Racionalização doTrabalho

Organização Social

Valores Culturais

…

Aproximação eAdaptação entre

Usuários e Sistemas

…

Cf. Barbosa & Silva, 2010 p. 10

5

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

Objetos de Estudo em IHC (2/2)

TTéécnicas decnicas deAvaliaAvaliaççãoão

Abordagens deAbordagens deDesignDesign

Boas PrBoas Prááticasticas(Heur(Heuríísticas)sticas)

FerramentasFerramentase te téécnicas decnicas de

implementaimplementaççãoão

Processos de Desenvolvimento

Cf. Barbosa & Silva, 2010 p. 10

6

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

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.

7

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

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)

8

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

Interação

Processo alternado de entrada esaída (“diálogo”) entre o usuário eo sistema: modos, meios, duração,

efeitos, etc.

Contrastes de “interação”nas tarefas de anotação de textos

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.

9

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

Interface

Características físicasde dispositicos de entradae saída (controle) desinais

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.

10

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

Affordances

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.

Espectro de possibilidades demanipulação, contato, uso,determinado por característicasfísicas do objeto e agente queo manipula, contata ou usa.

11

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

Quatro perspectivas sobre a interação

J. Kammersgaard, 1988J. Kammersgaard, 1988

usuusuáárioriocomputadorcomputador

SISTEMASISTEMA PARCEIROPARCEIRO

FERRAMENTAFERRAMENTAMIDIAMIDIA

12

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

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

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

MÍDIA (meio de comunicação)

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

Manipulação (direta) das ferramentas

FERRAMENTA

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

Conversa entre usuário e sistema

PARCEIRO DE DISCURSO/DIÁLOGO

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

Entrada de dadosSISTEMA

Fatores de qualidade Fatores de qualidade evidenciadosevidenciados

Significado de interaSignificado de interaççãoãoPerspectivaPerspectiva

Vantagens de cada perspectiva

13

INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza

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