Inclusive Jobs - Avaliação Heurística

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