DISCIPLINA: Planejamento Visual em Design para Web (60h ou 80h/a) PROFESSOR: Carlos Café Dias

EMENTA

Conceitos básicos de interface; Design de interação; Usabilidade; Navegabilidade; Interatividade; Hipertexto; Suportes de
interface; Ergonomia cognitiva, heurísticas e diretrizes, técnicas de avaliação de interfaces.

PROGRAMA

Objetivos

Geral
Capacitar o aluno a desenvolver o design de interfaces web, percebendo a sua importância ao revisar suas bases teóricas e
metodológicas; discutir as formas de aplicação na interface dos sistemas tecnológicos com seus usuários.

Específicos
▪ Capacitar o aluno com conceitos da interação humano-computador;
▪ Aplicar conceitos do design para criação de interfaces;
▪ Proporcionar possibilidades de abordagens a problemas e projetos de interface e usabilidade;
▪ Propiciar noções básicas para planejamento, criação e desenvolvimento de websites.

Conteúdos

1. Design de sistemas interativos

1.1 Interação humano-computador
1.2 Interface gráfica do usuário
1.3 Design de interação
1.4 Design centrado no usuário
2. Design de interfaces web
2.1 Arquitetura da informação
2.2 Wireframes
2.3 Layouts
2.4 Storyboards
3. Usabilidade
4. Acessibilidade
5. Softwares de criação de interfaces web
Procedimentos metodológicos

Aulas expositivas com a utilização de recursos audiovisuais e atividades individuais em laboratório com a utilização do
aplicativo navegador de internet.

Recursos didáticos

Quadro branco, projetor multimídia, computadores e softwares de apoio: Navegadores de internet e Penpot.

Avaliação

Desenvolvimentos de projetos práticos em laboratório, dois por bimestre, totalizando quatro ao todo.

Módulo 1 (B1) Módulo 2 (B2)

N1 – Grupo Focal N3 – Prototipagem baixa
N2 – Card Sorting N4 – Prototipagem alta

Bibliografia

Básica
▪ BEAIRD, Jason. Princípios do Web Design Maravilhoso. Rio de Janeiro: AltaBooks, 2008.
▪ KALBACH, James. Design de navegação Web. Porto Alegre: Bookman, 2009.
▪ MEMÓRIA, Felipe. Design para a Internet: projetando a experiência perfeita. Rio de Janeiro: Elsevier, 2005.
▪ NIELSEN, Jakob; LORANGER, Hoa. Projetando Websites com Usabilidade. Rio de Janeiro: Elsevier, 2007.
▪ PREECE, J; ROGERS, Y; SHARP, H. Design de interação: além da interação homemcomputador. Porto
Alegre: Bookman, 2005.
▪ SANTA-ROSA, José Guilherme; MORAES, Anamaria de. Avaliação e projeto no design de interfaces.
Teresópolis, RJ: 2AB, 2012.

Complementar
▪ BENYON, David. Interação humano-computador. 2. ed. São Paulo: Editora Pearson, 2011.
▪ CHAK, Andrew. Como criar sites persuasivos. Makron, São Paulo, 2004.
▪ DAMASCENO, Anielle. Webdesign Teoria & Prática. Visual Books, Florianópolis, 2003.
▪ NORMAN, Donald. Design emocional: porque adoramos (ou detestamos) os objetos do dia-a-dia. Rocco, 2008.
▪ KRUG, Steve. Não me Faça Pensar. Alta Books, 2006.
▪ NORMAN, Donald. O Design do Dia-a-Dia. Rocco, 2007.
▪ SCOTT, Bill; NEIL, Theresa. Designing Web Interfaces. O’Reilly Media, 2009.
▪ WILLIANS, Robin & Tollett, John. Web design para não-designers. Ciência Moderna, São Paulo, 2001.