03 - Conhecendo uma trilha
Primeiros Passos
🔑 Quem pode acessar: Todos os usuários da plataforma
📍 Onde encontrar: Tela Trilhas → selecionar uma trilha
⚠️ Importante: o print usado neste artigo é de uma trilha em homologação, usado apenas como exemplo de layout.
Objetivo
Este artigo explica a estrutura da página de uma trilha específica: cabeçalho, descrição, progresso e os itens (cursos) que a compõem.
Pré-requisitos
- Estar logado na plataforma.
- Ter localizado a trilha desejada na tela Trilhas.
Cabeçalho da trilha
| Nº | Elemento | Descrição |
|---|---|---|
| 1 | Título da trilha | Nome da trilha selecionada |
| 2 | Responsável e data | Nome de quem criou/mantém a trilha e a data de publicação ou última atualização |
Seguir e Descrição
| Nº | Elemento | Descrição |
|---|---|---|
| 1 | Seguir | Botão que permite que o usuário se inscreva e passe a acompanhar a trilha |
| 2 | Descrição | Detalha os objetivos e o público-alvo da trilha |
✅ Pendência resolvida (confirmada pelo documento técnico do módulo): o "Seguir" é, de fato, um botão funcional — não é uma lacuna de produto. No print usado originalmente neste artigo, ele aparecia sem o estilo visual esperado (só texto, sem contorno de botão), o que gerou a dúvida. O comportamento correto é permitir a inscrição do usuário na trilha.
Progresso na Trilha
| Nº | Elemento | Descrição |
|---|---|---|
| 1 | Progresso na Trilha | Barra e percentual indicando o quanto da trilha já foi concluído |
Observação: o progresso da trilha é calculado com base na conclusão dos cursos listados em Itens da Trilha, abaixo. É um elemento apenas visual (não interativo), atualizado automaticamente.
Itens da Trilha
| Nº | Elemento | Descrição |
|---|---|---|
| 1 | Itens da Trilha | Título da seção com a lista de cursos que compõem a trilha |
| 2 | Alternar visualização | Alterna a lista de itens entre grade e lista |
Anatomia de um item da trilha
| Nº | Elemento | Descrição |
|---|---|---|
| 1 | Imagem/capa do curso | Capa do curso; pode exibir selos como Novo; geralmente funciona como link direto para o conteúdo |
| 2 | Título do curso | Nome e código de identificação do curso; também funciona como link de texto para acessar os detalhes ou iniciar a aula |
| 3 | Descrição | Resumo do conteúdo do curso |
| 4 | Habilidades (tags) | Competências (hard skills) desenvolvidas pelo curso |
| 5 | Progresso e última atividade | Percentual concluído pelo usuário naquele curso e data/hora da última atividade registrada |
Observação: alguns itens exibem também um contador de etapas (ex.: "Etapas 0/6"), indicando o volume total de etapas do conteúdo e o progresso dentro dele.
Acessando um item específico
Ao clicar em um item da trilha, o usuário é direcionado a uma página com o conteúdo detalhado desse curso: botão para iniciar a capacitação, contagem de lições e testes, e descrição de módulos e instrutores.
O botão Iniciar libera o primeiro módulo do curso, guiando o usuário até a conclusão.
Resultado esperado
Ao final da leitura deste artigo, o usuário deverá ser capaz de:
- consultar a descrição e o responsável por uma trilha;
- acompanhar o progresso geral da trilha;
- identificar os cursos que compõem a trilha e o progresso individual em cada um.
Veja também
Última atualização: [31/07/2026]