Formulários e confirmação da conversão

Um pedido de orçamento começa quando a pessoa clica na chamada para ação Solicitar orçamento. O caminho principal deve ser simples e coerente:

Chamada para ação → Preenchimento → Envio → Confirmação

Cada etapa tem um significado. O clique leva ao formulário; o preenchimento prepara o pedido; o envio tenta encaminhá-lo; a confirmação informa que ele foi recebido. Portanto, clicar no botão ou acionar o envio ainda não é o mesmo que ter a solicitação recebida.

A chamada para ação promete uma ação específica, e a tela seguinte precisa cumprir essa promessa. Para o Estúdio Ipê, Solicitar orçamento deve levar a um formulário para pedir um orçamento — não a uma compra, um pagamento ou um cadastro sem relação com o pedido.

Depois de preencher o formulário, a pessoa aciona Enviar solicitação. Isso representa uma tentativa de envio. Ela só pode considerar o pedido recebido quando encontrar uma confirmação explícita na tela.

Para decidir o que pedir, comece pelo que o Estúdio Ipê precisa para fazer o atendimento da solicitação de orçamento. Cada dado deve ter uma utilidade clara nesse atendimento.

Um campo é obrigatório quando, sem ele, não é possível responder ou compreender o pedido. É opcional quando pode ajudar, mas a solicitação ainda pode ser atendida sem a informação. Se não há utilidade clara, a decisão é Não coletar.

Esta é uma especificação de dados, não do visual da tela. Ela registra o que o formulário precisa coletar e o motivo de cada decisão.

No celular, organize o formulário em uma coluna: a pessoa lê um campo, preenche e segue para o próximo. Antes do envio, ela deve encontrar:

• E-mail (obrigatório)
• O que você precisa? (obrigatório)
• Nome (opcional)

O rótulo identifica o campo e permanece visível depois que a pessoa digita. Escreva a necessidade por extenso — “(obrigatório)” ou “(opcional)” — em vez de depender apenas de cor, asterisco ou posição na tela.

Cada elemento tem uma função diferente:

• Rótulo: diz qual dado será informado. Ex.: “O que você precisa? (obrigatório)”.
• Instrução: esclarece o conteúdo esperado, quando isso for útil. Deve ser curta e não pedir informações além do necessário.
• Exemplo dentro do campo: mostra um modelo de resposta possível. Ele complementa a instrução e nunca substitui o rótulo, pois pode desaparecer durante a digitação.

Use o tipo de campo compatível com a resposta: e-mail para o contato, texto curto de uma linha para nome e texto de várias linhas para explicar a necessidade.

Quando houver um Erro de preenchimento, mantenha a pessoa na tela de preenchimento. Para cada campo com problema, a mensagem deve responder a três pontos:

1. Qual campo precisa de atenção;
2. Qual é o problema;
3. Como corrigir.

Exiba o aviso perto do campo correspondente e em texto. Uma borda, um ícone ou uma cor podem reforçar o alerta, mas a cor sozinha não explica o que fazer. Use linguagem direta e respeitosa: oriente a ação, sem culpar a pessoa.

Há problemas diferentes que pedem orientações diferentes:

• Dado obrigatório ausente: informe o que falta e por que é necessário para a solicitação.
• Formato inválido: indique que o valor foi preenchido, mas precisa ser ajustado para ter o formato esperado.

Ao corrigir um campo, não apague respostas que já estão válidas. Se a pessoa já preencheu Nome e O que você precisa?, essas informações devem continuar visíveis enquanto ela ajusta o E-mail.

Perto dos campos, explique em linguagem direta para que os dados serão usados. No Estúdio Ipê, a finalidade necessária é o atendimento da solicitação de orçamento: analisar o pedido e responder por e-mail.

Também deixe visíveis dois acessos distintos: a Política de privacidade e um canal para dúvidas sobre dados. Isso ajuda a pessoa a encontrar informações antes de enviar, sem misturar esse aviso com uma escolha de promoções.

Depois que os campos passam pela validação, o clique em Enviar solicitação muda o formulário de Em preenchimento para Enviando…. Esse estado precisa ser visível: apresente um indicador de processamento e bloqueie novos acionamentos do botão enquanto a solicitação estiver sendo processada.

Mantenha os valores digitados na tela. Assim, a pessoa sabe que a ação está em andamento e não precisa clicar várias vezes para tentar garantir o envio.

Não confunda esse momento com Erro de preenchimento. Esse erro ocorre antes do processamento, quando um campo precisa ser corrigido. Já uma falha ou ausência de retorno durante o processamento não diz que o campo está errado: ela exige o estado Envio não confirmado.

Em ambos os casos, preserve as respostas válidas que a pessoa já digitou.

Mostre Solicitação recebida somente quando houver um retorno confiável de que o Estúdio Ipê recebeu a solicitação. O clique no botão e o início do processamento, por si só, não comprovam esse recebimento.

Se não for possível confirmar o resultado, use Envio não confirmado. Evite tanto afirmar que a solicitação foi recebida quanto afirmar que ela foi perdida.

Uma confirmação pode aparecer na própria tela do formulário ou em uma tela dedicada. O formato muda; a função não: comunicar um fato já confirmado.

No Estúdio Ipê, só use a confirmação quando houver retorno confiável de recebimento. Antes disso, o formulário está em Enviando… ou em Envio não confirmado — não é hora de afirmar que a solicitação chegou.

A confirmação não diz que o orçamento está pronto. Ela informa que o pedido foi recebido e explica o que acontecerá depois.

Uma confirmação útil responde a quatro perguntas:

1. Qual foi o resultado? Diga explicitamente que a solicitação foi recebida.
2. O que acontece agora? Identifique a ação seguinte: o Estúdio Ipê analisará o pedido e responderá.
3. Por qual canal? Informe que a resposta será por e-mail.
4. Quando esperar a resposta? No cenário, o compromisso é de até 2 dias úteis.

Inclua também uma orientação para quem não receber resposta ao fim do prazo. Oriente o contato por atendimento@example.com — um endereço fictício do exemplo — em vez de sugerir outro envio do formulário.

Complete as lacunas com os elementos que tornam a confirmação do Estúdio Ipê clara.

Uma especificação curta reúne as decisões já tomadas para que o caminho não tenha contradições. No Estúdio Ipê, a chamada para ação Solicitar orçamento leva ao formulário; o botão Enviar solicitação inicia o processamento, mas não prova sozinho que o pedido chegou.

Considere a solicitação recebida somente no estado Solicitação recebida. A sequência principal é: Chamada para ação → Preenchimento → Envio → Confirmação. Os desvios precisam ficar explícitos: problemas nos campos levam a Erro de preenchimento; quando não há retorno confiável, o estado é Envio não confirmado.

Use três percursos para conferir se a especificação é coerente. Faça a revisão com informações fictícias, como pessoa@example.com — um exemplo, não um canal real. Em todos os percursos, respostas válidas já preenchidas devem permanecer visíveis.

O prazo do cenário só aparece depois de um recebimento confirmado: o Estúdio Ipê responderá por e-mail em até 2 dias úteis. Isso não significa que o orçamento está pronto no instante do envio.