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
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
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
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)
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
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•• ……
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.
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
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
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
TIC’s + inclusivas Acessibilidade
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
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
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
Top Related