Prototipagem Digital e Usabilidade

1. Prototipagem
Digital e
Usabilidade:
Prof. Me. Artur Cabral
AULA 02

2. protótipo

3. Um protótipo é um esboço de produto
ou serviço que busca visualizar uma
idéia, entender comportamentos ou
testar soluções.

5. Prototipar
etapa de conversão de
feedbacks e
alternativas,adequando-
os aos bons padrões de
experiência de
usuários.
Revisar Refinar
onde o protótipo será
testado por usuários e
deverá avaliar se está
atingindo expectativas
e resolvendo problemas.
baseado em feedback,
identificar áreas que
precisam ser melhor
resolvidas.

6. Protótipos de dados
em tempo real
alta
fidelidade
FUNCIONAL
baixa
fidelidade
FUNCIONAL
baixa
fidelidade
VISUAL
alta
fidelidade
VISUAL
Protótipos manuais
Protótipos
estáticos
Protótipos digitais
de alta fidelidade

7. Protótipo manual

8. !Wireframe

9. Wireframe clicável

10. Protótipo (+visual)

11. Protótipo (+funcionalidade)

12. sketch mockup

13. Elementos de ID

14. 1
controle de
entrada
2
componentes
de navegação
3
componentes
informativos
4
containers
5
conteúdo

15. Controles de entrada

16. Buttons

17. Icons

18. Checkboxes

19. Radio buttons

20. Slide bar

21. Dropdown lists

22. Button dropdown List

23. Toggles

24. Inputs (Text)

25. Date and time pickers

26. Componentes de navegação

27. Menu

28. Search Field

29. Breadcrumb

30. Pagination

31. Slides

32. Image Carousel

33. Tags

34. Componentes informativos

35. Notifications

36. Progress bar

37. Tooltips

38. Message Boxes

39. Modal

40. Pop-up

41. Containers

42. Accordion

43. Sidebar

44. Anatomia | Landing Page

46. Exercício
Teste Capricho
digital