Pular para o conteúdo
Lumo Design
HomeExpertiseCasesFAQ
Entre em contato
HomeExpertiseCasesFAQ
Entre em contato
Lumo Design

© 2026 Mateus Costa. Todos os direitos reservados.

Portal do Aluno UFRGS
UI/UX Design

Este projeto foi um Trabalho de Conclusão de Curso (TCC) em Design Visual na UFRGS (2023), focado no desenvolvimento de uma interface digital de smartphone para o Portal do Aluno da universidade, com base nos princípios de Experiência do Usuário (UX). O projeto não apenas alcançou uma nota final de 9,96/10, mas também foi o vencedor do Prêmio Destaque TCC da Apdesign (Associação dos Profissionais em Design do Rio Grande do Sul), reconhecendo-o como o melhor TCC entre as universidades parceiras.

O Desafio

O Portal do Aluno da UFRGS é a porta de entrada essencial para a vida acadêmica dos discentes, concentrando informações cruciais como notas, horários e matrículas. No entanto, o acesso a essa plataforma apresentava sérios problemas de usabilidade, especialmente em dispositivos móveis:

  • Falta de Otimização Mobile: O portal não possuía uma versão mobile , tornando a experiência em smartphones "extremamente burocrática". Dados da pesquisa com 144 alunos mostraram que, embora muitos acessem via celular (54,2% quando longe do PC, 31,9% como principal forma) , a maioria enfrenta grandes dificuldades.

  • Problemas de Interface e Usabilidade: As principais queixas dos alunos incluíam "interface muito pequena" (84,9%), dificuldade em encontrar funcionalidades (63,1%) e uma interface "não intuitiva" (53,9%). A necessidade de dar zoom constante , a demora no carregamento e o fluxo de navegação confuso foram pontos críticos levantados.

  • Aplicativo Existente Limitado: A UFRGS possuía um aplicativo, mas ele se limitava a notícias e cardápio do RU, sem atualizações desde 2019.

O problema central do projeto foi: "De que forma o design de experiência do usuário pode contribuir no desenvolvimento de uma interface de aplicativo mobile para o portal do aluno da UFRGS a fim de facilitar o seu acesso e gerar confiança e satisfação com sua interação?".

A Solução de Design: Um Aplicativo Mobile Completo e Intuitivo

O projeto seguiu uma metodologia rigorosa de Design Centrado no Usuário, composta por Pesquisa, Requisitos, Criação da Interface, Teste e Validação, e Aperfeiçoamento.

  1. Pesquisa Aprofundada: A fase de pesquisa foi extensa, incluindo:

  • Fundamentação Teórica: Estudo sobre Design Centrado no Humano, UX, UI, Usabilidade (Heurísticas de Nielsen), Arquitetura da Informação e Design Mobile (Responsivo, Mobile-First).

  • Análise do Portal Atual: Avaliação da acessibilidade e usabilidade do portal existente, identificando pontos fortes e fracos.

  • Consulta aos Usuários: Um questionário online com 144 respostas e entrevistas qualitativas com alunos para mapear dores, necessidades e funcionalidades mais usadas (Comprovante de Matrícula, Tíquetes RU, Histórico, Horários e Encomenda de Matrícula foram os top 5). 95% dos respondentes afirmaram que usariam um aplicativo.

  • Consulta a Especialistas: Entrevistas com o diretor e o coordenador de software do CPD da UFRGS para entender as limitações e possibilidades técnicas.

  • Análise de Similares: Estudo de aplicativos de outras universidades (UFSM Digital, Apps da USP) para identificar boas práticas e oportunidades.

  1. Definição e Prototipagem: Com base na pesquisa, foram definidos os requisitos de sistema e as funcionalidades essenciais do aplicativo. Foi criada a identidade visual (com azul #3878F2 como cor principal) , a arquitetura da informação (organizada em 5 abas: Agenda, Matrícula, Assistência, Serviços, Aluno) e desenvolvidos wireframes e um protótipo interativo de alta fidelidade. O design focou em otimizar as tarefas mais frequentes, como a encomenda de matrícula , compra de tíquetes RU e consulta de horários.

  2. Teste e Validação: O protótipo foi submetido a testes de usabilidade com 10 participantes via Maze, utilizando 10 tarefas de complexidade variada. Os resultados foram majoritariamente positivos, com alta taxa de sucesso e feedbacks qualitativos elogiando a intuitividade, organização e apelo visual da interface.

  3. Refinamento: Com base nos feedbacks dos testes, foram realizados ajustes finos na interface, como correções ortográficas, melhorias no menu dropdown e adição de links/informações solicitadas (HyperCAL, Campus Litoral Norte).

O Resultado

O resultado final é um protótipo de aplicativo mobile completo e funcional para o Portal do Aluno da UFRGS, projetado com base em uma pesquisa profunda das necessidades dos usuários e validado por eles. A solução oferece uma interface intuitiva, organizada e visualmente agradável, que resolve os principais problemas de usabilidade do portal atual e integra funcionalidades essenciais de forma acessível. O reconhecimento pelo Prêmio Destaque TCC da Apdesign atesta a qualidade e o rigor metodológico do projeto.

RestiviewAnterior
Polvilho do DadoPróximo
Portal do Aluno UFRGS - imagem 1
Portal do Aluno UFRGS - imagem 2
Portal do Aluno UFRGS - imagem 3
Portal do Aluno UFRGS - imagem 4
Portal do Aluno UFRGS - imagem 5
Portal do Aluno UFRGS - imagem 6
Portal do Aluno UFRGS - imagem 7
Portal do Aluno UFRGS - imagem 8
Portal do Aluno UFRGS - imagem 9
Portal do Aluno UFRGS - imagem 10
Portal do Aluno UFRGS - imagem 11
Portal do Aluno UFRGS - imagem 12
Portal do Aluno UFRGS - imagem 13
Portal do Aluno UFRGS - imagem 14
Portal do Aluno UFRGS - imagem 15
Portal do Aluno UFRGS - imagem 16
Portal do Aluno UFRGS - imagem 17
Portal do Aluno UFRGS - imagem 18
Portal do Aluno UFRGS - imagem 19
Portal do Aluno UFRGS - imagem 20
Portal do Aluno UFRGS - imagem 21
Portal do Aluno UFRGS - imagem 22
Portal do Aluno UFRGS - imagem 23
Portal do Aluno UFRGS - imagem 24
Portal do Aluno UFRGS - imagem 25
Portal do Aluno UFRGS - imagem 26
Portal do Aluno UFRGS - imagem 27
Portal do Aluno UFRGS - imagem 28
Portal do Aluno UFRGS - imagem 29
Portal do Aluno UFRGS - imagem 30
Portal do Aluno UFRGS - imagem 31
Portal do Aluno UFRGS - imagem 32
Portal do Aluno UFRGS - imagem 33
Portal do Aluno UFRGS - imagem 34
Portal do Aluno UFRGS - imagem 35
Portal do Aluno UFRGS - imagem 36
Portal do Aluno UFRGS - imagem 37
Portal do Aluno UFRGS - imagem 38
Portal do Aluno UFRGS - imagem 39
Portal do Aluno UFRGS - imagem 40
Portal do Aluno UFRGS - imagem 41
Portal do Aluno UFRGS - imagem 42
Portal do Aluno UFRGS - imagem 43
Portal do Aluno UFRGS - imagem 44
Portal do Aluno UFRGS - imagem 45
Portal do Aluno UFRGS - imagem 46
Portal do Aluno UFRGS - imagem 47
Portal do Aluno UFRGS - imagem 48
Portal do Aluno UFRGS - imagem 49
Portal do Aluno UFRGS - imagem 50
Portal do Aluno UFRGS - imagem 51