CONTEXTO
A plataforma de Cursos Abertos da UEMA estava ativa desde 2015 sem nenhuma atualização. A plataforma era um dos produtos do Núcleo de Tecnologias para Educação da UEMA, o UEMANET.
Havia o interesse de modernizar e monetizar a plataforma, mas para isso era necessário a correção de bugs, de fluxos de aprendizado que estavam com problemas e melhorar a interface da plataforma como um todo.
MEU OBJETIVO
Construir uma nova interface para a plataforma, aproveitando o mesmo back-end (feito em Moodle), para reaproveitar os cursos e alunos já cadastrados na antiga plataforma e facilitar na manutenção, tendo que a equipe de desenvolvedores era especialista em Moodle.
MEU PAPEL
- Análise de Perfil dos Usuários (dores, necessidades, ganhos).
- Pesquisa e entendimento de persona.
- Conexão entre os objetivos de negócio e a experiência dos usuários.
- Desenho da arquitetura de informação da plataforma e prototipação de telas.
- Treinamento e Capacitação da equipe educacional sobre o novo modelo de Design Instrucional a ser utilizado na plataforma (micro lições).
- Naming e branding.
- Avaliação de Usabilidade e Pesquisa de Satisfação (inclusive, meu TCC foi sobre isso).
Melhorias Apresentadas
Formato de Curso
Uma das nossas propostas na reformulação da plataforma foi a mudança no formato de curso. No formato antigo, os materiais eram agrupados por tipo de arquivo (PDFs, vídeos, anexos, etc.), fazendo com que os alunos ficassem perdidos, sem saber se eles deveriam começar um curso por um vídeo ou uma apostila, por exemplo.
Pensando no impacto que uma usabilidade ruim tem nas taxas de satisfação e evasão dos cursos, propomos uma reformulação completa na forma como os cursos eram apresentados, impactando não apenas a interface da plataforma, mas todo o fluxo dos cursos desde o momento da criação, através de boas práticas de Design Instrucional.
Para isso foi necessário uma força-tarefa, onde capacitamos e alinhamos a equipe de Design Instrucional do UEMANET para reformular os cursos antigos dentro dos padrões que a nova plataforma requere.
Como resultado tivemos a reformulação de todos os cursos, retirando conteúdos duplicados (áudio e vídeos), retirando conteúdos de referencial teórico obrigatório (os professores enchiam os alunos de PDFs que não necessariamente agregavam diretamente com o propósito dos cursos ofertados) e com uma linha do tempo que indicava a sequência lógica de vídeos, textos e testes para o aprendizado dos alunos.
A nível de plataforma, a interface foi desenhada com um menu lateral que mostra o conteúdo programático do curso em um formato de linha do tempo e nada além do conteúdo para o aluno, ajudando no aproveitamento de tela e evitando distrações.
Recurso de Livro
Outro ponto de melhoria foi a forma como os recursos de texto eram apresentados para os alunos. Na plataforma antiga, se houvessem arquivos de texto, eles eram agrupados em PDFs e disponibilizados para os alunos baixarem.
Dessa forma, a plataforma não tinha como garantir que o aluno leu o PDF indicado, pois o checkpoint era dado ao fazer o download. Ao final do curso, o aluno estaria cheio de PDFs em seu aparelho, ocupando memória de forma desnecessária.
Outro ponto que infelizmente ainda é negligenciado por muitos, é a acessibilidade do conteúdo para pessoas com necessidades especiais. Um cego, por exemplo, usa um recurso do navegador para ouvir o que tem nas páginas, e essa experiência é cortada quando ele precisa baixar um PDF, logo o conteúdo desse arquivo não estaria disponível para pessoas com esse tipo de necessidade.
Como solução, adaptamos todo o conteúdo de PDFs para o plug-in Livro, disponível no Moodle, assim a plataforma acompanharia a evolução dos alunos, pois a leitura é feita diretamente no navegador, é otimizada para dispositivos móveis (sem aquela chatice de ficar redimensionando PDF pra poder ler as coisas), e é acessível para pessoas com necessidades especiais, dando oportunidade para aqueles que muitas vezes são esquecidos em aplicações web.
Interface sem Distrações - Menu Lateral
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu egestas dolor. Fusce a lectus sed libero consequat mollis ac nec diam. Suspendisse imperdiet diam eu nulla feugiat, ut venenatis ante euismod. Vivamus tempor posuere blandit. Praesent malesuada turpis sit amet enim dictum, sed varius leo pulvinar. Nam vitae odio nulla. Etiam porta eros a purus imperdiet euismod.
Painel do Aluno
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu egestas dolor. Fusce a lectus sed libero consequat mollis ac nec diam. Suspendisse imperdiet diam eu nulla feugiat, ut venenatis ante euismod. Vivamus tempor posuere blandit. Praesent malesuada turpis sit amet enim dictum, sed varius leo pulvinar. Nam vitae odio nulla. Etiam porta eros a purus imperdiet euismod.
Sistema de Reportar Problema e FAQ
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu egestas dolor. Fusce a lectus sed libero consequat mollis ac nec diam. Suspendisse imperdiet diam eu nulla feugiat, ut venenatis ante euismod. Vivamus tempor posuere blandit. Praesent malesuada turpis sit amet enim dictum, sed varius leo pulvinar. Nam vitae odio nulla. Etiam porta eros a purus imperdiet euismod.
Sistema de Acompanhamento de Aprendizagem com H5P
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu egestas dolor. Fusce a lectus sed libero consequat mollis ac nec diam. Suspendisse imperdiet diam eu nulla feugiat, ut venenatis ante euismod. Vivamus tempor posuere blandit. Praesent malesuada turpis sit amet enim dictum, sed varius leo pulvinar. Nam vitae odio nulla. Etiam porta eros a purus imperdiet euismod.
Nova marca, esquema de cores e ilustrações
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu egestas dolor. Fusce a lectus sed libero consequat mollis ac nec diam. Suspendisse imperdiet diam eu nulla feugiat, ut venenatis ante euismod. Vivamus tempor posuere blandit. Praesent malesuada turpis sit amet enim dictum, sed varius leo pulvinar. Nam vitae odio nulla. Etiam porta eros a purus imperdiet euismod.
Landing Page
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu egestas dolor. Fusce a lectus sed libero consequat mollis ac nec diam. Suspendisse imperdiet diam eu nulla feugiat, ut venenatis ante euismod. Vivamus tempor posuere blandit. Praesent malesuada turpis sit amet enim dictum, sed varius leo pulvinar. Nam vitae odio nulla. Etiam porta eros a purus imperdiet euismod.
