Preceu APP — UX/UI Case Study
Auxiliando um coletivo educacional a ajudarem os alunos de baixa renda.
O que é o PRECEU? | Nosso produto
Atualmente existem diversos coletivos ativos iniciados na unicamp, que tem por objetivo levar educação pré-vestibular de qualidade para alunos de baixa renda interessados no ensino superior.
O PRECEU é um dos cursinhos populares mais famosos idealizado por alunos da UNICAMP que tem o objetivo acima em comum.
Entrevistas | Descobrindo sobre os users
Foram realizadas pesquisas em profundidade para entender quais os desafios enfrentados no cursinho e levantar insights para o projeto. Foram entrevistados quatro professores voluntários, que responderam as seguintes perguntas:
- Em relação aos alunos quais as maiores dificuldades do cursinho?
- Na estrutura presencial qual o maior desafio que vocês enfrentam?
- Em relação aos professores, quais são as maiores dificuldades que vocês enfrentam?
Quais os desafios? | O que resolveremos
Ao conversar com professores voluntários da organização, foram constatados os seguintes desafios:
- A demanda de alunos é muito maior que a de vagas disponíveis.
- O curso presencial tem um número limitado de alunos que consegue receber.
- É difícil para alguns alunos irem regularmente presencialmente assistir às aulas.
- Os professores são voluntários o que algumas vezes pode acarretar falta de professores para determinadas matérias, prejudicando os alunos.
User Centered Design Canvas | descobrindo sobre os users
Hill | Traçando metas
Com os desafios levantados foi traçado um objetivo através da ferramenta Hill, que sanasse as principais dificuldades apresentadas.
Objetivo
Nossos alunos, terão acesso a um ensino de qualidade gratuito, sem a necessidade de saírem de suas casas, e todos os que preencherem os requisitos do curso terão acesso, sem mais necessidade de disputarem vagas. Além disso, terão os conteúdos mesmo quando houver falta de professores voluntários.
Personas | Representação dos nossos users
Com os desafios identificados e o objetivo estabelecido, duas possíveis personas foram identificadas, com realidades diferentes em relação ao curso PRECEU.
Big Idea Vignettes & Prioritization Grid | Definindo o que será feito
Utilizamos o Big Idea Vignettes para focar em possíveis soluções para os desafios levantados, e categorizamos as principais soluções relacionados a UX no Priorization Grid.
User Journey (To Be Scenario)| Definindo o que será feito
Com as ideias priorizadas, foi feito um User Journey, para entender os pontos de contato com as ideias, as fases em que isso se daria e os possíveis sentimentos dos nossos usuários.
User Flow | Definindo o que será feito
Com o User Journey feito, e observada as etapas acima, foi feito um User Flow da aplicação.
Wireframes | baixa fidelidade
A partir do User Flow, foi possível delimitar as possíveis screens da aplicação e rascunhar um protótipo de baixa fidelidade, que guiaria o desenvolvimento dos wireframes de alta fidelidade e a prototipação.
Heurísticas de Nielsen | Usabilidade e Fluidez
Para tornar as telas acessíveis, com navegação fluída e confortável para os usuários, foram aplicadas as leis heurísticas de Nielsen. Sendo elas:
- Visibilidade do Status do Sistema
- Compatibilidade entre o sistema e o mundo real
- Controle e liberdade para o usuário
- Consistência e Padronização
- Prevenção de erros
- Reconhecimento em vez de memorização
- Eficiência e flexibilidade de uso
- Estética e design minimalista
- Ajude os usuários a reconhecerem, diagnosticarem e recuperarem-se de erros
- Ajuda e documentação
Design System | Styleguide |O que foi utilizado
Para a realização desse projeto foi utilizado o Material Design, design system da Google, por ser um sistema minimalista, funcional e bem aceito, o que vai de encontro com a proposta número 8 das Heuristicas de Nielsen.