Interação Humano ão Humano-Computador_2

Prévia do material em texto

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 IHC
Aula 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 Ferramentas
Fazer 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
	Interação Humano-Computador: �			 O que é? Por que estudar?
	Plano da Aula
	Interação Humano-Computador
	O que é “Interação Humano-Computador”?
	Por que estudar IHC?
	Interação e �Interfaces
	Slide Number 7
	Slide Number 8
	http://www.agenciaaids.com.br/clipping/aids_20092011.htm
	TIC’s + inclusivas  Acessibilidade
	Slide Number 11
	Nosso projeto de curso
	Exercício de Familiarização com Ferramentas