Dependendo do fullbanner, os bullets de navegação do carrossel ficam invisíveis (Tela 1), dificultando a navegação do usuário.
A estrutura de visualização dos cursos está um pouco confusa (Tela 2), o que, possivelmente, gera uma dúvida no usuário se estão organizados por duração, tema, relevância, promoção, aleatoriamente ou algum outro critério - visto que nos concorrentes há uma organização nítida.
Conforme o usuário realiza o scroll para baixo, há muita informação na parte inferior da página (Tela 2) - menu flutuante + 2 botões de Whatsapp + botão de voltar ao topo + botão de contato. Tudo isso sobrecarrega cognitivamente o usuário.
As opções de departamento do menu hambúrguer estão diferentes do desktop, além disso, o menu flutuante impede a visualização de informações do menu hambúrguer, bem como cliques nessa região. (Tela 3)
É muito difícil o processo de realizar uma pesquisa na barra de busca, pois o componente de “Termos em alta” cobre o campo de digitação diversas vezes (Tela 4), atrapalhando o processo.
Muitas vezes, quando o usuário clica em algum departamento, no menu hambúrguer, o menu continua aberto (Tela 3). Logo, o usuário não sabe se foi direcionado corretamente.
Tela 1 Tela 2 Tela 3
Tela 4
Departamento | Categoria | Página de busca
Filtro não está muito intuitivo e convidativo para o usuário utilizar (Tela 5) - em algumas categorias aparece somente o filtro por preço e em outras aparece também o filtro de departamento. Além disso, não há o botão de fechar o filtro.
Tela 5
PDP
Botão “Comprar agora” está com duas respostas diferentes (aleatoriamente?) - em alguns cursos, direciona para o final da página (Curso Accounting Journey Completo 2023, por exemplo) (Tela 6) e, em outros, direciona para a página do WhatsApp (Curso Risky University Executive, por exemplo) (Tela 7). O ideal é que o botão direcione para o checkout - de acordo com a sua nomenclatura.
Tela 6 Tela 7
Carrinho e Checkout
O logo da KPMG não é clicável, logo, no carrinho, o único jeito de voltar para a home é no botão “Escolher mais produtos”, que não está tão visível e intuitivo para o usuário. (Tela 8)
Tela 8
Análise de Mapa de Calor
É possível visualizar interação no menu hambúrguer, ícone de pesquisa e fullbanner. (Tela 9)
As principais interações ocorrem no header (ícones de menu, busca e carrinho) e, em segundo lugar, na vitrine de cursos. (Tela 10)
Tela 9
Tela 10
Conclusão
Pontos necessários para corrigir ou melhorar, além daqueles pontos já observados em desktop que irão refletir no design responsivo:
Home
Melhorar a navegação do fullbanner - bullets com contraste e/ou setas laterais.
Melhorar a organização da visualização dos cursos de modo geral no decorrer da página - inserir algum título antes da exibição dos cursos ou dar a opção do usuário realizar um filtro, por tema, por exemplo.
Corrigir a parte inferior da página - quando o usuário realiza o scroll para baixo -, por exemplo: deixar só um botão flutuante de whatsapp e tirar o menu flutuante.
Padronizar os títulos de departamentos e categorias com o desktop - o ideal é que sejam iguais.
Melhorar o processo de pesquisa na barra de busca - pode-se manter o componente de "Termos em alta", mas não deixá-lo em cima do input de preenchimento.
Sempre que o usuário clicar em um departamento no menu hambúrguer, o ideal é que ele se feche e abra a página clicada pelo usuário.
Departamento | Categoria
Melhorar o filtro - inserindo as variáveis de preço, duração e área, certificado, se é híbrido, por exemplo.
PDP
Corrigir o botão "Comprar agora" levando 100% das vezes o usuário direto para o checkout - no máximo, ter um botão de resumo da compra antes, não mais que isso.
Adicionar um botão de "Solicitar informações" ou "Contato" próximo ao botão "Comprar agora" e dar a opção do contato ser via e-mail ou Whatsapp. O ideal é que mantenha esses dois botões de maneira flutuante, acompanhando a navegação do usuário durante a PDP.
Carrinho
Deixar o logo clicável - direcionar o usuário para a home.
Want to print your doc? This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (