Aula 01 - Interfaces Web - Introdução à IHC

Interfaces Web
Aula 01
Prof. Carlos Rosemberg
Aula 01 - Objetivos
Apresentar a disciplina
Interfaces Web
Discutir noções básicas
de Interação Homem
Computador
Professor
Carlos Rosemberg
Designer de Interfaces – Atlântico
11 anos trabalhando com design para Web
Pós Graduado em Design Digital – FIC
Graduado em Administração – UFC
Técnico em Informática Industrial – CEFET
[email protected]
Metodologia
Aulas teórico-práticas
Exercícios de classe
Trabalho evolutivo
Prova final
Ementa
Unidade 0 – Fundamentos de IHC
Introdução à Interação Homem-Computador
Usabilidade e experiência do usuário
Metas de usabilidade
Metas de Experiência do usuário
Ementa
Unidade I – Interfaces Web
Web (Internet, Hipertexto, browsers)
Principais conceitos
Web Standards
Principais características
Vantagens e desvantagens
Ementa
Unidade II – HTML
Características Gerais das linguagens de
marcação.
Principais conceitos de HTML
Trabalhando com HTML (tags)
Ementa
Unidade III – CSS
Características Gerais das linguagens de
apresentação.
Introdução ao CSS
Trabalhando com CSS
Ementa
Unidade IV – Javascript
Características Gerais das linguagens de
script.
Introdução ao Javascript
Trabalhando com Javascript
Fundamentos de Interação
Homem-Computador
Fundamentos de IHC
Fundamentos de IHC
Afinal, o que é IHC?
Fundamentos de IHC
É o estudo da interação entre pessoas e
computadores. (duuh!)
Matéria multidisciplinar que relaciona a
ciência da computação, artes, design,
ergonomia, psicologia, sociologia,
semiótica, lingüística, e áreas afins.
Fundamentos de IHC
Dois conceitos são fundamentais:
Usabilidade
Experiência do usuário
Fundamentos de IHC
Metas de usabilidade
Efetivo
Eficiente
Seguro
Útil
Fácil de entender
Fácil de lembrar como se usa
Fundamentos de IHC
Metas da experiência do usuário
Satisfatório
Divertido
Emocionalmente adequado
Compensador
Incentivador da criatividade
Esteticamente apreciável
Motivador
Proveitoso
Interessante
Agradável
Fundamentos de IHC
Exemplos de IHC de boa qualidade:
Fundamentos de IHC
Exemplos de IHC de má qualidade
Referências
Design de Interação: Além da Interação HomemComputador. Preece, Rogers, Sharp. Bookman,
2005
Wikipedia: http://pt.wikipedia.org/wiki/Ihc
Websites That Suck: http://www.
webpagesthatsuck.com/worst-web-sites-of-2007.
html