Análise de Heurísticas de Usabilidade¶
Este documento reúne a análise heurística do protótipo da aplicação Agromart, com base nas heurísticas de usabilidade de Nielsen. A avaliação foi realizada individualmente por três participantes (Larissa, Maria Eduarda e Paulo), cada um identificando inconsistências nas interfaces de diferentes telas do sistema, categorizando-as de acordo com os princípios de usabilidade afetados e propondo sugestões de melhoria. Foram analisadas oito telas principais da aplicação mobile.
Além das observações heurísticas, foram realizados testes internos de fluxo e navegação com três atividades principais para mensurar tempo e número de interações necessárias para completar tarefas comuns no sistema.
1. Larissa¶
Heurísticas¶
- Visibilidade do Status do Sistema
- Compatibilidade entre o sistema e o mundo real
- Controle e liberdade para o usuário
Inconsistências¶
Tela 1:
- O público-alvo fala português, portanto a indicação "Profile" em inglês não é a melhor escolha. (Compatibilidade entre o Sistema e o Mundo Real)
Tela 2:
Tela 3:
- O público-alvo fala português, portanto a indicação "Profile" em inglês não é a melhor escolha. (Compatibilidade entre o Sistema e o Mundo Real)
- O botão "Sair" está no meio das opções de atividade, o que pode confundir o usuário por romper com o fluxo esperado de navegação. (Compatibilidade entre o Sistema e o Mundo Real)
Tela 4:
Tela 5:
- O público-alvo fala português, portanto a indicação "Search" em inglês não é a melhor escolha. (Compatibilidade entre o Sistema e o Mundo Real)
Tela 6:
- O público-alvo fala português, portanto a indicação "History" em inglês não é a melhor escolha. (Compatibilidade entre o Sistema e o Mundo Real)
- Redundância de dois títulos na página, quando o esperado é um único título principal. (Compatibilidade entre o Sistema e o Mundo Real)
Tela 7:
Tela 8:
- O termo "Realizar" pode ser ambíguo, pois não deixa claro que a ação corresponde à finalização do pedido. (Compatibilidade entre o Sistema e o Mundo Real)
Sugestões de melhoria¶
Tela 1:
- Substituir o título "Profile" por "Perfil".
Tela 2:
Tela 3:
- Substituir o título "Profile" por "Perfil".
- Mover o botão "Sair" para o final da página.
Tela 4:
Tela 5:
- Substituir o título "Search" por "Pesquisa".
Tela 6:
- Substituir o título "History" por "Histórico".
- Manter apenas um título na página.
Tela 7:
Tela 8:
- Substituir "Realizar" por "Finalizar".
2. Maria Eduarda¶
Heurísticas¶
- Eficiência e flexibilidade de uso
- Estética e design minimalista
- Ajude os usuários a reconhecerem, diagnosticarem e recuperarem-se de erros
Inconsistências¶
Tela 1:
- O botão "Login" parece secundário frente ao botão "Escolha sua CSA". (Estética e design minimalista)
- O termo “CSA” pode não ser claro para novos usuários. (Compatibilidade com o mundo real / Estética)
- Falta botão de ajuda ou tutorial. (Ajuda / Eficiência)
- Ausência de login com biometria. (Eficiência e flexibilidade de uso)
Tela 2:
- Ícones de ajuda e notificação sem descrição ao passar o mouse. (Ajuda / Reconhecimento de erros)
Tela 3:
- Botão "Sair" posicionado entre outras opções do perfil. (Estética / Compatibilidade)
- Falta confirmação de saída. (Ajuda a recuperar de erros)
Tela 4:
- Botão de pesquisa com pouco destaque visual. (Estética / Eficiência)
Tela 6:
- Ausência de botão para limpar filtros. (Eficiência e flexibilidade de uso)
Tela 8:
- Falta confirmação de que a compra foi concluída.
Sugestões de melhoria¶
Tela 1:
- Destacar visualmente o botão "Login".
- Explicar o que é uma “CSA” (tooltip ou link).
- Incluir botão de acesso à central de ajuda.
- Considerar login com biometria futuramente.
Tela 2:
- Adicionar tooltips nos ícones de ajuda e notificação.
Tela 3:
- Mover botão "Sair" para o fim da lista.
- Adicionar modal de confirmação de saída.
Tela 4:
- Dar mais destaque ao botão de pesquisa.
Tela 6:
- Adicionar botão “Limpar filtros”.
Tela 8:
- Adicionar modal de confirmação de compra.
3. Paulo¶
Heurísticas¶
- Consistência e padronização
- Prevenção de erros
- Reconhecimento em vez de memorização
Inconsistências¶
Tela 1: —
Tela 2:
- Falta botão de recuperação de senha. (Prevenção de erros / Ajuda a reconhecer e se recuperar de erros)
Tela 3:
- Botão de notificação aparece somente na tela de perfil. (Reconhecimento em vez de memorização)
Tela 4: —
Tela 5:
- Botão “ver detalhes” fora do padrão. (Consistência e padronização)
Tela 6:
- Falta ícone para filtrar histórico de pedidos. (Reconhecimento em vez de memorização)
Tela 7: —
Tela 8:
- Botão “Adicionar mais itens” não parece clicável. (Consistência e padronização)
- Ausência do botão “Cancelar Pedido”. (Prevenção de erros / Reconhecimento em vez de memorização)
- Desorganização visual entre “Total” e o botão “Realizar”. (Consistência e padronização)
- Botão “Remover” não parece clicável. (Consistência e padronização)
- Seta verde para adicionar endereço não é clara. (Consistência / Reconhecimento em vez de memorização)
Sugestões de melhoria¶
Tela 1: —
Tela 2:
- Adicionar botão “Esqueceu a senha?” abaixo do botão de login.
Tela 3:
- Adicionar ícone de notificação desde a tela inicial (após login).
- Dentro da caixa de notificação, adicionar ícone de engrenagem para preferências.
Tela 4: —
Tela 5:
- Padronizar o botão “ver detalhes”.
Tela 6:
- Adicionar ícone claro para filtragem do histórico.
Tela 7: —
Tela 8:
- Adicionar fundo com cor distinta ao botão “Adicionar mais itens”.
- Incluir botão “Cancelar Pedido”.
- Reorganizar posição dos botões.
- Adicionar fundo distinto para o botão “Remover”.
- Tornar o trecho “Entregar em:” um botão padronizado e destacado.
4. Testes Internos de Fluxo e Navegação do Protótipo¶
Atividades testadas:
-
Login
Tempo: aprox. 12 segundos
Cliques: 4 -
Fazer pedido
Tempo: aprox. 22 segundos
Cliques: 3 -
Pesquisar loja e fazer pedido
Tempo: aprox. 30 segundos
Cliques: 5