inf1403 - departamento de informáticainf1403/docs/alberto2014-1/aula01_aulainaugural.pdfengenharia...
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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/1.jpg)
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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/2.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/3.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/4.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/5.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/6.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/7.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/8.jpg)
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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/9.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/10.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/11.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/12.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/13.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/14.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/15.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/16.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/17.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/18.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/19.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/20.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/21.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/22.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/23.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/24.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/25.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/26.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/27.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/28.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/29.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/30.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/31.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/32.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/33.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/34.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/35.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/36.jpg)
© 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:](https://reader036.vdocuments.pub/reader036/viewer/2022071001/5fbd2f9956876d6263021e95/html5/thumbnails/37.jpg)
© SERG, 2010© SERG, 2010
serg