1. O documento descreve uma oficina sobre usabilidade de interfaces e fornece detalhes sobre conceitos como modelo mental, heurísticas e princípios de design. 2. São apresentados 10 princípios heurísticos para avaliar interfaces e identificar problemas, como visibilidade do estado do sistema e prevenção de erros. 3. A oficina ensina técnicas para analisar interfaces como eye-tracking e avaliação heurística para categorizar problemas e melhorar a usabilidade.

5. 1. Conceituação de modelo mental Vamos começar com um elemento que todos conhecemos.

6. 1. Conceituação de modelo mental Provavelmente a marioria das funções ou utilidades secundárias de uma escova envolvem o ato de escovar . Isso ocorre porque o modelo mental que temos de uma escova de dentes é escovar . Estamos presos nessa função.

7. 1. Conceituação de modelo mental Isso é um modelo mental .

8. 1. Conceituação de modelo mental Como seria um modelo mental de um carro?

9. 1. Conceituação de modelo mental Como seria um modelo mental de um carro?

10. 1. Conceituação de modelo mental Como seria um modelo mental de um site? Marca Buscar Navegação global Rodapé Navegação local Conteúdo

11. “ Modelo mental é o nosso modelo conceitual particular da maneira como um objeto funciona, eventos acontecem ou pessoas se comportam, que resulta da nossa tendência de dar explicações para as coisas. ” Donald Norman - 1990 1. Conceituação de modelo mental

13. 2. O que é heurística? Isso está correto? Quem disse? Marca Buscar Navegação global Rodapé Navegação local Conteúdo

14. 2. O que é heurística?

15. 2. O que é heurística?

16. 2. O que é heurística?

17. 2. O que é heurística?

18. 2. O que é heurística? Acaba virando regra! As técnicas heurísticas não asseguram as melhores soluções, mas somente soluções válidas, aproximadas; e freqüentemente não é possível justificar em termos estritamente lógico a validade do resultado.

19. 2. O que é heurística? Por isso, temos 3 estratégias para a definição de problemas: 1. busca às cegas 2. busca heurística (baseada na experiência) 3. buscas racionais (usando um sistema forma de raciocínio).

20. 2. O que é heurística?

21. 3. Conhecendo os 10 princípios heurísticos Em 1990, Jakob Nielsen criou 10 regras de design de interação, chamadas de “Heurísticas”. Hoje elas são usadas como guias no desenvolvimento de produtos interativos. 1. Visibilidade do estado do sistema 2. Compatibilidade do sistema com o mundo real 3. Controle e liberdade do usuário 4. Consistência e padrões 5. Prevenção de erros 6. Reconhecimento ao invés de lembrança 7. Flexibilidade e eficiência de uso 8. Estética e design minimalista 9. Ajudar os usuários a reconhecer, diagnosticar e corrigir erros 10. Ajudas (Help) e documentação.

22. 3. Conhecendo os 10 princípios heurísticos 1. Visibilidade do estado do sistema O sistema deve sempre manter os usuários informados sobre o que está acontecendo, através de comentários, dentro de um prazo razoável de tempo.

23. 3. Conhecendo os 10 princípios heurísticos

24. 3. Conhecendo os 10 princípios heurísticos

25. 3. Conhecendo os 10 princípios heurísticos 2. Compatibilidade do sistema com o mundo real O sistema deve falar a língua do usuário, com palavras, frases e conceitos familiares. Siga as convenções do mundo real para que a informação pareça lógica e muito natural.

26. 3. Conhecendo os 10 princípios heurísticos

27. 3. Conhecendo os 10 princípios heurísticos 3. Controle e liberdade do usuário O usuário deve ter o controle de sua navegação. Ele escolhe o que vai acessar, quando e como. Todo o sistema deve ser sua saída, segunda escolha ou simplesmente a possibilidade de desfazer uma ação.

28. 3. Conhecendo os 10 princípios heurísticos

29. 3. Conhecendo os 10 princípios heurísticos 4. Consistência e padrões Em um mesmo site, tudo deve ser consistente. Tanto em design (branding) quanto em funcionalidade. O usuário não deve ter questionamentos sobre ações já executadas e repetidas.

30. 3. Conhecendo os 10 princípios heurísticos

31. 3. Conhecendo os 10 princípios heurísticos 5. Prevenção de erros Prever todas as maneiras e formatos de navegação ou manipulação de dados, com o objetivo de mapear eventuais erros.

32. 3. Conhecendo os 10 princípios heurísticos

33. 3. Conhecendo os 10 princípios heurísticos 6. Reconhecimento ao invés de lembrança Minimize a carga de memória do usuário, fazendo objetos, ações e opções visíveis. O usuário não deve ter que lembrar de todas as funcionalidades ou interações antes de cada clique.

34. 3. Conhecendo os 10 princípios heurísticos

35. 3. Conhecendo os 10 princípios heurísticos 7. Flexibilidade e eficiência de uso O sistema deve se adequar à usuários experientes ou inexperientes, deve permitir manipulações e formas diferentes e alternativas de se navegar.

36. 3. Conhecendo os 10 princípios heurísticos 8. Estética e design minimalista As interfaces não devem conter informações que são irrelevantes ou raramente necessárias. Tudo, além do necessário, é ruído.

37. 3. Conhecendo os 10 princípios heurísticos 9. Ajudar os usuários a reconhecer, diagnosticar e corrigir erros Melhor do que não ter erros, é informar o usuário onde ocorreu o erro, como ele ocorreu e como ele poderá corrigir ou contonar o erro.

38. 3. Conhecendo os 10 princípios heurísticos 10. Ajudas (Help) e documentação. Fornecer um método de ajudar o usuário a navegar, através de recursos de ajuda e orientação.

39. 3. Conhecendo os 10 princípios heurísticos

57. Consigo obter as 3 respostas para essa interface?

58. Consigo obter as 3 respostas para essa interface?

59. Consigo obter as 3 respostas para essa interface?

60. Consigo obter as 3 respostas para essa interface?

62. 6. Como o usuário enxerga a interface Como o usuário enxerga a interface?

63. 6. Como o usuário enxerga a interface Como o usuário enxerga a interface? Eye-tranking

64. 6. Como o usuário enxerga a interface Como o usuário enxerga a interface? Eye-tranking

65. 6. Como o usuário enxerga a interface Como o usuário enxerga a interface?

68. 6. Como o usuário enxerga a interface Existem diferenças entre usuários

69. 6. Como o usuário enxerga a interface Mulher Homem

71. 7. Estudo de caso – atividade prática Obrigado :-) Renato Rosa [email_address] [email_address] +55 51 9335.3208