1 semestre 2016 - CEULJI ULBRA Prof. Maigon Pontuschka

1. Interface
Homem-Computador
Aula 02 – Princípios de design em IHC
PROF. MAIGON NACIB PONTUSCHKA
maigonp@gmail.com
1° Semestre 2016
Adaptado de material do Prof. Márcio D. Cavalcante - UFRA

2. PRINCÍPIOS DE DESIGN
“...são derivados de uma mistura de
conhecimento baseado em teoria, experiência
e senso comum [...] conjunto de itens que
devem ser assegurados”
(PREECE, 2005)

3. Princípios de design que norteiam o design de interação
1.Visibilidade
2. Feedback
3. Restrições
4. Mapeamento
5. Consistência
6. Affordance
• (PREECE) Design de Interação Cap. 1 - pag 42 a 53
• (NORMAN) Design do dia-a-dia Cap.7 - pag 221 a 25

4. PRINCÍPIOS DE DESIGN – VISIBILIDADE
Visibilidade
“...O sistema deve fornecer indicações do estado do
sistema, que sejam prontamente perceptíveis e
interpretáveis e correspondam às intenções e às
expectativas.” (NORMAN, 2006)

5. PRINCÍPIOS DE DESIGN – VISIBILIDADE

6. PRINCÍPIOS DE DESIGN – VISIBILIDADE

7. PRINCÍPIOS DE DESIGN – FEEDBACK
Feedback
“O feedback se refere ao retorno de informações
a respeito da ação que foi feita e do que foi
realizado, permitindo a pessoa continuar a
atividade.” (PREECE, 2005)

8. PRINCÍPIOS DE DESIGN – FEEDBACK

9. PRINCÍPIOS DE DESIGN – FEEDBACK

10. PRINCÍPIOS DE DESIGN – FEEDBACK

11. PRINCÍPIOS DE DESIGN – RESTRIÇÕES
Restrições
“... refere-se às formas de delimitar o tipo de
interação que pode ocorrer [...] para impedir o
usuário de selecionar a opção incorreta e
reduzir as chances de erro...” (PREECE, 2005)

12. PRINCÍPIOS DE DESIGN – RESTRIÇÕES

13. PRINCÍPIOS DE DESIGN – RESTRIÇÕES

14. PRINCÍPIOS DE DESIGN – RESTRIÇÕES

15. PRINCÍPIOS DE DESIGN – MAPEAMENTO
Mapeamento
“... refere-se a relação entre controles e seus
efeitos no artefato” (PREECE, 2005)

16. PRINCÍPIOS DE DESIGN – MAPEAMENTO

17. PRINCÍPIOS DE DESIGN – MAPEAMENTO

18. PRINCÍPIOS DE DESIGN – MAPEAMENTO

19. PRINCÍPIOS DE DESIGN – CONSISTÊNCIA
Consistência
“... refere-se a projetar interfaces de modo que
tenham operações semelhantes e que utilizem
elementos semelhantes para a realização de
tarefas similares” (PREECE, 2005)

20. PRINCÍPIOS DE DESIGN – CONSISTÊNCIA

21. PRINCÍPIOS DE DESIGN – CONSISTÊNCIA

22. PRINCÍPIOS DE DESIGN – CONSISTÊNCIA

23. PRINCÍPIOS DE DESIGN – AFFORDANCE
Affordance
“É um atributo do objeto que permite ao usuário
saber como utilizá-lo” (PREECE, 2005)
“É uma ‘dica’ de como devemos interagir com o
objeto.”

24. PRINCÍPIOS DE DESIGN – AFFORDANCE

25. PRINCÍPIOS DE DESIGN – AFFORDANCE
Affordance
“É um atributo do objeto
que permite ao usuário
saber como utilizá-lo”
(PREECE, 2005)

26. PRINCÍPIOS DE DESIGN – AFFORDANCE
Affordance
“É um atributo do objeto
que permite ao usuário
saber como utilizá-lo”
(PREECE, 2005)

27. PRINCÍPIOS DE DESIGN – AFFORDANCE
Affordance
“É um atributo do objeto
que permite ao usuário
saber como utilizá-lo”
(PREECE, 2005)

28. PRINCÍPIOS DE DESIGN – AFFORDANCE
Affordance
“É um atributo do objeto
que permite ao usuário
saber como utilizá-lo”
(PREECE, 2005)

29. PRINCÍPIOS DE DESIGN – AFFORDANCE
Affordance
“É um atributo do objeto
que permite ao usuário
saber como utilizá-lo”
(PREECE, 2005)

30. PRINCÍPIOS DE DESIGN – AFFORDANCE

31. PRINCÍPIOS DE DESIGN – APARÊNCIA

32. PRINCÍPIOS DE DESIGN – APARÊNCIA

33. PRINCÍPIOS DE DESIGN – APARÊNCIA

34. PRINCÍPIOS DE DESIGN – APARÊNCIA

35. PRINCÍPIOS DE DESIGN – APARÊNCIA

36. Princípios de design que norteiam o design de interação
1.Visibilidade
2. Feedback
3. Restrições
4. Mapeamento
5. Consistência
6. Affordance
• (PREECE) Design de Interação Cap. 1 - pag 42 a 53
• (NORMAN) Design do dia-a-dia Cap.7 - pag 221 a 25

37. Tarefa
1. Forme grupos
2. Analise os celulares, smartphones e tablets pessoais
3. Procure Identificar alguns princípios de design
4. Apresente à turma
5.Tempo:
30min pesquisa
10min apresentação

38. Parte 2
PRINCÍPIOS DE DESIGN

39. Princípios de design que norteiam o design de interação
1. Proximidade
2. Alinhamento
3. Repetição
4. Contraste
• WILLIAMS, Robin Design para quem não é designer: noções básicas de
planejamento visual. 2ed. São Paulo: Callis, 1995

40. Bibliografia da aula
• CAVALCANTE, Marcio D. L. Introdução à Usabilidade. Belém do
Pará: UFRA, 2014. Disponível em
<http://www.slideshare.net/mdarlen/ihc-slide-2-usabilidade-e-
princpios-de-design> Acessado em 10/3/2016.
• PREECE, J.; ROGERS,Y.; SHARP, H. Design de Interação: além da
interação homem-computador, PortoAlegre: Bookman, 2005.
• NORMAN,D. O Design do dia-a-dia. São Paulo: Rocco, 2006
• WILLIAMS, Robin. Design para quem não é designer: noções básicas
de planejamento visual. 2ed. São Paulo: Callis, 1995