Improving the UX

Desktop e mobile

O desafio consiste em melhorar a experiência do usuário de um site educacional.

Sendo usuária incansável de cursos, não foi nada difícil fazer um benchmarking comparando alguns sites.

O site da Udemy se preocupa em informar a duração de cada aula, informação essa importante para a programação de estudos do aluno.

O site da Conquer tem um espaço para ‘anotações’, muito útil para quem não tem um caderno de papel e caneta em mãos.

Não houve nenhuma inspiração no site da Hotmart. Em compensação, o site da EduK dá uma outra ideia interessante de como dividir os módulos do curso.

Foram utilizadas as cores da logomarca da EngagED, predominando o amarelo e o verde.

A fonta escolhida foi a Roboto por ser uma fonte de fácil leitura, sendo usada vários pesos e duas variações de cinza (com fundo esverdeado) para manter uma hierarquia no projeto.

Foi adicionado um botão para que o aluno possa fazer anotações sobre as aulas. Além disso um menu no lado esquerdo dá acesso a um fórum do curso — sensação de pertencimento de um grupo , troca entre colegas— , fácil acesso ao professor para tirar dúvidas, fácil acesso ao suporte para problemas técnicos, fácil acesso a reclamações e por fim uma avaliação de cada aula.

No momento do preenchimento da avaliação da aula abrirá um pop-up perguntando o porquê (intuito de melhorar sempre a experiência) daquela avaliação e no que o site/app pode melhorar.

No perfil, o aluno tem a possibilidade de acessar a página inicial, ver todos os cursos (comprados e/ou disponíveis para compra), dados sobre sua conta, configurações e mais um link de acesso para falar com o suporte com o propósito de oferecer proximidade e eficácia em relação à troca de mensagens, dúvidas, reclamações etc.

Na versão mobile a grade se abrirá quando o usuário clicar no botão ‘grade do curso’, podendo o aluno escolher a aula que quiser ou alguma outra opção, além de ver seu progresso no curso.

Foram usadas cores sólidas, gradientes e dois tons de cinza para os textos, além de grid de 8 pontos.

Link do protótipo para Mobile

Link do protótipo para Desktop