Interação Humano-Computador: O que é? Por que estudar?

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


Plano da Aula• Interação Humano-Computador

– O que é?– Por que estudar?

• Exercício de 04/03/2013– Entrega / Dúvidas


Interação Humano- Computador

Busca no Google


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)


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


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•• ……


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.


http://www.agenciaaids.com.br/clipping/aids_20092011.htm


TIC’s + inclusivas Acessibilidade


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


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

http://www.w3schools.com/html/default.asp

Interação Humano-Computador: O que é? Por que estudar?

Documents

Transcript of Interação Humano-Computador: O que é? Por que estudar?