inf1403 – introdução a interação humano-computador (ihc...

37
1 INF1403 – Introdução a Interação Humano-Computador (IHC) Turma 3WB serg Professor: Alberto Barbosa Raposo ([email protected] – Sala 417 RDC) Aula Inaugural 29/Fev/2012

Upload: others

Post on 05-Jun-2020

3 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

11

INF1403 – Introdução a Interação Humano-Computador (IHC)

Turma 3WB

serg

Professor:

Alberto Barbosa Raposo([email protected] – Sala 417 RDC)

Aula Inaugural29/Fev/2012

Page 2: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

INF 1403

serg

INF 1403

Page 3: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010Site da disciplina

http://www.inf.puc-rio.br/~inf1403/

serg

Page 4: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010Ementa em catálogo

Comunicação usuário-sistema. Comunicação projetista-usuário.

Engenharia cognitiva e semiótica de sistemas interativos. Estilos e

paradigmas de interação: interfaces gráficas; manipulação direta,

ícones e linguagens visuais. Modelagem de interfaces: cenarização;

serg

ícones e linguagens visuais. Modelagem de interfaces: cenarização;

modelos de tarefas; modelos de usuário; modelos de interação.

Concretização do projeto de interface: storyboarding e prototipação de

interfaces; ferramentas de apoio à construção de interfaces. Avaliação

de sistemas interativos: inspeção e testes com usuários; aspectos

éticos na relação com os usuários. Acessibilidade: interfaces para

dispositivos móveis; usabilidade universal.

Page 5: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010Bibliografia

• Principal

– Barbosa, S.D.J.; Silva, B.S. Interação Humano-Computador. Editora Campus-Elsevier, 2010.

• Complementar

– Preece, J.; Rogers, I.; Sharp, H. Design de Interação: Além da Interação Humano-Computador; Porto Alegre: Bookman, 2005.

– Prates, R.O.; Barbosa, S.D.J. (2003) Avaliação de Interfaces de Usuário – Conceitos e Métodos Anais do XXIII Congresso Nacional da Sociedade Brasileira de

serg

XXIII Congresso Nacional da Sociedade Brasileira de Computação. XXII Jornadas de Atualização em Informática (JAI). SBC’2003. Agosto de 2003.

– Prates, R.O.; Barbosa, S.D.J. (2007) Introdução à Teoria e Prática da Interação Humano Computador fundamentada na Engenharia Semiótica. In Tomasz Kowaltowski and Karin Breitman (orgs.) atualizações em informática 2007. XXVII Congresso da Sociedade Brasileira de Computação. Jornadas de Atualização em Informática (JAI), JAI/SBC 2007. Julho de 2007.

Page 6: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010Forma de Avaliação: Critério 2

serg

Page 7: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

Comunicação por email

• O professor utilizará a lista de distribuição de emails

para os alunos matriculados na turma 3WB.

– Tenham suas contas de email no domínio INF devidamente

serg

– Tenham suas contas de email no domínio INF devidamente atualizadas e ativas!

• Contato com o professor:

– Alberto: [email protected] (sala RDC 417, ramal 4338)

Page 8: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

IHC

88

serg

Page 9: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

Interação Humano-Computador???

99

• De onde vem esse nome?

– do termo inglês: “Human-Computer Interaction”

• O que quer dizer?

serg

• O que quer dizer?

– Literalmente:

• Processo pelo qual ‘seres humanos’ interagem com computadores

Page 10: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010 1010

Ação Ação mútuamútua

DiálogoDiálogo

serg

ComparCompar--tilhartilhar

Page 11: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

Interação Humano-Computador???

1111

• De onde vem?

– de Human-Computer Interaction

• O que quer dizer?

serg

• O que quer dizer?

– Literalmente:

• Processo pelo qual ‘seres humanos’ interagem com computadores

– Tecnicamente:

•• Modos, meios e processos envolvidos no uso de sistemas Modos, meios e processos envolvidos no uso de sistemas

computacionaiscomputacionais em:

– Computadores, propriamente ditos

– Outros artefatos (eletro-eletrônicos, automóveis, prédios, roupas, etc.)

Page 12: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

serg Freemind: http://freemind.sourceforge.net/wiki/index.php/Main_Page

Page 13: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

nosso objetivo

serg

desenvolver tecnologia para...

Page 14: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

ajudar

serg

atrapalhar

Page 15: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

Mas como diferenciar?

a t a pa uj d a

serg

art a a a rp lha uj d

ra

Page 16: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010ajudar… …ou atrapalhar

quem?

a fazer o quê?

onde?

com quem?

para quem?

serg

quando?

onde?

por quê? como?

com que frequência?

com que resultado?

Page 17: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

IHC = ?

serg

IHC = ?

Page 18: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

IHC é mais que

serg

o desenho da interface

Page 19: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

H

serg

H

Page 20: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

C

serg

C

Page 21: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

serg

Page 22: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

quem

serg

quem

Page 23: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

onde

serg

onde

Page 24: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

quando

serg

quando

bip! ... bip! (bateria fraca)

Page 25: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

Por que estudar IHC?

2525

1.1. Porque os computadores estão em toda parte.Porque os computadores estão em toda parte.

serg

Page 26: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

15

20

25

30

Principais causas de morte nos EUA, em 2002

2. Interação mal projetada estressa2. Interação mal projetada estressa

serg

0

5

10

doenças

coronárias

câncer acidente

vascular

cerebral

(AVC)

doença

respiratória

crônica

acidentes diabetes influenza e

pneumonia

Alzheimer doenças

renais

septicemia outros

%

agravadas por stress emocional crônico (> 60%)

Fonte: http://www.wrongdiagnosis.com/death/what.htm

Page 27: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

3. E também porque acessibilidade digital (?) é lei!

2727

serg

Page 28: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

Quem é o nosso “H”?Quem é o nosso “H”?

2828

serg

Você conhece o Você conhece o Brasil?Brasil? Que sabe Que sabe sobre ‘os usuários’ sobre ‘os usuários’ dos sistemas que dos sistemas que você vai construir?você vai construir?

Page 29: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010 2929

Acessibilidade para usuários comAcessibilidade para usuários comnecessidades especiais FÍSICASnecessidades especiais FÍSICAS

serg

Page 30: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010 3030

Acessibilidade para Acessibilidade para usuários comusuários comnecessidades necessidades especiais OUTRASespeciais OUTRAS

Quase Quase ⅓⅓ da da

serg

Quase Quase ⅓⅓ da da população brasileira é população brasileira é

constituída de constituída de ANALFABETOS ou ANALFABETOS ou

SEMISEMI--ANALFABETOS. ANALFABETOS.

Page 31: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

IHC é mais que

serg

o desenho da interface

Page 32: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

contexto

serg

Page 33: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

contexto

serg

Page 34: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010neutralidade?

serg

Page 35: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

projete um sistema que permita...

– calcular uma expressão aritmética

– conhecer a previsão do tempo

– fazer uma busca na Internet

serg

– fazer uma busca na Internet

– fazer uma conversão de temperatura

– fazer uma conversão de medida de comprimento

– saber que horas são em qualquer cidade do mundo

Page 36: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

serg

Page 37: INF1403 – Introdução a Interação Humano-Computador (IHC ...inf1403/docs/alberto2012-1/01_AulaInaugural.pdf · 1 INF1403 – Introdução a Interação Humano-Computador (IHC)

© SERG, 2010© SERG, 2010

serg