MINISTRIO DA EDUCAO

SECRETARIA DE EDUCAO PROFISSIONAL E TECNOLGICA

INSTITUTO FEDERAL SUL-RIO-GRANDENSE
DIRETORIA DE ENSINO
COORDENADORIA DE PLANEJAMENTO E AVALIAO DE ENSINO

PLANO DE ENSINO

I DADOS DE IDENTIFICAO
1.1 - Instituio: Instituto Federal Sul-Rio-Grandense - Campus Pelotas
1.2 - rea Profissional: Design
1.3 - Curso: Bacharelado em Design
1.4 - Professor: Ana Paula Freitas Margarites
1.5 - Disciplina: Design de Interface e IHC
1.6 - Vigncia: a partir de 2014/1
1.7 - Perodo letivo: 5 semestre
1.8 - Carga horria semanal da disciplina: 2h/aula
1.9 - Carga horaria total: 30h
1.10 - Pr-requisito: 1.11 - Categoria: ( ) disciplina obrigatria (x) disciplina eletiva
II EMENTA
A disciplina prope a busca e a compreenso dos princpios e mtodos da interao humanocomputador, relacionando as interfaces computacionais com os fatores humanos (cognitivos e
culturais). Estuda o processo de uso de sistemas computacionais com o objetivo de aplicar as
informaes em desenvolvimento de novos sistemas de acordo com as necessidades dos
usurios.
III OBJETIVOS DA DISCIPLINA
Ao final do semestre, o estudante dever ser capaz de:
- Compreender os conceitos de interface, interao e interao humano-computador e suas
implicaes no campo do design;
- Compreender a importncia dos fatores humanos no desenvolvimento de interfaces;
- Elaborar e pr em prtica testes simples de usabilidade em ambiente desktop;
- Fazer projetos de websites levando em considerao os fatores humanos.
IV CONTEDOS
UNIDADE I Interface e Interao
1.1 O que interface
1.2 O que interao
1.3 A interface grfica do usurio
1.4 Fundamentos da Interao Humano-Computador (IHC)
1.5 Multidisciplinaridade na IHC

UNIDADE II Perspectivas da Interao

2.1 Design Centrado no Sistema
2.2 Design Centrado na Tarefa
2.3 Design Centrado no Usurio
UNIDADE III O Usurio
3.1 Aspectos culturais e estticos da IHC
3.2 Acessibilidade
3.3 Usabilidade
UNIDADE IV Desenvolvimento de interfaces
4.1 Modelos para o processo de desenvolvimento de interfaces
4.2 Tendncias nas interfaces com o uso de novos dispositivos
V ESTRATGIAS DE INTERDISCIPLINARIDADE (Relao com outras disciplinas)
A disciplina de Design de Interface e IHC articula-se especialmente com outras das reas de
Design de Web e Design de Interfaces digitais, tais como Mdias Digitais, Tecnologias Digitais I
e II, Arquitetura de Informao e Codificao de Interface.
VI METODOLOGIA
As aulas sero desenvolvidas a partir dos seguintes procedimentos:
- Exposies orais e dialogadas;
- Exibio de vdeos e apresentaes multimdia;
- Leitura e discusso de captulos de livros;
- Desenvolvimento de exerccios e trabalhos prticos.
VII AVALIAO
Atividade 1: Avaliao Heurstica em dupla (1,0)
Atividade 2: Avaliao e redesign de interface (3,0)
Atividade 3: Conceito e design de interao do website (4,0)
Atividade 4: Aplicao de teste de usabilidade de interface (2,0)
A nota total somar 10 pontos. Trabalhos entregues com atraso sero avaliados valendo 70%
da nota total prevista e s podero ser entregues uma com uma semana de atraso. O aluno
que no atingir 60% da nota, ter direito a uma reavaliao em formato de prova valendo 10,0.
Tal reavaliao ser realizada no final do semestre, abordando todo o contedo estudado.
VIII CRONOGRAMA DE ATIVIDADES
Aula 1: Apresentao da disciplina e das propostas de trabalhos
Aula 2: Seminrio de Design
Aula 3: Atividade 1: Avaliao heurstica
Aula 4: Atividade 1: Apresentaes: avaliao heurstica
Aula 5: Leitura e discusso do captulo 1 do Livro "Design de Interao"
Aula 6: Tcnicas de avaliao da experincia do usurio
Aula 7: Atividade prtica 2: avaliao de interface
Aula 8: Atividade prtica 2: redesign da interface de acordo com necessidades do usurio
Aula 9: Atividade prtica 2: redesign da interface de acordo com necessidades do usurio
Aula 10: Apresentao da atividade prtica 2
Aula 11: Interao sensvel ao contexto: IHC para dispositivos mveis - Design responsivo e
adaptativo

Aula 11: Interao sensvel ao contexto: IHC para dispositivos mveis - Usabilidade em
dispositivos mveis
Aula 12: Atividade prtica 3: conceito, diagrama de fluxos e sitemap de website
Aula 13: Atividade prtica 3: wireframes de baixa fidelidade de website
Aula 14: Atividade Prtica 3: validao das etapas j desenvolvidas
Aula 15: Atividade Prtica 4: desenvolvimento dos wireframes de alta fidelidade
Aula 16: Atividade Prtica 4: desenvolvimento dos wireframes de alta fidelidade
Aula 17: Leitura e discusso do captulo 9 do livro "No Me Faa Pensar", de Steve Krug
Aula 18: Atividade 4: Testes de Usabilidade de Interfaces
Aula 19: Atividade 4: Testes de Usabilidade de Interfaces: ajustes
Aula 20: Atividade prtica: Entregas, apresentaes, feedback
IX REFERNCIAS BIBLIOGRFICAS
Bsicas
CYBIS, Walter; BETIOL, Adriana Holtz; FAUST, Richard. Ergonomia e usabilidade:
conhecimentos, mtodos e aplicaes. 2. ed. Sao Paulo: Novatec, 2010. 422 p. : il. p.
KRUG, Steve. No me faa pensar: uma abordagem de bom senso usabilidade na web.
Rio de Janeiro: Alta Books, 2008.
MEMRIA, Felipe. Design para a internet: projetando a experincia perfeita. Rio de
Janeiro: Elsevier, 2005. 171p. p.
PREECE, Jennifer; ROGERS, Yvonne; SHARP, Hellen. Design de Interao: Alm da
Interao Homem-Computador. Porto Alegre: Bookman, 2005.
ROBBINS, Jennifer Niederst. Aprendendo web design: guia para iniciantes. 3. ed. Porto
Alegre: Bookman, 2010.
Complementares
NIELSEN, Jakob; LORANGER, Hoa. Usabilidade na web. 1 ed. Rio de Janeiro: ELSEVIER,
2007.
NORMAN, Donald A. O design do dia-a-dia. Rio de Janeiro: Rocco, c2002. 271 p. : il. p.
X ASSINATURAS:

Professor Responsvel pela disciplina

Coordenador do Curso de Bacharelado em Design