Conversão

Por que campos sem rótulo custam inscrições completas

Um campo que só mostra a sua instrução até você começar a escrever é uma armadilha de usabilidade, não um rótulo real.

O que é

O "rótulo" de um campo de formulário é o texto visível ao lado ou acima de uma caixa de entrada que explica o que deve ser preenchido ali — "Endereço de e-mail", "Nome completo", "Número de telefone". Esta verificação analisa se os campos do formulário têm um rótulo real e corretamente associado, em vez de depender apenas do texto de exemplo (aquele texto cinza-claro que aparece dentro de um campo vazio e desaparece assim que alguém começa a digitar).

O texto de exemplo é um substituto comum para um rótulo real porque parece mais limpo e não ocupa espaço extra, mas tecnicamente é algo diferente e muito mais frágil do que um rótulo que permanece visível durante todo o preenchimento do campo.

Por que importa

No momento em que alguém começa a digitar num campo, o texto de exemplo desaparece — então, se a pessoa fizer uma pausa, olhar para outro lado ou voltar ao formulário depois de uma interrupção, já não há qualquer lembrete visível do que aquele campo pedia. Num formulário longo, ou numa ligação lenta em que alguém preenche passo a passo, isto provoca erros reais e evitáveis: colocar um e-mail no campo errado, ou desistir a meio por o processo se ter tornado genuinamente confuso.

Este é um problema de usabilidade para qualquer visitante, não apenas um caso raro — campos apenas com texto de exemplo são simplesmente mais difíceis de usar corretamente do que campos com um rótulo real e persistente, e cada pequeno atrito num formulário reduz de forma mensurável quantas pessoas o terminam de preencher.

Como corrigir

  1. Verifique cada campo de formulário do seu site — se a descrição do campo desaparece assim que você clica nele e começa a digitar, ele usa apenas texto de exemplo, não um rótulo real.
  2. Adicione um rótulo real e persistente acima ou ao lado de cada campo, além de (ou em vez de) qualquer texto de exemplo.
  3. Se usa um criador de sites, a maioria das ferramentas de formulário tem um campo "Rótulo" separado do "Texto de exemplo" nas configurações do campo — preencha os dois em vez de depender só do texto de exemplo.
  4. Mantenha o texto de exemplo, se o usar, apenas como um formato curto de exemplo (como "ex.: joana@exemplo.com"), e não como a única instrução do campo.
  5. Teste o seu próprio formulário preenchendo-o devagar e pausando a meio de cada campo para confirmar que ainda consegue perceber o que cada um pede.

Veja se o seu próprio site tem este problema

O Launch Readiness analisa o seu site em busca deste e de mais ~50 problemas antes do lançamento, em segundos — grátis, sem registo.

Fazer uma análise grátis