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

13
1 INF1403 INF1403 Introdu Introdu ç ç ão a IHC ão a IHC © © Profa. Clarisse S. de Souza Profa. Clarisse S. de Souza 1 Intera Intera ç ç ão Humano ão Humano - - Computador: Computador: Conceitos B Conceitos B á á sicos sicos INF1403 INF1403 Introdu Introdu ç ç ão a IHC ão a IHC Aula 03 Aula 03 13/03/2013 13/03/2013

Upload: lamkiet

Post on 10-Nov-2018

221 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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

Page 2: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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)

Page 3: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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

Page 4: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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

Page 5: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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

Page 6: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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.

Page 7: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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)

Page 8: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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.

Page 9: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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.

Page 10: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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.

Page 11: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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

Page 12: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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

Page 13: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente

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