Heurísticas de Nielsen como apoio aos testes de experiência de uso. Apresentação por Jeniffer Deus no evento Test Girls Online #1, em 28/07/2020. https://www.linkedin.com/in/jenifferdeus/

1. Heurísticas de nielsen como apoio
aos testes de experiência de uso

2. OiÊ!
Eu sou a Jeniffer
Estou aqui pra conversarmos sobre Heurísticas de
Nielsen e como utilizá-las para aprimorar nossos
testes pensando na experiência do usuário.
2

3. “Até os melhores designers só produzem
produtos de sucesso se seus projetos
resolverem os problemas certos.
Uma interface maravilhosa para os recursos
errados falhará. ”
- Jakob Nielsen
3

4. Nossa agenda
● Afinal, o que são heurísticas?
● E quem é esse tal de Nielsen?
● Por que as heurísticas de Nielsen são importantes?
● As 10 heurísticas explicadas
● Como esse conhecimento pode apoiar nos testes?
● Referências e agradecimentos
4

5. 1.
O que são heurísticas?
5

6. Afinal, o que são heurísticas?
Definição: heurística provém do grego antigo, transl. heurísko, 'eu
encontro', 'eu 'acho' (transl. heurískein: 'encontrar', 'descobrir', 'inventar',
'obter').
Heurística é um método ou processo criado com o objetivo de encontrar
soluções para um problema a partir da experiência prática, da observação e
da criatividade.
No contexto desta talk, as heurísticas de Nielsen servem para avaliar uma
interface como uma lista de princípios de usabilidade estabelecidos.
6

7. 2.
E quem é esse tal de Nielsen?
7

8. E quem é esse tal de Nielsen?
Jakob Nielsen é um cientista da computação, consultor,
escritor e orador dinamarquês. Phd em interação
humano-computador, trabalhou em empresas como IBM,
Bellcore, Sun Microsystems.
Diretor do Nielsen Norman Group (junto com Don Norman).
Autor de muitos livros dedicados ao estudo da usabilidade
para web e, mais recentemente, para o contexto mobile.
Possui 79 patentes nos Estados Unidos, sendo a maioria sobre
como tornar a internet mais fácil de usar.
8

9. 3.
Por que as heurísticas de
nielsen são importantes?
9

10. E por que as heurísticas de nielsen são importantes?
● Para que uma pessoa usuária atinja seus objetivos dentro de um
produto digital, ele deve ser fácil de usar.
● Produtos digitais que prezam por boas experiências, têm melhor
reputação e melhor percepção da marca.
● As heurísticas ajudam a mapear situações favoráveis ou de risco
dentro de um produto ou sistema.
● Trabalhando para otimizar o produto, aumentam as chances de
conversão.
10

11. As heurísticas de nielsen foram criadas em 1994.
Em 2012, ele lançou um livro sobre
usabilidade móvel.
11

12. 4.
as 10 heurísticas explicadas
12

13. 1. Visibilidade do status do sistema
O sistema deve sempre manter o usuário informado a
respeito do que acontece no exato momento de uma
interação. Feedbacks instantâneos.
Evite que o usuário fique perdido. Informe de onde ele veio,
onde ele está e para onde ele pode ir.
13

14. 14
Exemplo visibilidade do sistema
Youtube:

15. 2. Compatibilidade com o mundo real
Os produtos digitais devem falar a linguagem do usuário.
Conceitos familiares ao usuário, iconografia, em vez de
termos orientados ao sistema (“tecniquês”).
Siga as convenções do mundo real, fazendo as informações
aparecerem em uma ordem natural e lógica.
15

16. 16
Exemplos compatibilidade mundo real
Iconografia em um smartphone ou computador:

17. 3. Controle e liberdade do usuário
Ofereça “saídas de emergência” para ações realizadas por
engano. Opções para sair do estado indesejado e retornar
para um estado seguro.
Suporte a recursos de desfazer (CTRL+Z) e refazer
(CTRL+R), recuperação de arquivos e mensagens.
17

18. 18
Exemplo controle e liberdade do usuário
Opção de “desfazer” o envio de uma mensagem de email

19. 4. Consistência e padrões
Manter a consistência da interface evitando que o usuário
tenha que aprender vários padrões e formas de interação
diferentes.
Os usuários não devem se perguntar se palavras, situações
ou ações diferentes significam a mesma coisa.
19

20. “Os usuários que tem longa experiência em outras
interfaces, desejam que a sua funcione de maneira
parecida com o que eles já conhecem.”
- Lei de Jakob sobre experiência do usuário na web.
20

21. 5. Prevenção de erros
Melhor do que boas mensagens de erro, é um design que
evita a ocorrência de um problema.
Elimine condições propensas a erros ou verifique-as e
apresente aos usuários uma opção de confirmação antes que
eles se comprometam com a ação.
21

22. 22
Exemplos prevenção de erros
Confirmação antes da realização de ações que não
possibilitem retorno, autocomplete

23. 6. Reconhecer em vez de memorizar
Minimize a carga de memória do usuário, tornando objetos,
ações e opções visíveis.
O usuário não deve ter que lembrar informações de uma
parte do diálogo para outra.
As instruções de uso do sistema devem ser visíveis ou
facilmente recuperáveis sempre que apropriado.
23

24. 24
Exemplo reconhecer x memorizar

25. 7. Flexibilidade e eficiência de uso
Interfaces úteis para leigos e experientes,permitindo que os
usuários adaptem ações frequentes.
A medida que seu conhecimento cresce em uma interface, há
necessidade de formas mais rápidas de realizar tarefas para
usuários experientes.
Por exemplo, uso de teclas de atalho no Windows.
25

26. 8. Estética e design minimalista
Quanto maior a quantidade de informação apresentada,
maior a necessidade de análise e demora nas decisões para o
usuário.
Manter em destaque apenas as informações que realmente
são importantes. Informações secundárias devem ser
deixadas em segundo plano (menus, abas, etc.).
26

27. 27
Exemplo design minimalista
Há excesso de cores e imagens que pode dificultar para o
usuário saber onde prestar atenção.

28. 9. Reconhecimento, diagnóstico e
recuperação de erros
As mensagens de erro devem ser expressas em linguagem
simples (sem códigos), indicar com precisão o problema e
sugerir construtivamente uma solução.
28

29. 29
Exemplo Reconhecimento, diagnóstico e
prevenção de erros
Exibição de mensagens de erro próximas dos campos em
formulários e mensagens de erros com mensagens claras.

30. Geralmente não serão as áreas mais acessadas do produto
digital, mas é importante que estejam disponíveis.
Essas informações devem ser fáceis de pesquisar, focadas
na tarefa do usuário, listar etapas concretas a serem
executadas e não serem muito grandes.
30
10. Ajuda e documentação

31. 5.
Como as heurísticas podem
apoiar nossos testes?
31

32. Como as heurísticas podem apoiar nossos testes?
● Quando for analisar um produto digital, site ou app, utilize as
heurísticas como um checklist a ser validado.
● Argumentar nossas issues utilizando este tipo de conhecimento
passa confiança ao desenvolvimento de que estamos fazendo um
trabalho embasado em boas práticas consolidadas.
● É mais fácil que o time de desenvolvimento corrija uma issue
argumentada do que uma que simplesmente diga que algo está
errado sem explicar porque.
● Conhecer as heurísticas nos aproxima do time de UX e de
Produto, nos permitindo conversar com maior propriedade.
32

33. E as mulheres nisso tudo?
● Ladies that UX
● UX para minas pretas
● Lista de 40 mulheres geniais em UX para você conhecer e
acompanhar!
33

34. Obrigada :)
Perguntas e comentários?
Vocês me encontram em:
@jeniffer.deus / jenifferdeus
jeniffer.deus@sofist.com.br
jeniffer.deus@gmail.com
34

35. 6.
Referências
35

36. Referências
● Para montar este material, usei os slides do SlidesCarnival
● Artigos e informações do Nielsen Norman Group:
○ 10 Usability Heuristics
○ Do interface standards stifle design creativity
○ Recognition and recall
○ Jakob Nielsen
● Artigos diversos de pessoas e coletivos de UX no Medium:
○ 10 heurísticas de Nielsen para o design de interface
○ Análise heurística: como fazer e os benefícios para o projeto
○ 10 Heurísticas de Nielsen — Dicas para Melhorar a Usabilidade de Sua Interface
36

37. Referências
● Artigos diversos de pessoas e coletivos de UX no Medium:
○ 10 heurísticas de Nielsen para o design de interface
○ Análise heurística: como fazer e os benefícios para o projeto
○ Avaliação Heurística: O que é, como fazer e os benefícios para o seu projeto
○ Por que as heurísticas de Nielsen são importantes para seu UI/UX?
○ Avaliação Heurística na análise de interfaces
● Youtube
○ UXlab
37

38. Referências e agradecimentos
● Outros:
○ As 10 heurísticas de Nielsen - Como elas podem melhorar seu site?
○ APOSTILA UX E USABILIDADE APLICADOS EM MOBILE E WEB
Agradecimento aos Sofistianos que contribuíram com
referências e revisando este material: Juliana Martins, Jussara
Crivari, Gustavo Albuquerque, André Iguera e Thiago Barreto <3
À comunidade Test Girls pelo espaço gentilmente cedido e apoio
na organização deste evento <3 , obrigada Karol Leite!
À Lívia Gabos, pelas indicações de coletivos e mulheres incríveis.
38