inf1403 - departamento de informáticainf1403/docs/alberto2014-1/aula01_aulainaugural.pdfengenharia...

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 17-Aug-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

INF 1403

serg

INF 1403

Page 3: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010Site da disciplina

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

serg

Page 4: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© 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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© 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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

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

serg

Page 7: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© 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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

IHC

88

serg

Page 9: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© 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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010 1010

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

DiálogoDiálogo

serg

ComparCompar--tilhartilhar

Page 11: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© 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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

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

Page 13: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

nosso objetivo

serg

desenvolver tecnologia para...

Page 14: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

ajudar

serg

atrapalhar

Page 15: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© 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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© 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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

IHC = ?

serg

IHC = ?

Page 18: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

IHC é mais que

serg

o desenho da interface

Page 19: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

H

serg

H

Page 20: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

C

serg

C

Page 21: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

serg

Page 22: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

quem

serg

quem

Page 23: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

onde

serg

onde

Page 24: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

quando

serg

quando

bip! ... bip! (bateria fraca)

Page 25: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© 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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© 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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

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

2727

serg

Page 28: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© 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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010 2929

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

serg

Page 30: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© 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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

IHC é mais que

serg

o desenho da interface

Page 32: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

contexto

serg

Page 33: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

contexto

serg

Page 34: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010neutralidade?

serg

Page 35: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© 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 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

serg

Page 37: INF1403 - Departamento de Informáticainf1403/docs/alberto2014-1/aula01_AulaInaugural.pdfEngenharia cognitiva e semiótica de sistemas interativos. Estilos e paradigmas de interação:

© SERG, 2010© SERG, 2010

serg