Ficha 02 · UI/UX, acessibilidade, medição e atualização

Recebe SMS/email de lembrete (vacina a expirar em 30 dias)
        ↓  desiste porque: mensagem parece spam, sem nome do animal
Abre a landing page de marcação
        ↓  desiste porque: página lenta, não diz o preço
Escolhe serviço (vacinação) e vê preço + duração
        ↓  desiste porque: não há horários compatíveis visíveis
Escolhe dia e hora num calendário com vagas reais
        ↓  desiste porque: formulário longo, pede dados a mais
Preenche 3 campos: nome do animal, telemóvel, confirmação
        ↓  desiste porque: não sabe se ficou marcado
Recebe confirmação imediata no ecrã + SMS
        ↓  falta porque: esqueceu-se
Recebe lembrete 24h antes, com opção de remarcar num clique
        ↓
Consulta realizada

Decisões que resultam do fluxo:

• O lembrete tem de usar o nome do animal ("A vacina da Mia expira a 12 de março") — é o que distingue de spam.
• O preço tem de estar visível antes do formulário; escondê-lo aumenta o abandono e a desconfiança.
• O calendário mostra vagas reais, não um pedido de contacto — pedir para "entrar em contacto" acrescenta um passo e mata metade das marcações.
• Três campos, não nove. O resto (raça, idade, histórico) já está na ficha ou recolhe-se na consulta.
• Opção de remarcar num clique no lembrete: reduz faltas sem obrigar a telefonar.

Início
├── Soluções
│   ├── Painéis residenciais
│   ├── Painéis para empresas
│   ├── Baterias
│   └── Bombas de calor
├── Simulador de poupança          ← destacado (ferramenta de captação)
├── Apoios e financiamento
│   ├── Financiamento
│   └── Legislação e apoios
├── Casos de sucesso
├── Saber mais
│   ├── Blog
│   ├── Perguntas frequentes
│   └── Manutenção
└── Contactos                       ← ação principal

Rodapé: Sobre nós · Trabalha connosco · Política de privacidade · Livro de reclamações

Justificação:

• 6 entradas no menu — dentro do limite de 5–7.
• As páginas de produto agrupam-se em "Soluções": é assim que o cliente pensa ("quero saber o que vocês fazem"), não por tecnologia.
• O simulador sai do agrupamento e fica no menu por ser a principal ferramenta de conversão. Uma entrada de menu é uma decisão de negócio, não só de arrumação.
• "Financiamento" e "Legislação e apoios" respondem à mesma dúvida ("quanto me custa e o que recebo do Estado") → juntam-se.
• Sobre nós e Trabalha connosco vão para o rodapé: são procuradas por quem já decidiu explorar, não competem pelo espaço nobre.
• Nomes com as palavras do utilizador: "Apoios e financiamento", não "Soluções de capitalização".

Validação: confirmar com card sorting junto de 5–8 pessoas do público-alvo antes de fechar.

Participantes: 5 pessoas do público-alvo — donos de animais, entre 30 e 60 anos, que nunca usaram o site da clínica. (Cinco chegam para encontrar cerca de 85% dos problemas; mais pessoas repetem os mesmos achados.) Testar no telemóvel próprio de cada um, não num computador da clínica.

Instruções iniciais: "Não estamos a testar-te a ti, estamos a testar o site. Se te enganares, o erro é nosso. Diz em voz alta o que estás a pensar."

Tarefas (dadas uma a uma, sem ajuda):

1. "A vacina do teu cão expira este mês. Marca a vacinação para uma manhã da próxima semana."
2. "Descobre quanto vai custar antes de confirmares."
3. "Afinal não podes nesse dia. Muda a marcação."

O que registar:

Classificação por gravidade:

Regra de ouro: não ajudar. Cada vez que sentes vontade de dizer "está ali em cima", acabaste de encontrar um problema real.

Versão corrigida — 4 campos:

Removidos e onde se recolhem:

Melhorias adicionais:

• Indicação de esforço no topo: "Leva menos de um minuto."
• Validação em tempo real, com mensagens que dizem o que fazer ("Falta o @ no email"), não "Campo inválido".
• Botão com o resultado, não a mecânica: "Pedir orçamento" em vez de "Submeter".
• Confirmação com compromisso: "Recebemos. Respondemos até ao fim do dia útil seguinte."
• Prova social ao lado do formulário (logótipos de clientes ou uma frase de testemunho) para reduzir a hesitação.

Expectativa: abandono de 82% para a casa dos 40–50%. Os dados em falta recolhem-se na resposta — quando já não custam conversão.

Nota de método: verificar os contrastes antes de aprovar a peça, com o WebAIM Contrast Checker ou o verificador do Figma. Corrigir depois de publicado custa alcance — o algoritmo não repõe a distribuição perdida.

Cálculos:

Diagnóstico. O funil está saudável até ao carrinho: o criativo traz gente interessada e a página funciona. A hemorragia é no checkout — 93% de quem põe no carrinho não conclui. Este padrão tem causas típicas e identificáveis: portes de envio revelados só no último passo, obrigação de criar conta, poucos meios de pagamento (sem MB WAY ou Multibanco em Portugal é fatal), prazo de entrega pouco claro, ou checkout com demasiados passos.

Ações, por ordem de impacto:

1. Auditar o checkout — mostrar portes e prazo antes do carrinho, permitir compra sem registo, acrescentar MB WAY/Multibanco, reduzir a 2 passos.
2. Instalar email de carrinho abandonado — recuperar 10% dos 298 perdidos são ~30 encomendas, mais do que a campanha inteira produziu.
3. Mapa de calor e gravações no checkout para ver onde exatamente se abandona.
4. Só depois melhorar o criativo (CTR 0,79%) — há aqui ganho, mas é o menor dos quatro.

Simulação. Se o carrinho→encomenda subisse para 25% (referência do setor), seriam 80 encomendas com o mesmo investimento e CPA de 11,25 €. O dinheiro está no checkout, não no anúncio.

Registo de alterações (obrigatório): uma linha por intervenção — data · o que mudou · porquê · resultado observado. É o que transforma trabalho disperso em conhecimento acumulado, permite reverter decisões que pioraram os números, e é a prova documental do valor do trabalho perante a gerência.

Erro a evitar: tratar a manutenção como "o que se faz quando sobra tempo". Um preço desatualizado ou um formulário partido custam credibilidade todos os dias, silenciosamente, sem aparecer em relatório nenhum.

Teste 1 — Oferta (maior impacto esperado)

• Hipótese: "Aula experimental gratuita" converte mais do que "10% de desconto na inscrição", porque elimina o risco em vez de reduzir o preço.
• Variável: apenas a oferta no título e no botão.
• Métrica: marcações concluídas ÷ visitas.
• Decisão: correr até 100 conversões por variante; adotar a vencedora se a diferença for superior a 20% relativos.

Teste 2 — Título

• Hipótese: um título com benefício concreto ("Volta a subir escadas sem cansar") converte mais do que um genérico ("O teu ginásio de bairro").
• Variável: só o texto do título; imagem e oferta iguais.
• Métrica: a mesma; secundária: tempo na página.
• Decisão: igual.

Teste 3 — Prova social

• Hipótese: acrescentar 3 testemunhos com fotografia real de sócios, acima do formulário, reduz a hesitação.
• Variável: presença/ausência do bloco de testemunhos.
• Métrica: conversão; secundária: profundidade de scroll.
• Decisão: igual.

Regras que valem para os três:

• Uma variável de cada vez. Mudar duas torna o resultado ininterpretável.
• Tráfego repartido em simultâneo, não em semanas diferentes — senão comparam-se semanas, não versões.
• Registar a conclusão por escrito, mesmo quando o teste dá empate: um teste sem conclusão registada é dinheiro deitado fora.
• Ordem de impacto conhecida: oferta > título > imagem > texto do botão > cor do botão. Testar a cor do botão primeiro é o erro clássico.