Portal do Estudante UFU
Projeto foi desenvolvido para meu Trabalho de Conclusão de Curso em Design na Universidade Federal de Uberlândia.
.png)
Minha função
O que foi feito
UX/UI Designer
Duração
6 meses
Pesquisa
Protopersonas
Análise heurística
Card sorting
Design de interface
Protótipo
Teste de usabilidade
Styleguide
Processo
Metodologia utilizada: Double Diamond
1. Desk Research
A pesquisa analisou o Portal do Estudante, destacando sua importância como ferramenta de apoio aos alunos. Também observou que o sitemap do portal segue uma estrutura de fluxo fixo, limitando as opções de navegação dos usuários a uma sequência pré-definida de ações.
2. Estudo de caso
O estudo comparou as funcionalidades e usabilidade dos portais Júpiter Web (USP) e Portal do Estudante Anhembi Morumbi com o Portal do Estudante da UFU, identificando semelhanças, diferenças e possíveis melhorias. Essa análise objetiva orientou o aprimoramento do Portal da UFU com base nas funcionalidades dos outros portais, dividindo as funcionalidades em ações de consultas e de solicitação.
3. Benchmark
Um benchmarking foi realizado para comparar interfaces de produtos similares fora do contexto acadêmico, visando identificar melhores práticas. Observou-se que o Portal pode se beneficiar da implementação de uma gestão personalizada, inspirada por referências como o Internet Banking do Santander e o site gov.br, com foco na segurança e eficiência para os estudantes.
.png)
4. Pesquisa com usuários
A pesquisa aplicou um questionário quantitativo com alunos que utilizam o portal, destacando três áreas principais de preocupação: falta de responsividade em dispositivos móveis, dificuldade em acessar informações relevantes e a necessidade e uma estrutura visual defasada.
.png){kind=small}
5. Proto-personas
As proto-personas foram construídas a partir dos dados da pesquisa de questionário e da experiência da autora, resumindo as características demográficas, preferências e necessidades dos potenciais usuários.
6. Análise Heurística
O estudo de análise heurística, seguindo as diretrizes de Nielsen, teve como objetivo avaliar a usabilidade da interface do projeto, identificando problemas e áreas de melhoria. Isso foi crucial para otimizar a experiência do usuário e garantir que a interface fosse intuitiva e eficaz, com sugestões de aprimoramento fornecidas para os problemas identificados.
7. Card Sorting
O processo de card sorting utilizou a plataforma Optimal Workshop para coletar e analisar os resultados, permitindo que os participantes categorizassem 20 itens de acordo com sua percepção pessoal. As categorias formadas pelos participantes foram então analisadas em relação aos objetivos do estudo.
.png){kind=small}
8. Pesquisa visual
A pesquisa visual foi a fase inicial do processo de design de interface, envolvendo a análise do manual de marca da UFU e a busca por referências visuais. Essas referências foram compiladas em um moodboard para orientar a criação de uma interface consistente e alinhada com a identidade da UFU.
9. Rabiscoframe
O rabiscoframe foi usado para criar esboços iniciais da organização e estrutura do projeto, priorizando a disposição dos elementos sem preocupações com detalhes visuais.
.png)
10. Wireframe
Após o rabiscoframe, a etapa seguinte envolveu a criação de um wireframe no Figma para estabelecer a estrutura e funcionalidade do projeto, destacando a disposição dos elementos e organização dos menus.
11. Teste de usabilidade
O teste de usabilidade teve como objetivo avaliar a impressão geral do site, a facilidade de encontrar funcionalidades, e mediu eficiência com métricas como tempo, taxa de sucesso e satisfação dos participantes. As tarefas envolveram encontrar dados cadastrais, a grade horária do curso e solicitar a Identidade Acadêmica, seguidas de um questionário de avaliação (ASQ).
.png)
12. Redesign
Tendo em vista a interação das personas, foram mapeadas algumas telas por meio de uma priorização para o redesign esses foram alguns dos resultados:
.png)
Página inicial
.png)
Página logada
13. Style guide
Um guia de estilo foi construído para garantir a coesão visual, consistência da marca e a usabilidade.
Aprendizados
🧠 💻 🔍
O processo de redesenhar o Portal do Estudante da UFU com foco em UX trouxe à tona o potencial transformador de aprimorar a experiência dos alunos e otimizar a dinâmica acadêmica. Para mim, essa jornada ressaltou como a abordagem centrada no usuário e a conscientização sobre UX no ambiente acadêmico são fundamentais. A exploração da criação de produtos digitais me revelou um universo de possibilidades para remodelar interações, mas também me mostrou que isso requer constante pesquisa, análise minuciosa e a capacidade de entender verdadeiramente as necessidades dos usuários.
Orientadora: Gabriela Pereira Carneiro
