2. O app por dentro: navegação, sino, mensagens e sync
Onde: o container do app (topo + abas)
Visão geral
Seção intitulada “Visão geral”O app é organizado em 5 abas na barra inferior, com uma barra no topo (título, notificações, mensagens) e camadas flutuantes (cronômetros, folhas, celebrações). Esta página é o mapa de navegação — onde fica cada coisa.
Quando usar
Seção intitulada “Quando usar”- Para se localizar: achar o sino, as mensagens, o tema, e entender por que umas telas “sobem” por cima.
Pré-requisitos
Seção intitulada “Pré-requisitos”- Estar logado (Cap. 1).
Passo a passo (por região)
Seção intitulada “Passo a passo (por região)”As 5 abas (barra inferior)
Seção intitulada “As 5 abas (barra inferior)”
| Aba | O que é |
|---|---|
| Hoje | o treino do dia (Cap. 3) |
| Programas | sua matrícula + catálogo (Cap. 8) |
| Calendário | a semana e o status por dia (Cap. 6) |
| Progresso | PRs, aderência, volume (Cap. 7) |
| Perfil | conta e preferências (Cap. 10) |
A barra do topo
Seção intitulada “A barra do topo”- Título/dia à esquerda.
- Sino de notificações — com ponto quando há não-lidas (Cap. 9).
- Mensagens — conversa com o coach, com ponto de não-lidas.
- Indicador de sincronização (ver abaixo).
Camadas flutuantes & sub-telas
Seção intitulada “Camadas flutuantes & sub-telas”- Sub-telas (Detalhe/Registro/Feedback): abrem sobre a aba e voltam com o botão de voltar.
- Flutuantes: cronômetro de sessão, cronômetro de bloco, celebrações (PR/conclusão), o wizard de registro e o toast de aviso.
No desktop (≥1024px)
Seção intitulada “No desktop (≥1024px)”Vira sidebar (logo + as 5 seções + card do box/coach) + uma toolbar (dia, sync, mensagens, notificações) e a área principal. Mesmas funções, layout largo. Detalhes no Cap. 11.
Tema, unidade e idioma
Seção intitulada “Tema, unidade e idioma”Ficam no Perfil: tema (claro/escuro), unidade (kg/lb) e idioma (pt-BR…). Ver Cap. 10.
Estados de sincronização
Seção intitulada “Estados de sincronização”| Estado | O que significa |
|---|---|
| Sincronizado | tudo salvo no servidor |
| Sincronizando / Salvo | gravando / acabou de gravar |
| Offline | sem rede — dados de exemplo e registros otimistas até voltar |
Erros comuns / troubleshooting
Seção intitulada “Erros comuns / troubleshooting”- “Abri o Detalhe e sumiu a barra de abas.” → É uma sub-tela (sobe por cima). Use voltar para retornar à aba.
- “Aparece ‘offline’.” → Sem rede; o app segue funcionando com dados de exemplo e sincroniza quando a conexão voltar.
O que o coach vê
Seção intitulada “O que o coach vê”O sino e as mensagens são as duas pontas da comunicação com o coach: pelo sino chegam o feedback e os avisos dele; pelas mensagens vocês conversam (Cap. 9).