Pular para o conteúdo

11. No desktop (≥1024px): o que muda

Onde: o app numa tela ≥1024px

Em telas largas (≥1024px), o app troca a barra de abas por uma sidebar e usa layouts de duas colunas. As funções são as mesmas do celular — só o arranjo muda. O destaque exclusivo é a orientação de carga na Hoje.

  • Ao acessar pelo computador (ou tablet no modo paisagem largo).
  • Tela ≥1024px (o app detecta e troca o layout automaticamente).

A sidebar com as 5 seções e a toolbar

  • Sidebar (esquerda): logo + as 5 seções (Hoje/Programas/Calendário/Progresso/Perfil) + card do box/coach.
  • Toolbar (topo da área principal): dia, sync, mensagens e notificações.

A Hoje do desktop com o hero à esquerda e a orientação de carga à direita

  • Esquerda: saudação (“Olá, [nome]”) + 3 estatísticas (sequência, PRs no mês, treinos), o card do treino e a timeline de sessões.
  • Direita: prontidão com orientação de carga (o score → multiplicador de carga sugerido, com status colorido), o resumo da semana, e os botões “Registrar treino” / “Ver amanhã”.

Detalhe, Calendário, Progresso, Programas e Perfil ganham versões mais largas (gráficos e tabelas maiores), mas com o mesmo conteúdo e as mesmas ações do celular.

  • <1024px: layout mobile (abas).
  • ≥1024px: sidebar + 2 colunas.
  • “No celular não vejo a orientação de carga.” → É exclusiva do desktop. No celular, a prontidão é só o check-in (Cap. 5).

Nada muda para o coach — desktop e mobile gravam os mesmos dados. É só a sua experiência de tela que se adapta.