Reorganizando trilhas de estudo para uma experiência mais clara e progressiva
Reorganizando trilhas de estudo para uma experiência mais clara e progressiva
Reorganizando trilhas de estudo para uma experiência mais clara e progressiva
EMPRESA
EMPRESA
Badico Cloud
Badico Cloud
ANO
ANO
2023
2023
2023
DURAÇÃO
DURAÇÃO
1 mês
1 mês
MEU PAPEL
MEU PAPEL
Product Designer
UX/UI Designer
Visão Geral
Visão Geral
Visão Geral
A Trilha.info é uma plataforma open source que reúne guias de estudo gratuitos. O projeto partiu da necessidade de melhorar a organização do conteúdo, a consistência das interfaces e a experiência de quem buscava construir ou acompanhar uma jornada de aprendizado.
Mais do que atualizar a estética, o desafio era tornar a plataforma mais clara para novos visitantes, mais fácil de usar durante os estudos e preparada para receber novas funcionalidades ao longo do tempo.
A Trilha.info é uma plataforma open source que reúne guias de estudo gratuitos. O projeto partiu da necessidade de melhorar a organização do conteúdo, a consistência das interfaces e a experiência de quem buscava construir ou acompanhar uma jornada de aprendizado.
Mais do que atualizar a estética, o desafio era tornar a plataforma mais clara para novos visitantes, mais fácil de usar durante os estudos e preparada para receber novas funcionalidades ao longo do tempo.
O Problema
O Problema
O Problema
A experiência existente apresentava problemas de usabilidade e organização que comprometiam a compreensão dos guias de estudo e a confiança de novos visitantes na plataforma.
A experiência existente apresentava problemas de usabilidade e organização que comprometiam a compreensão dos guias de estudo e a confiança de novos visitantes na plataforma.
A falta de consistência entre elementos visuais, espaçamentos e estilos
também dificultava a evolução do produto. Além disso, algumas funcionalidades importantes para a continuidade dos estudos ainda não estavam
bem resolvidas.
A falta de consistência entre elementos visuais, espaçamentos e estilos também dificultava a evolução do produto. Além disso, algumas funcionalidades importantes para a continuidade dos estudos ainda não estavam
bem resolvidas.
A falta de consistência entre elementos visuais, espaçamentos e estilos também dificultava a evolução do produto. Além disso, algumas funcionalidades importantes para a continuidade dos estudos ainda não estavam
bem resolvidas.
Antes
Antes
Antes
Contexto e Evidências
Contexto e Evidências
Contexto e Evidências
O processo de entendimento do contexto e coleta de evidências aconteceu nas
seguintes etapas:
O processo de entendimento do contexto e coleta de evidências aconteceu nas
seguintes etapas:
O processo de entendimento do contexto e coleta de evidências aconteceu nas
seguintes etapas:
1
1
Solicitações no GitHub
Solicitações no GitHub
2
2
Benchmark de plataformas educacionais
Benchmark de plataformas educacionais
3
3
Pesquisa com usuários
Pesquisa com usuários
4
4
Teste de usabilidade
Teste de usabilidade
O que a comunidade já estava pedindo
O que a comunidade já
estava pedindo
O que a comunidade já estava pedindo
Antes de aprofundar a pesquisa com usuários, analisei as solicitações registradas no GitHub da Trilha.info. A intenção era identificar problemas e oportunidades que já apareciam de forma recorrente entre pessoas que acompanhavam ou utilizavam
a plataforma.
Os pedidos foram agrupados por tema para facilitar a leitura dos padrões:
Antes de aprofundar a pesquisa com usuários, analisei as solicitações registradas no GitHub da Trilha.info. A intenção era identificar problemas e oportunidades que já apareciam de forma recorrente entre pessoas que acompanhavam ou utilizavam
a plataforma.
Os pedidos foram agrupados por tema para facilitar a leitura dos padrões:
Melhorias de interface
e usabilidade
Melhorias de interface e usabilidade
Melhorias de interface e usabilidade
Pedidos relacionados a clareza visual, navegação
e consistência
da experiência.
Pedidos relacionados a clareza visual, navegação e consistência da experiência.
Pedidos relacionados a clareza visual, navegação e consistência da experiência.
Organização de conteúdos
Organização de conteúdos
Demandas ligadas à estrutura das trilhas, localização de materiais e continuidade dos estudos.
Demandas ligadas à estrutura das trilhas, localização de materiais e continuidade dos estudos.
Novas
funcionalidades
Novas funcionalidades
Novas funcionalidades
Sugestões que ampliavam a experiência, como recursos de acompanhamento, prática ou personalização.
Sugestões que ampliavam a experiência, como recursos de acompanhamento, prática ou personalização.
As solicitações foram usadas como ponto de partida para investigação, não como validação isolada.
As solicitações foram usadas como ponto de partida para investigação, não como
validação isolada.
Recorrência das funcionalidades
Exercícios e avaliações
100%
Khan
Roadmap
freeCodeCamp
W3 Schools
Codeacademy
Progresso dos estudos
80%
Khan
Roadmap
freeCodeCamp
W3 Schools
Codeacademy
Certificados gratuitos
40%
Khan
Roadmap
freeCodeCamp
W3 Schools
Codeacademy
Gamificação
20%
Khan
Roadmap
freeCodeCamp
W3 Schools
Codeacademy
Cronograma personalizado
20%
Khan
Roadmap
freeCodeCamp
W3 Schools
Codeacademy
Exercícios e avaliações
100%
Khan
Roadmap
freeCodeCamp
W3 Schools
Codeacademy
Progresso dos estudos
80%
Khan
Roadmap
freeCodeCamp
W3 Schools
Codeacademy
Certificados gratuitos
40%
Khan
Roadmap
freeCodeCamp
W3 Schools
Codeacademy
Gamificação
20%
Khan
Roadmap
freeCodeCamp
W3 Schools
Codeacademy
Cronograma
personalizado
20%
Khan
Roadmap
freeCodeCamp
W3 Schools
Codeacademy
Benchmark de experiências de aprendizagem
Benchmark de experiências
de aprendizagem
Benchmark de experiências de aprendizagem
Para entender como outras plataformas apoiam a aprendizagem autônoma, analisei cinco referências com propostas semelhantes à Trilha.info: Khan Academy, Roadmap, freeCodeCamp, W3Schools e Codecademy.
O objetivo não era replicar funcionalidades, mas identificar padrões recorrentes na forma como essas plataformas organizavam conteúdos, acompanhavam o progresso e incentivavam a prática.
Entre os recursos mais presentes, exercícios e avaliações apareceram em todas as referências analisadas. Indicadores de progresso também foram recorrentes, reforçando a importância de tornar a evolução dos estudos mais visível para quem aprende.
Certificados, gamificação e cronogramas personalizados apareceram com menor frequência, mas ajudaram a ampliar as possibilidades consideradas para a evolução futura da plataforma.
Os padrões observados ajudaram a direcionar as hipóteses da pesquisa com usuários e do teste de usabilidade. Progresso visível, estimativa de conclusão, exercícios práticos e percursos personalizados passaram a ser avaliados como oportunidades para tornar a jornada de estudo mais clara e contínua.
Para entender como outras plataformas apoiam a aprendizagem autônoma, analisei cinco referências com propostas semelhantes à Trilha.info: Khan Academy, Roadmap, freeCodeCamp, W3Schools e Codecademy.
O objetivo não era replicar funcionalidades, mas identificar padrões recorrentes na forma como essas plataformas organizavam conteúdos, acompanhavam o progresso e incentivavam a prática.
Entre os recursos mais presentes, exercícios e avaliações apareceram em todas as referências analisadas. Indicadores de progresso também foram recorrentes, reforçando a importância de tornar a evolução dos estudos mais visível para quem aprende.
Certificados, gamificação e cronogramas personalizados apareceram com menor frequência, mas ajudaram a ampliar as possibilidades consideradas para a evolução futura da plataforma.
Os padrões observados ajudaram a direcionar as hipóteses da pesquisa com usuários e do teste de usabilidade. Progresso visível, estimativa de conclusão, exercícios práticos e percursos personalizados passaram a ser avaliados como oportunidades para tornar a jornada de estudo mais clara e contínua.
Para entender como outras plataformas apoiam a aprendizagem autônoma, analisei cinco referências com propostas semelhantes à Trilha.info: Khan Academy, Roadmap, freeCodeCamp, W3Schools e Codecademy.
O objetivo não era replicar funcionalidades, mas identificar padrões recorrentes na forma como essas plataformas organizavam conteúdos, acompanhavam o progresso e incentivavam a prática.
Entre os recursos mais presentes, exercícios e avaliações apareceram em todas as referências analisadas. Indicadores de progresso também foram recorrentes, reforçando a importância de tornar a evolução dos estudos mais visível para quem aprende.
Certificados, gamificação e cronogramas personalizados apareceram com menor frequência, mas ajudaram a ampliar as possibilidades consideradas para a evolução futura da plataforma.
Os padrões observados ajudaram a direcionar as hipóteses da pesquisa com usuários e do teste de usabilidade. Progresso visível, estimativa de conclusão, exercícios práticos e percursos personalizados passaram a ser avaliados como oportunidades para tornar a jornada de estudo mais clara e contínua.
Matriz de recorrência
Funcionalidade
Khan
Roadmap
freeCodeCamp
W3Schools
Codecademy
Recorrência
Exercícios e avaliações
100%
Progresso
dos estudos
80%
Certificados gratuitos
40%
Gamificação
20%
Cronograma personalizado
20%
O que os estudantes esperam de uma plataforma de ensino?
O que os estudantes esperam
de uma plataforma de ensino?
O que os estudantes esperam
de uma plataforma de ensino?
Depois de identificar sinais da comunidade e padrões de mercado, realizei uma survey para entender como estudantes e profissionais organizavam a própria aprendizagem, especialmente ao utilizar conteúdos gratuitos.
Os principais desafios estavam ligados à gestão do tempo e à construção de um cronograma de estudos. Organização, facilidade de uso, prática, aplicação, suporte e comunidade também apareceram como aspectos importantes para uma experiência de aprendizagem mais contínua.
Exercícios, estudos de caso e pequenos projetos foram apontados como formas relevantes de acompanhar a evolução e transformar o conteúdo em prática.
Depois de identificar sinais da comunidade e padrões de mercado, realizei uma survey para entender como estudantes e profissionais organizavam a própria aprendizagem, especialmente ao utilizar conteúdos gratuitos.
Os principais desafios estavam ligados à gestão do tempo e à construção de um cronograma de estudos. Organização, facilidade de uso, prática, aplicação, suporte e comunidade também apareceram como aspectos importantes para uma experiência de aprendizagem mais contínua.
Exercícios, estudos de caso e pequenos projetos foram apontados como formas relevantes de acompanhar a evolução e transformar o conteúdo em prática.
Depois de identificar sinais da comunidade e padrões de mercado, realizei uma survey para entender como estudantes e profissionais organizavam a própria aprendizagem, especialmente ao utilizar conteúdos gratuitos.
Os principais desafios estavam ligados à gestão do tempo e à construção de um cronograma de estudos. Organização, facilidade de uso, prática, aplicação, suporte e comunidade também apareceram como aspectos importantes para uma experiência de aprendizagem mais contínua.
Exercícios, estudos de caso e pequenos projetos foram apontados como formas relevantes de acompanhar a evolução e transformar o conteúdo em prática.
Planejar para continuar
Planejar para continuar
Planejar para continuar
Gestão do tempo e organização do cronograma apareciam como desafios recorrentes.
Gestão do tempo e organização do cronograma apareciam como
desafios recorrentes.
Aprender fazendo
Aprender fazendo
Aprender fazendo
Exercícios, estudos de caso e projetos ajudavam a tornar o progresso mais concreto.
Exercícios, estudos de caso e projetos ajudavam a tornar o progresso
mais concreto.
Ter apoio na jornada
Ter apoio na jornada
Ter apoio na jornada
Facilidade de uso, suporte e comunidade contribuíam para uma experiência mais sustentável.
Facilidade de uso, suporte e comunidade contribuíam para uma experiência
mais sustentável.
A pesquisa reforçou que a plataforma não precisava apenas reunir conteúdos: ela precisava apoiar a continuidade dos estudos.
A pesquisa reforçou que a plataforma não precisava apenas reunir conteúdos: ela precisava apoiar a continuidade dos estudos.
O que acontecia no uso real
O que acontecia no uso real
O que acontecia no uso real
Para entender como os problemas apareciam na prática, conduzi um teste de usabilidade remoto e moderado com a experiência existente. A intenção era observar como as pessoas navegavam, encontravam conteúdos e realizavam tarefas importantes dentro
da plataforma.
Os resultados mostraram barreiras em etapas centrais da jornada: 40% das pessoas não conseguiram marcar itens da trilha como concluídos, 60% tiveram dificuldade para localizar exercícios e 80% enfrentaram dificuldades para criar uma trilha personalizada.
A avaliação SUS resultou em 55,5 pontos. Além dos dados quantitativos, as observações revelaram desconforto com o excesso de links externos na página inicial e dúvidas sobre a utilidade de algumas seções.
Para entender como os problemas apareciam na prática, conduzi um teste de usabilidade remoto e moderado com a experiência existente. A intenção era observar como as pessoas navegavam, encontravam conteúdos e realizavam tarefas importantes dentro
da plataforma.
Os resultados mostraram barreiras em etapas centrais da jornada: 40% das pessoas não conseguiram marcar itens da trilha como concluídos, 60% tiveram dificuldade para localizar exercícios e 80% enfrentaram dificuldades para criar uma trilha personalizada.
A avaliação SUS resultou em 55,5 pontos. Além dos dados quantitativos, as observações revelaram desconforto com o excesso de links externos na página inicial e dúvidas sobre a utilidade de algumas seções.
Teste de usabilidade
Teste de usabilidade
Tarefa observada
Tarefa observada
Resultado
Resultado
Marcar item como concluído
Marcar item como concluído
40% não conseguiu concluir
40% não conseguiu concluir
Localizar exercícios
Localizar exercícios
60% encontrou dificuldade
60% encontrou dificuldade
Criar trilha personalizada
Criar trilha personalizada
80% encontrou dificuldade
80% encontrou dificuldade
Métrica de Usabilidade
Métrica de Usabilidade
55,5
Neutro
Nota de usabilidade através da aplicação do System Usability Scale - SUS
Nota de usabilidade através da aplicação do System Usability Scale - SUS
Como definimos o que viria primeiro
Como definimos o que viria primeiro
Os achados da survey e do teste de usabilidade foram organizados em uma matriz de esforço e impacto.
A primeira etapa do redesign priorizou melhorias de baixo esforço e alto impacto, concentrando o trabalho nas principais barreiras da jornada: clareza de navegação, organização dos conteúdos e continuidade dos estudos.
Essa priorização ajudou a transformar evidências em uma sequência mais viável de evolução para o produto.
Os achados da survey e do teste de usabilidade foram organizados em uma matriz de esforço
e impacto.
A primeira etapa do redesign priorizou melhorias de baixo esforço e alto impacto, concentrando o trabalho nas principais barreiras da jornada: clareza de navegação, organização dos conteúdos e continuidade dos estudos.
Essa priorização ajudou a transformar evidências em uma sequência mais viável de evolução para o produto.
Da evidência à nova experiência
Da evidência
à nova experiência
A solução foi construída a partir das prioridades identificadas na pesquisa e nos testes.
Comecei explorando as telas em média fidelidade, definindo cores, escala tipográfica, componentes e a aplicação da identidade visual. Em seguida, evoluí as propostas para interfaces em alta fidelidade e protótipos navegáveis.
O redesign contemplou momentos centrais da jornada: descoberta de conteúdos, acompanhamento das trilhas, organização de módulos e criação de percursos personalizados. As interfaces foram adaptadas para desktop, tablet e mobile, mantendo consistência entre os diferentes contextos de uso.
A solução foi construída a partir das prioridades identificadas na pesquisa e
nos testes.
Comecei explorando as telas em média fidelidade, definindo cores, escala tipográfica, componentes e a aplicação da identidade visual. Em seguida, evoluí as propostas
para interfaces em alta fidelidade e
protótipos navegáveis.
O redesign contemplou momentos centrais da jornada: descoberta de conteúdos, acompanhamento das trilhas, organização de módulos e criação de percursos personalizados. As interfaces foram adaptadas para desktop, tablet e mobile, mantendo consistência entre os diferentes contextos
de uso.
Média fidelidade
Média fidelidade
Média fidelidade
Alta fidelidade
Alta fidelidade
Métricas e próximos passos
Métricas e próximos passos
Métricas e próximos passos
Como o redesign ainda dependia de implementação e validação posterior, foram definidas métricas para acompanhar a evolução da plataforma ao longo do tempo.
Os indicadores priorizados foram usuários ativos diariamente, taxa de emissão de certificados e taxa de criação de trilhas personalizadas.
Como o redesign ainda dependia de implementação e validação posterior, foram definidas métricas para acompanhar a evolução da plataforma ao longo do tempo.
Os indicadores priorizados foram usuários ativos diariamente, taxa de emissão de certificados e taxa de criação de trilhas personalizadas.
Métrica definida
Métrica
definida
Métrica
definida
O que ajuda a acompanhar
O que ajuda a acompanhar
Usuários ativos diariamente
Usuários ativos diariamente
Frequência de uso da plataforma
Frequência de uso da plataforma
Taxa de emissão de certificados
Taxa de emissão de certificados
Conclusão das jornadas de estudo
Conclusão das jornadas de estudo
Taxa de criação de trilhas personalizadas
Taxa de criação de trilhas personalizadas
Adoção da personalização
Adoção da personalização
Os próximos passos incluíam:
Os próximos passos incluíam:
testar novamente a experiência,
testar novamente a experiência,
implementar melhorias priorizadas e
implementar melhorias priorizadas e
avaliar novas oportunidades de evolução.
avaliar novas oportunidades de evolução.
© 2026 Poliana Muniz. Todos os direitos reservados.
© 2026 Poliana Muniz. Todos os direitos reservados.
© 2026 Poliana Muniz. Todos os direitos reservados.