interação humano-computador: o que é? por que estudar?
TRANSCRIPT
![Page 1: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/1.jpg)
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: O que O que éé? Por que estudar?? Por que estudar?
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHCAula 02Aula 02
11/03/201311/03/2013
![Page 2: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/2.jpg)
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Plano da Aula• Interação Humano-Computador
– O que é?– Por que estudar?
• Exercício de 04/03/2013– Entrega / Dúvidas
![Page 3: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/3.jpg)
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Interação Humano- Computador
Busca no Google
![Page 4: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/4.jpg)
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
O que é “Interação Humano-Computador”?• Para “vocꔕ Para gente que você conhece de perto
• Variedade de contextos de interação
• “Qualidade” da interação– Coisas boas– Coisas ruins
• Seus exemplos de IHC (+ seus comentários)
![Page 5: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/5.jpg)
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Por que estudar IHC?• O que há para ser estudado?
– Quem deve estudar?– Como?– Por quê?
• Seu papel no cenário global
– Desafios do estudo de IHC– Atrativos do estudo de IHC
![Page 6: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/6.jpg)
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Interação e Interfaces
http://petitinvention.wordpress.com/2008/02/10/future-of-internet-search-mobile-version/
TIC’s
• móveis• portáteis• embarcadas• …
• inclusivasinclusivas•• ……
![Page 7: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/7.jpg)
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Culturas de Participação na Web 2.0• Novas formas de participação social
– Redes Sociais– Autoria de Conteúdos– Crowd Sourcing– Ação Social– Ação Política– Etc.
![Page 8: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/8.jpg)
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
![Page 9: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/9.jpg)
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
http://www.agenciaaids.com.br/clipping/aids_20092011.htm
![Page 10: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/10.jpg)
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
TIC’s + inclusivas Acessibilidade
![Page 11: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/11.jpg)
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
![Page 12: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/12.jpg)
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Nosso projeto de curso• Objetivo: “vivenciar” IHC
• Plataforma Web– Variações sobre uma aplicação de sua escolha
• Estudo do Design (experiência dos usuários)• Alteração do Design (redesign: como, para quem e por quê)• Prototipação do Novo Design• Avaliação do Novo Design
• Ferramentas:– Ferramentas de Sketching (eg. Balsamiq, Pencil)– Ferramentas de Customização e Web Scraping (eg. Yahoo!Pipes,
Greasemonkey, iMacros)– Outras de sua preferência
![Page 13: Interação Humano-Computador: O que é? Por que estudar?](https://reader031.vdocuments.site/reader031/viewer/2022022815/621bbada257a8e0a52448f95/html5/thumbnails/13.jpg)
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
ExercExercíício de Familiarizacio de Familiarizaçção com Ferramentasão com FerramentasFazer o tutorial Fazer o tutorial onlineonline da W3C sobre:da W3C sobre:
HTML (obrigatHTML (obrigatóório)rio)EndereEndereçço do tutorial: o do tutorial: http://www.w3schools.com/html/default.asphttp://www.w3schools.com/html/default.asp
Fazer o teste (QUIZ) ao final dos capFazer o teste (QUIZ) ao final dos capíítulos, imprimir os resultados e trazer tulos, imprimir os resultados e trazer para a aula de 2apara a aula de 2a--feira dia 11/03.feira dia 11/03.––Como fazer o teste?Como fazer o teste?
•• Na pNa páágina indicada acima, procurar gina indicada acima, procurar ““HTML QUIZHTML QUIZ”” e clicar e clicar no linkno link
––Como imprimir os resultadosComo imprimir os resultados•• Aperte o botão ao final do teste ; quAperte o botão ao final do teste ; quando a pando a páágina de gina de
resultados for carregada, utilize a funresultados for carregada, utilize a funçção ão ““imprimirimprimir”” do seu browser.do seu browser.
13