IDA 2.0 — Redesign do Assistente Conversacional

🎯 Telas do MVP

O MVP foi quebrado em 7 telas isoladas — uma por estado/feature — para os devs implementarem em paralelo sem dependências cruzadas. Cada link abaixo abre a tela já no estado pronto pra revisão:

O MVP (telas 1–7) é o que vai ao ar agora — devs implementam rápido com os incrementos mínimos. A versão 2.0 é a referência visual de onde a IDA chega depois do MVP.

Contexto

A IDA (Inteligência da Razac) é o assistente de IA conversacional interno, usado pelos analistas para validação de invoices, análise de processos de importação e outras tarefas repetitivas com documentos. Apesar do potencial, a ferramenta é subutilizada — a interface atual é um campo de texto em branco sem nenhuma orientação.

O diagnóstico foi construído a partir de um mapeamento estruturado de dores com 13 itens priorizados por impacto e frequência, organizados em 4 grupos: Analistas Tarefeiros, Seniores Criadores de Prompts, Gestão & Governança e Técnico.

Problema

A IDA atual funciona como um campo de texto em branco — poderosa, mas invisível para o analista comum:

• Tela inicial vazia: analista abre e não sabe o que fazer. Abandono antes de começar.
• Prompts manuais: cada uso exige digitar (ou copiar) prompts complexos de 100+ palavras. Inconsistência entre equipes, erros por omissão de campos.
• Sem feedback de processamento: analista acha que travou e reenvia. Respostas duplicadas, desconfiança crescente.
• Zona de anexo invisível: analistas copiavam conteúdo de documento manualmente — nem sabiam que havia upload.
• Sem painel de gestão: prompts espalhados em Word, WhatsApp, e-mail. Versões conflitantes, sem rastreabilidade.

"Abro a ferramenta e fico olhando pro campo em branco sem saber o que escrever."

Hipótese

Se a IDA oferecer prompts pré-configurados com variáveis clicáveis, feedback claro de processamento e uma tela de boas-vindas orientadora, a taxa de adoção aumenta e a qualidade das respostas melhora — porque os prompts chegam completos e padronizados para a IA.

Solução

IDA 2.0 — redesign completo com hierarquia de ações clara para o analista tarefeiro:

1 · Tela de boas-vindas orientadora

Mensagem da IDA na abertura: "Oi! Eu sou a IDA 👋 Estou aqui para te ajudar no dia a dia da Razac. O que vamos resolver juntos hoje?" + cards de favoritos + sugestões de início rápido.

2 · Sistema de Favoritos Pessoais

Prompts fixados acessíveis em 1 clique na tela inicial. Cada card mostra nome, categoria, variáveis necessárias. Máximo de 8 favoritos; ordenados por frequência de uso.

3 · Sistema de Variáveis [VAR]

Ao clicar em qualquer prompt, abre preview com o texto completo. Variáveis [FORNECEDOR], [Nº INVOICE], [DATA] aparecem em chips amarelos clicáveis. Analista substitui os valores antes de enviar — zero chance de enviar prompt incompleto.

4 · Sidebar de Prompts Rápidos — 11 categorias

Árvore colapsável com Comercial, Gestão TaaS, Heavy Projects, Aviation, Desembaraço, Regulatório, Custos, Logística, Financeiro, Tecnologia e RH. Categorias sem prompts não aparecem.

5 · Indicador de Processamento animado

Ponto pulsante + mensagem "IDA está analisando..." + barra de progresso + checklist de 5 etapas (concluída ✓ / em andamento ● / pendente ○). Campo bloqueado durante processamento. Aviso de timeout após 60s.

6 · Zona de Drag & Drop para documentos

Área visível para arrastar PDF, XLSX, DOCX. Limite de 10 arquivos com contador visual (barra de 10 pontos, cor muda de neutro → laranja → vermelho). Badge no ícone de clipe com quantidade.

7 · Contador de caracteres

N / 20.000 sempre visível. Aviso laranja a partir de 18.000. Botão de envio bloqueado acima de 20.000.

Outcomes

Em planejamento — outcomes a preencher após teste de usabilidade e rollout.

• [ ] Teste de usabilidade com 3 analistas (Rayanne / Fernanda / time Comercial)
• [ ] Validação do painel de administração com time sênior
• [ ] Métricas de adoção 30 dias pós-rollout