Interfaces Web

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-websites-of-2007.html