AVALIAÇÃO HEURÍSTICA Inclusive Jobs
REBECA DA SILVA rpsilva.designer@gmail.com
AVALIAÇÃO HEURÍSTICA Inclusive Jobs Data: 26/11/2017 Heurísticas de Nielsen e Molich: 1. Visibilidade de status do sistema 2. Relação entre sistema e mundo real 3. Liberdade e controle do usuário 4. Consistência e padronização 5. Prevenção de erro 6. Reconhecimento cognitivo ao invés de memorização 7. Flexibilidade e eficiência de uso 8. Design estético e minimalista 9. Auxílio a usuários reconhecerem e recuperar erros 10. Ajuda e documentação Métricas de Gravidade: 0 – Não é um problema de usabilidade 1 – Problema estético 2 – Problema pequeno 3 – Problema grande 4 – Problema catástrofe
Descrição do problema
Heurística
Gravidade
[Home] #Banner Principal# - O texto “Livre de preconceitos e de acordo com sua qualificação” está com pouco contraste.
8
3
[Home] #Banner Principal# - Na busca, o texto em cinza está com pouco contraste.
8
2
[Home] #Vagas em Destaque# - No card da vaga, o texto “Publicada em” está muito pequeno.
8
2
[Home] #Vagas em Destaque# - O card da vaga não é clicável, apenas o botão.
3
2
[Home] #Vagas em Destaque# - o texto “Deficiências Atendidas” está muito pequena e não é possível ler com facilidade.
8
2
[Home] #Blog# - Sem setas “grandes” para passar as matérias.
3
2
[Home] #Vagas em Destaque# - Botão do blog está como “Ver todas as notícias”, pode confundir o usuário. (Sugestão: “Ver todas as Matérias”)
4
2
[Home] #Vagas em Destaque# - Círculos de listagem das matérias estão com pouco contraste.
8
1
[Busca de vaga - Usuário não logado] #Resultados# - No topo, a busca está com fundo branco no fundo cinza claro. Contraste ruim.
8
2
[Busca de vaga - Usuário não logado] #Filtrar fechado e aberto# - O Texto “Filtrar” está como link, mas apenas o ícone está funcionando (o ideal seria toda a área [texto+ ícone] estar clicável).
4
3
Descrição do problema
Heurística
Gravidade
[Busca de vaga - Usuário não logado] #Filtrar Aberto# - Caixa de seleção do Cargo e Cidade estão com pouco contraste.
8
2
[Busca de vaga - Usuário não logado] #Filtrar Aberto# - Botão de Cadastre-se na parte de baixo dos filtros parece que é um botão de conclusão de preenchimento do filtro. (Sugestão: Colocar a área de cadastro ao lado. Como você optou por não listar as vagas enquanto o filtro está sendo ajustado, seria legal colocar um botão de conclusão do filtro, o usuário pode ficar confuso se o filtro dele foi ativado ou não.)
4
4
[Busca de vaga - Usuário não logado] #Filtrar Aberto# - Ao clicar em “Filtrar” para abrir, os ítens de menu “Blog” vira “Notícias” e “Entrar” vira “Login”.
4
3
[Vaga - Usuário não logado] #Descrição da vaga# - Não possui detalhes da vaga por parte da empresa em relação a acessibilidade do local. (Por ser um site voltado para isso, acho importantíssimo ter. Pode parecer apenas o site que lista vagas e não vejo muito diferencial se não tiver.)
10
0
[Vaga] No Breadcrumb, a página atual não está destacada em relação à página anterior.
1
1
[Login] Botão voltar na área amarela não está funcionando.
3
2
[Login] Nos Inputs de “E-mail” e “Senha” estão com o contraste prejudicados. Não só o texto, mas também as bordas.
8
2
Descrição do problema
Heurística
Gravidade
[Login] Esqueci minha senha do lado esquerdo.
2
2
[Login] O Botão do topo está “Entrar” e na área de login de fato está “Login”. (É importante definir melhor qual texto utilizar)
4
3
[Cadastro] Os Inputs de toda a página estão com o contraste prejudicado.
8
2
[Cadastro] Os ítens do cadastro estão todos muito próximos uns dos outros.
8
3
[Cadastro] #Mensagem de Cadastro Concluído# Se o e-mail ainda vai precisar ser confirmado, o usuário clicando em cadastrar currículo sem ter confirmado o e-mail, pode retornar um erro pra ele ou um alerta. (Sugestão: Retirar o botão cadastrar currículo desta área e colocar algo relacionado a confirmação do e-mail.)
2
3
[Importação de Currículo] Área de texto de apoio de importação do currículo está pequeno e com pouco contraste.
8
1
[Cadastro do Currículo] O texto de “Voltar para meus currículos” não está como link no topo da página.
3
2
[Cadastro do Currículo] No Breadcrumb, a página atual não está destacada em relação à página anterior.
1
1
[Cadastro do Currículo] Passos que estão desabilitados estão com pouco contraste.
8
2
Descrição do problema
Heurística
Gravidade
[Cadastro do Currículo] #Popup# Utilizar popup para preenchimento de grande número de informação vai ser um problema no mobile. (Sugestão: Inserir as informações na mesma tela.)
2
3
[Cadastro do Currículo] #Popup# Bordas das áreas com pouco contraste.
8
1
[Cadastro do Currículo] Ao clicar no ícone de edição é importante ele retornar com todos os ítens já salvos anteriormente, não fazendo com que o usuário tenha que preencher tudo novamente.
3
4
[Cadastro do Currículo] Não é possível excluir um item de formação que eu adicionei. (O usuário pode querer retirar da lista ou até mesmo deixar invisível para o recrutador.)
5
4
[Cadastro do Currículo] Não foi possível avançar sem adicionar uma formação. Pode ser que o usuário não tenha.
3
4
[Cadastro do Currículo] Os passos em amarelo não são clicáveis.
3
3
[Cadastro do Currículo] Em Idiomas, a disposição das informações estão bem confusas.
4
1
[Cadastro do Currículo] Não possui local para colocar links de portfólio.
3
3
Descrição do problema
Heurística
Gravidade
[Cadastro do Currículo] Após concluir o cadastro do currículo, não possui uma área que pergunta ao usuário se ele realmente quer se candidatar a tal vaga. (Como ele quis se candidatar sem ter se cadastrado e passou por uma quantidade grande de informações para preencher, é legal lembrá-lo da vaga que ele estava querendo se candidatar.)
3
2
[Mensagem de Sucesso] #Currículo Enviado# Mensagem de sucesso está em amarelo. (Sugestão: É legal manter um padrão no uso do verde para mensagens de sucesso.)
2
2
[Mensagem de Sucesso] #Últimas Candidaturas# O Card não é todo clicável, apenas o “Ver Mais”.
3
2
[Mensagem de Sucesso] #Últimas Candidaturas# O Card está como “Enviado em...” pode confundir o usuário. Pode parecer que a empresa enviou a vaga nesta data. (Sugestão: Me candidatei em...).
4
2
[Mensagem de Sucesso] #Últimas Candidaturas# O texto “Publicado em...” no card está muito pequeno.
8
2
[Principal logado] #Buscar Vagas# Busca no footer da página está com pouco contraste. Busca e Texto de apoio a busca.
8
2
[Menu] Menu não tem “Home” ou “Início”.
1
3
[Blog] #Banner Principal# - O texto está com pouco contraste.
8
3
Descrição do problema
Heurística
Gravidade
[Blog] #Matéria aberta# - Área das Matérias Relacionadas estão muito próximas umas das outras. Está confuso se o link de “Ler Noticia completa” é de uma matéria ou de outra.
4
3
[Blog] Não possui Breadcrumb.
7
2
[Cursos] #Banner Principal# - O texto está com pouco contraste.
8
3
[Cursos] #Banner Principal# Texto da busca está com pouco contraste.
8
2
[Cursos] #Lista de Cursos# Todos os cursos estão em alta? (Sugestão: Se for listar somente os cursos não colocar “Em Alta”. Se for colocar este item, o interessante seria ter mais outras tags. Vi que tinha o “Em Alta” e fui logo olhar se tinham outras tags.)
4
2