Experiência do Operador

┌────── EXPERIÊNCIA DO OPERADOR ─────┐
│                                     │
│  🌅 Session Hero                    │
│     "Bom dia, João 👋"              │
│                                     │
│  📥 Workflow pendente               │
│     ├─ Pendente para mim            │
│     └─ Assumido / em aberto         │
│                                     │
│  📅 Agenda do dia                   │
│     ├─ Atendimentos em andamento    │
│     └─ Próximos compromissos        │
│                                     │
│  ✍️ Assinaturas pendentes           │
│                                     │
│  🔔 Notificações urgentes           │
│                                     │
│  🎓 Treinamentos não lidos          │
│                                     │
│  🏆 Score do dia                    │
│     └─ MyEarningsCards              │
│                                     │
│  ⏱️ Timeline pessoal                │
│                                     │
│  ─────────────────────────          │
│                                     │
│  🎯 [ Modo Foco ]  (tecla F)        │
│      Overlay full-screen            │
│      Fila priorizada                │
│      Barra de progresso             │
│      Botão "Resolver agora"         │
└─────────────────────────────────────┘

4.1. Meu Resumo (/ → MeDashboard)

Dashboard pessoal que consolida — em tempo real, via useDashboardSummary — tudo que depende do usuário neste momento.

4.2. Por que isso é diferencial

• O gestor não precisa configurar dashboard pessoal por usuário — a Ziinp infere porque o Z-Field, Z-Flow, Z-Sign, Z-Schedule, Z-Score e treinamentos compartilham o mesmo modelo de domínio.
• Tudo é atualizado automaticamente com react-query (stale time controlado) — sem F5.
• Funciona em mobile e desktop, mesma estrutura.

4.3. Modo Foco (FocusMode)

Como acionar:

• Botão "Modo Foco" na home.
• Tecla `F` (atalho global na home).

O que acontece:

1. Overlay full-screen abre (fixed inset-0 z-50), faz blur do fundo.
2. Menu desaparece, distrações somem.
3. Sistema mostra uma única pendência com:

• ícone temático (chama, sino, raio, caneta...);
• título grande;
• subtítulo com contexto (formulário, grupo, usuário origem);
• barra de progresso "3 de 12 — 25%";
• botão único "Resolver agora".

1. Ao resolver, vai para a próxima.
2. Ao terminar tudo: tela "Tudo resolvido!" com ícone verde.
3. `Esc` sai a qualquer momento.

4.4. Fila priorizada (buildFocusQueue)

Ordem de prioridade na fila — implementação real (verificada em MeDashboard.tsx:1680):

1. Atendimentos em andamento (não pode deixar aberto).
2. Notificações urgentes não lidas (priority: urgent).
3. Ações de workflow pendingForMe.
4. Assinaturas pendentes.
5. Ações assumidas e incompletas.
6. Treinamentos não lidos.

4.5. Ações diretas do resumo (sem navegar)

• `WorkflowAssumeActionDialog` — assumir uma ação direto da home, sem ir para /workflow.
• `MySignatureSignDialog` — assinar direto da home, sem ir para /my-signatures.
• `NotificationDetailsModal` — abrir notificação inline.

4.6. Notifications drawer

• Acessível pelo sino do topo.
• Lista, marca como lida, abre detalhe.
• Filtragem por prioridade.

4.7. Cards de ganho (MyEarningsCards)

• Ganhos do dia, semana, mês.
• Conquistas recentes.
• Posição no leaderboard.

[ 07:55 — operador abre o app no celular ]
              │
              ▼
[ Vê: 4 ações pendentes + 2 assinaturas + 1 treinamento + score do dia ]
              │
              ▼
[ Aperta F ]
              │
              ▼
[ Modo Foco: pendência 1 de 7 — "Aprovar checklist da máquina 042" ]
              │
              ▼
[ Resolver agora → abre tela de processamento → aprova ]
              │
              ▼
[ Modo Foco: pendência 2 de 7 — "Assinar termo de aceite" ]
              │
              ▼
[ Resolver agora → assina inline → fecha modal ]
              │
              ... (e assim por diante)
              │
              ▼
[ Tela: "Tudo resolvido! Bom trabalho." ]
              │
              ▼
[ 08:18 — operador começa o dia com zero pendência ]

Cenário A — Diretor de operação que perde 40min/dia em e-mail

Antes: abre Gmail, filtro de "Ziinp", abre cada notificação, navega, ação. 40 minutos. Depois: abre /, aperta F, resolve 12 pendências em 15 minutos. 63% menos tempo.

Cenário B — Técnico no início do turno

Antes: pergunta ao líder "o que eu faço hoje?". Depois: abre o app, vê 5 visitas marcadas + 2 ações pendentes do dia anterior + 1 treinamento de segurança. Aperta F, resolve treinamento e ações primeiro, depois sai para campo.

Cenário C — Gerente de loja em rede

Antes: planilha do regional, lista pelo WhatsApp. Depois: Modo Foco diário às 9h. Atravessa as 3-5 ações da loja em 5 minutos. Painel zera.

Cenário D — Jurídico com 30 contratos para assinar

Antes: e-mail, abrir cada um, voltar pro inbox. Depois: /my-signatures ou Modo Foco com fila de assinatura. Assina sequencialmente em 8 minutos.

7.1. Pitch 3 minutos (ESTE é o momento "uau" da demo)

7.2. Apresentação 10 minutos

Objetivos

• Saber o que aparece no Meu Resumo e por quê.
• Saber acionar e sair do Modo Foco.
• Resolver pendências sem navegar.
• Configurar prioridade pessoal.

Agenda

Exercício 1 — Modo Foco

• Faça login com usuário de teste.
• Garanta que há pelo menos 3 pendências (peça ao instrutor).
• Aperte F.
• Atravesse todas. Saia com Esc no meio. Reentre.

Exercício 2 — Ações inline

• Da home, assine 1 documento sem ir para /my-signatures.
• Da home, assuma 1 ação sem ir para /workflow.

Quiz

1. Qual atalho abre o Modo Foco?
2. Qual a ordem de prioridade da fila?
3. Como sair sem resolver tudo?
4. O que aparece quando termino tudo?
5. Por que o sistema sabe o que mostrar para cada usuário sem configuração?

Setup inicial

• [ ] Garantir que cada usuário tem cargo/grupo configurado.
• [ ] Definir critério de "urgente" em notificações.
• [ ] Treinar gestores a usar o Modo Foco como ritual diário.
• [ ] Comunicar o atalho F no onboarding.

Revisão mensal

• [ ] Tempo médio de pendência aberta caindo?
• [ ] Há usuários que nunca entram no Modo Foco? Treinar.
• [ ] Há usuários com fila sempre lotada? Investigar sobrecarga.

Funciona em mobile? Sim. Atalho F é desktop; no mobile há botão equivalente.

Posso customizar a ordem da fila? A ordem padrão é baseada em criticidade. Customização avançada disponível por configuração.

O Modo Foco trava o sistema? Não — Esc sai a qualquer momento. É overlay reversível.

Funciona com pouca conexão? Sim — os dados ficam em cache via react-query.

Posso treinar a equipe para usar diariamente? Recomendado. 15 minutos por dia em Modo Foco = -70% de pendências acumuladas.

Existe gamificação no Modo Foco? A barra de progresso e o "Tudo resolvido!" funcionam como gamificação implícita. O Z-Score também pontua resoluções.

A experiência do operador aparece aqui como uma história contínua: primeiro o resumo pessoal, depois as prioridades, assinaturas e recompensas, até a entrada no Modo Foco e a progressão pela fila. A galeria evidencia uma interface construída para conduzir ação, não apenas exibir informação.

As telas foram documentadas no sandbox em 24/05/2026. Alguns enquadramentos são retomados para destacar elementos distintos da mesma jornada, como a entrada no foco, sua barra de progresso e o score associado.

Print 01 - Meu Resumo desktop

Ampliar

Leitura do print: O cockpit apresenta pendências, agenda, notificações e recompensas em uma única entrada.

Evidência capturada; desktop / 1440 x 980; origem: `/`.

Print 02 - Meu Resumo mobile

AmpliarMobile

Leitura do print: A composição editorial preserva a captura real responsiva, incluindo CTA de Modo Foco e contadores.

Evidência capturada; mobile / iPhone 14 + composição editorial; origem: `/`.

Print 03 - Pendências do operador

Ampliar

Leitura do print: O resumo mostra o volume de pendências aguardando atenção e a prioridade da jornada.

Evidência reutilizada; desktop / 1440 x 980; origem: `/`.

Print 04 - Assinaturas pendentes

Ampliar

Leitura do print: O card de assinaturas integra documentos ao mesmo cockpit operacional.

Evidência reutilizada; desktop / 1440 x 980; origem: `/`.

Print 05 - Botão Modo Foco

Ampliar

Leitura do print: O CTA visível no hero transforma a próxima ação em um clique direto.

Evidência reutilizada; desktop / 1440 x 980; origem: `/`.

Print 06 - Primeira pendencia em foco

Ampliar

Leitura do print: O overlay reduz a interface a uma tarefa acionavel com botão Resolver agora.

Evidência capturada; desktop / 1440 x 980; origem: `/ + tecla F`.

Print 07 - Barra de progresso

Ampliar

Leitura do print: O topo do modal documenta progresso real de 1 de 16 itens.

Evidência reutilizada; desktop / 1440 x 980; origem: `/ + tecla F`.

Print 08 - Modo Foco com pendências

Ampliar

Leitura do print: Como havia pendências no sandbox, a evidência registra o estado operacional seguro: progresso da fila, tarefa priorizada e ações Resolver agora e Pular, sem concluir registros reais.

Evidência capturada como alternativa aprovada à tela final `Tudo resolvido`; desktop / 1440 x 980; origem: `Modo Foco`.

Print 09 - Score do dia

Ampliar

Leitura do print: Os cards de recompensa integram reconhecimento ao resumo diario.

Evidência reutilizada; desktop / 1440 x 980; origem: `/`.

🌅 06:50 — Carlos, técnico de manutenção

Abre o PWA. Hero diz "Bom dia, Carlos 👋". Vê: 3 manutenções no dia, 1 não-conformidade pendente do ontem, 1 treinamento NR novo, 142 pontos no mês. Aperta F. Modo Foco mostra primeiro o treinamento (impede sair pra campo sem certificado). Atravessa em 8 minutos. Sai pra campo.

🌅 08:00 — Marina, supervisora regional

Abre da mesa. Vê 12 ações pendentes de aprovação, 4 assinaturas, 7 notificações urgentes. Aperta F. Em 15 minutos, atravessa as 12. Resolve as 4 assinaturas inline. Notificações urgentes resta 3, todas dependem de outras pessoas — marca lida. Painel zera, agora ela vai pra agenda.

🌅 08:30 — Ana, diretora de operações

Abre. Vê só os KPIs do dia, top 3 alertas, ranking de filiais. Sem F — não tem ação operacional, é só radar. Olha 3 minutos, ajusta prioridade do dia, vai pra primeira reunião.

🌅 09:00 — João, jurídico

Abre /my-signatures. 27 contratos pendentes. Aperta F (fila de assinaturas). Atravessa 27 em 18 minutos. Assina todos, alguns abrem comentário antes (lê e segue). Painel zera. Volta para tarefas estratégicas.

🌆 17:30 — Fernando, líder de equipe

Última coisa do dia: abre /, aperta F. Vê o que ficou aberto, escala 2 itens pro time noturno via Z-Flow. Sai com painel limpo. Dorme melhor.

Receita 1 — "Modo Foco da manhã" (líder)

Todo dia 8h-8h20.
Abrir /, apertar F.
Atravessar tudo. O que não der pra resolver, devolver/escalar/comentar.
Sair com painel zerado.

Resultado em 30 dias: pendências acumuladas ↓ 80%

Receita 2 — "Modo Foco do fim do dia" (operador)

17h30, antes de sair.
Apertar F.
Resolver/escalar. Não deixar pendência pra amanhã.

Resultado: zero ansiedade noturna, dia começa limpo.

Receita 3 — "Pomodoro com Foco" (gestor afogado)

25 min em Modo Foco.
5 min pausa.
Repete 4 vezes.

Resultado: 100 min focados/dia, sem multitarefa.

Receita 4 — "Ritual de 1×1" (líder + liderado)

Liderado abre /my-signatures + dashboard pessoal.
Mostra o que está aberto, o que resolveu.
Líder vê barra de progresso semanal (Z-Score).
Conversa: 15 minutos, dado em vez de feeling.

Resultado: 1×1 mais objetivo, menos defensivo.

Receita 5 — "Sexta limpa"

Política da empresa: sexta-feira 16h-17h é Modo Foco coletivo.
Todo mundo aperta F.
Quem fica vermelho na segunda começa atrás.

Resultado: cultura de fechamento.

• Comunicar o `F` como ritual ("aperta F antes do café da manhã").
• Cruzar com Z-Score — atravessar o Modo Foco vira pontuação.
• Pesquisa de NPS interno medindo satisfação antes/depois.
• Customização avançada de prioridade por cargo.