Síntese do Plano de Refinamento

Passo 1 — Consolidar todos os problemas identificados

Agregar em uma lista única todos os problemas identificados nas três avaliações. Cada problema deve manter a informação original: nome, localização, dimensão, severidade e impacto. Não editar ou reinterpretar os achados neste passo — apenas consolidar.

Após a consolidação, verificar:

- Há problemas em dimensões diferentes que têm a mesma causa raiz? (Ex: espaçamento arbitrário em layout E inconsistência de pesos tipográficos podem ambos resultar de ausência de design tokens) - Há problemas que se agravam mutuamente? (Ex: falta de hierarquia tipográfica + falta de hierarquia de espaçamento = interface sem nenhum sinal de prioridade) - Algum problema identificado pode ser resolvido como subproduto da solução de outro? (Ex: introduzir uma escala de espaçamento resolve múltiplos problemas de layout ao mesmo tempo)

Passo 2 — Identificar os 3 problemas de maior impacto

Antes de organizar o plano completo, identificar os 3 problemas que, se resolvidos, teriam o maior impacto perceptível na qualidade visual da interface. Esses problemas devem:

- Ter severidade **alta** nas avaliações dimensionais, **ou**

- Violar diretamente um critério de qualidade definido na ficha de contexto, **ou** - Ser a causa raiz de outros problemas identificados

Formular cada problema em uma frase que o profissional possa apresentar para a equipe como justificativa de priorização. Exemplos: - "A interface não diferencia visualmente serviços críticos de serviços saudáveis, o que compromete o critério de identificação em 3 segundos durante incidentes." - "A paleta usa cinza neutro puro em todos os backgrounds, resultando em uma interface que parece fria e corporativa — contrariando diretamente o tom de marca esperado." - "A escala tipográfica tem variações de 1–2px entre níveis, tornando a hierarquia de texto invisível em leitura periférica."

Passo 3 — Organizar as intervenções em três camadas de prioridade

Classificar cada intervenção em uma das três camadas:

**Camada 1 — Essencial**

Intervenções que resolvem problemas de severidade alta ou que violam critérios de qualidade definidos. São o mínimo necessário para que a interface atenda ao padrão esperado. Não são opcionais — devem ser executadas antes de qualquer outra coisa.

**Camada 2 — Importante** Intervenções que resolvem problemas de severidade média — que degradam a qualidade percebida mas não comprometem critérios funcionais. Devem ser executadas após a Camada 1.

**Camada 3 — Incremental** Intervenções que resolvem problemas de severidade baixa — melhorias que elevam o polimento sem mudar o padrão geral. São opcionais dentro do escopo de um ciclo de refinamento, mas valem a pena quando há tempo.

Passo 4 — Definir a ordem de execução recomendada

Para cada camada, definir a ordem de execução levando em conta dependências:

**Dependências comuns:**

- Ajustes de espaçamento geralmente precedem ajustes tipográficos (a escala de espaçamento influencia o ritmo que a tipografia precisa respeitar) - Ajustes de paleta de cor geralmente precedem ajustes de contraste (a paleta define os valores; o contraste verifica os pares) - Ajustes estruturais de hierarquia geralmente precedem ajustes decorativos ou de identidade

Indicar a ordem numericamente dentro de cada camada. Quando intervenções forem independentes, indicar que podem ser executadas em paralelo.

Passo 5 — Formular critérios de aceitação para cada intervenção

Cada intervenção no plano deve ter um critério de aceitação verificável — uma condição objetiva que indica quando a intervenção está concluída e atende ao padrão esperado.

Formato de critério verificável:

- ✓ "Os valores de métricas dentro dos cards usam peso 700 e tamanho 20px; os labels correspondentes usam peso 400 e tamanho 12px. A diferença é perceptível em leitura periférica." - ✓ "O background da interface usa um neutro com temperatura quente (ex: oklch(97% 0.01 60)) em vez de branco puro — verificável pela temperatura visual comparada ao branco puro." - ✓ "Serviços em estado crítico (badge vermelho) são visualmente separados dos serviços saudáveis na lista — através de posicionamento no topo, tamanho de card maior ou borda de destaque." - ✗ "A tipografia está melhor." [não verificável]

---