O documento apresenta um teste de usabilidade realizado pelo Grupo de Testadores da Bahia (GTS-BA). Apresenta a agenda do evento, que inclui uma introdução ao GTS-BA e conceitos de usabilidade, além de definir 10 heurísticas de usabilidade com base em Jakob Nielsen, ilustradas com exemplos.
GTS Bahia - Teste de Usabilidade: Boas Práticas e Padrões
Teste Usabilidade Grupo Testadores Bahia
1. Marília Correia integrante do Grupo
de Testadores da Bahia apresenta:
mai/2020 Teste de Usabilidade GTS-BA
2. Agenda:
➔ O que é GTS-BA?
➔ Conceito de Usabilidade?
➔ Definindo heurísticas de usabilidade
Previsão de Duração: 1h 20 min
3. GTS-Ba
● Grupo de Testadores da Bahia
Com o intuito de promover e agitar a área de testes e
qualidade de Software na Bahia, foi criado o grupo de
testes de software da Bahia. A nossa intenção é reunir os
colegas de TI para discutir o tema, promover encontros,
eventos e também ter um espaço para compartilhar ideias,
materiais ou tirar dúvidas sobre testes.
4. Conceito de
Usabilidade
De acordo com a ISO/IEC 9126, a usabilidade se diz à capacidade de um produto ser compreendido,
integro, operacional e ser atrativo ao usuário em condições especificas de utilização.
Segundo Jakob Nielsen a “usabilidade é um atributo de qualidade que avalia quão fácil uma interface
é de usar”, ou “a medida de qualidade da experiência de um usuário ao interagir com um produto ou um
sistema”.
De acordo com a ISO/IEC 9241-11, a usabilidade é um conjunto de diretrizes na qual permite o usuário
atingir o objetivo e satisfação dentro de um contexto particular de necessidade. Tornando a interação do
usuário mais evidente em sua utilização.
5. Definindo heurística
de usabilidade
Seguindo os princípios gerais de Jakob Nielsen, para designer de interação, temos as a heurística da
usabilidade podem ser avaliadas seguindo 10 critérios.
6. 1° - Visibilidade do
status de sistema.
O sistema sempre deve manter os usuários informados sobre o que está acontecendo, por meio de
feedback apropriado dentro de um prazo razoável.
7. 2° - Correspondência entre o
sistema e o mundo real.
O sistema deve falar o idioma do usuário, com palavras, frases e conceitos familiares ao usuário, em vez de
termos orientados ao sistema. Siga as convenções do mundo real, fazendo as informações aparecerem em
uma ordem natural e lógica.
Referência: https://www.gigasystems.com.br/artigo/37/sistema-de-login-com-banco-de-dados
8. 3° - Controle e liberdade do
usuárioOs usuários geralmente escolhem as funções do sistema por engano e precisam de uma "saída de
emergência" claramente marcada para deixar o estado indesejado sem ter que passar por um diálogo
prolongado. Suporte para desfazer e refazer.
Referência: https://www.extra.com.br/
9. 4° - Consistência e padrões
Os usuários não devem se perguntar se palavras, situações ou ações diferentes significam a mesma
coisa.
Referência: Pacote office
10. 5° - Prevenções de erros
Ainda melhor do que boas mensagens de erro, é um design cuidadoso 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.
Referência: Pacote office
11. 6° - Reconhecimento ao invés de
recordação
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.
Referência: http://java-gui.blogspot.com/2011/07/jcolorcombobox-jcombobox-as-color.html
12. 7° - Flexibilidade e eficiência de
usoAceleradores - invisíveis para o usuário iniciante - geralmente aceleram a interação do usuário experiente,
de modo que o sistema possa atender a usuários inexperientes e experientes. Permita que os usuários
adaptem ações frequentes.
Atalhos, por exemplo:
Ctrl + C = Copiar
Ctrl + V = Colar
Arrastar uma imagem para área de transferência.
Referência: Pacote office
Cenário: Opções de transferência de imagem.
13. 8° - Design estético e minimalista
Os diálogos não devem conter informações irrelevantes ou raramente necessárias. Cada unidade extra de
informação em um diálogo concorre com as unidades relevantes de informação e diminui sua visibilidade
relativa. O layout visual deve respeitar os princípios de contraste, repetição, alinhamento e proximidade.
Contraste: texto em negrito é usado para
informar as opções de usuário
Repetição: as informações dos card’s
com cores distintas.
Alinhamento: alinhamento do texto
centralizado
Proximidade: uma regra é utilizada para
alinhar as informações da tela.
Referencia: https://www.netflix.com/browse
14. 9° - Ajuda aos usuário e
reconhecer, diagnosticar e
recuperar errosAs mensagens de erro devem ser expressas em linguagem simples (sem códigos), indicar com precisão o
problema e sugerir construtivamente uma solução.
Referencia: https://www.nngroup.com/videos/usability-heuristic-recognize-errors/
Referência: https://www.oobj.com.br/bc/article/cadastrar-uma-nova-empresa-no-monitor-oobj-
712.html
15. 10° - Ajuda e documentação
Mesmo que seja melhor se o sistema puder ser usado sem documentação, pode ser necessário fornecer ajuda
e documentação. 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.
Referência: Pacote office
16. Referências
• https://www.nngroup.com/articles/ten-usability-heuristics/
• Molich, R. e Nielsen, J. (1990). Melhorando o diálogo homem-computador, Communications of the
ACM 33, 3 (March), 338-348 .
• Nielsen, J. e Molich, R. (1990). Avaliação heurística de interfaces de usuário, Proc. ACM CHI'90
Conf. (Seattle, WA, 1-5 de abril), 249-256 .
• Nielsen, J. (1994a). Aprimorando o poder explicativo das heurísticas de usabilidade. Proc. ACM CHI'94
Conf. (Boston, MA, 24 a 28 de abril), 152-158 .
• Nielsen, J. (1994b). Avaliação Heurística. Em Nielsen, J. e Mack, RL (Eds.), Métodos de Inspeção de
Usabilidade , John Wiley & Sons, Nova York, NY.