Apresentação das 'regras' de usabilidade de Jakob Nielsen. Presentation on Jakob Nielsen's usability guidelines.

1. O que é heurística?
O que é usabilidade?
Quem é Nielsen?

2. O que é heurística?

3. • Conjunto de regras e métodos que conduzem a descoberta e
a resolução de problemas. Simplificação de algo complexo e
pouco compreendido.
Fonte: Dicionário Aurélio

4. O que é usabilidade?

5. Segundo o dicionário Priberam online:
1. Qualidade do que é usável.
2. Característica do que é simples e fácil de usar.
3. Capacidade de um objeto, programa de computador, página da Internet, etc.
satisfazer as necessidades do usuário de forma simples e eficiente.

6. Quem é Nielsen?

7. Jakob Nielsen
• Dinamarquês.
• Ph.D em interação
humano-computador.
• Pesquisador na área
de usabilidade.

8. http://www.nngroup.com/

10. As 10 Heurísticas
de Nielsen

11. 1. Visibilidade de Status do Sistema
• O sistema deve informar continuamente ao usuário sobre o que ele está fazendo.
• 10 segundos é o limite para manter a atenção do usuário focalizada no diálogo.

12. 1. Basecamp by 37signals
• O botão de upload fica desabilitado quando é
clicado. E então, ele é substituído por um
indicador de progresso até que o arquivo tenha
terminado o upload.

13. 2. Picnik’s app
• Mensagem de progresso e indicador mostra
quando o aplicativo carrega

14. 3. Tick
• Uma mensagem de feedback é exibida quando
uma ação é executada.

15. 4. Windows Live Account
• A força da senha é visualizada enquanto a senha
é digitada.

16. 2. Relacionamento entre a interface do sistema e o mundo real
• Os conceitos, termos, vocabulário, tarefas e procedimentos adotados na
interface do sistema devem ser os tão próximos quanto possível da realidade
do usuário no domínio de atividade a que o sistema se refere.

17. iTune’s application
• Organizado como uma biblioteca que contém a
biblioteca de mídia: música, filmes, shows,
audiobooks. Embaixo da biblioteca é a loja onde
você pode comprar mais mídia para colocar em
sua biblioteca.

18. CSE HTML Validator, 4.0
• Verifica se há erros de sintaxe em
documentos HTML.
• Cada flag está associado a um conjunto de
tags HTML. Explicação disponível no help.
• Heurística é violada
• Projetista preocupado em adaptar rapidamente o sistema
a mudanças na especificação de tags.

19. • Uma solução muito melhor! Beneficia tanto o
usuário quanto o projetista.

20. 3. Liberdade e controle do usuário
• A interface deve ser mais reativa do que ativa (deixar o usuário controlar o sistema). E
como ao exercer este controle, o usuário pode ocasionalmente incorrer em erro, ela
deve oferecer a possibilidade de desfazer o(s) último(s) comando(s) para o usuário
retornar rápido ao (a um) estado anterior.

21. CollabFinder
• A pesquisa é fácil de abrir, de inserir informações, executar ou cancelar.

22. Balsamiq
• Os botões desfazer e refazer estão disponíveis na
barra de ferramentas, e também podem ser
acessados com os atalhos de teclado padrão.

23. REFERÊNCIAS
• http://corais.org/node/99
• http://www.tidbits.com.br/as-10-heuristicas-de-usabilidade-
do-nielsen
• http://designingwebinterfaces.com/6-tips-for-a-great-
flex-ux-part-5
• http://www.inf.puc-rio.br/~inf1403/docs/alberto2012-
1/06_AvHeuristica.pdf