Descubra as dificuldades da UX destruindo seu formulário em pedaços
Como um profissional de Online e por marketing digital ou designer de UX, é fácil cair na armadilha de presumir que os usuários se comportarão online e por logicamente ao interagir com seus formulários online . Acreditamos que eles seguirão o caminho que traçamos, preenchendo os campos obrigatórios, clicando nos botões certos e não cometendo erros. Mas essa suposição não poderia estar mais longe da verdade.
Na realidade, se houver uma oportunidade para alguém clicar por engano no botão errado, inserir dados inválidos ou pressionar “voltar” quando não deveria, eles farão isso. E farão isso muito. É por isso que é crucial quebrar seus formulários online de propósito. Testar situações inesperadas garante que você não está deixando pedra sobre pedra para tornar seu formulário amigável e infalível.
Esse processo pode parecer contraintuitivo.
Afinal, por que alguém enviaria um formulário com informações faltantes ou incorretas? Por que ignorariam instruções loja claras? Bem, alguém o fará, e quanto mais cedo você aceitar esse fato, mais cedo poderá identificar e corrigir os pontos problemáticos dos seus formulários .
Por que quebrar sua forma é uma coisa boa
Quebrar seu dicas de design de ux de formulário: exemplos de melhores práticas formulário não é apenas benéfico — é necessário. Se um formulário pode ser quebrado facilmente, os usuários provavelmente online e por estão enfrentando os mesmos problemas. Ao identificar esses problemas, você pode corrigi-los e melhorar a experiência do usuário e as taxas de conversão . Seu objetivo deve ser identificar todas as falhas ou fontes de confusão possíveis em seu formulário e resolvê-las.
Veja por que isso é essencial:
Testes no mundo real : os usuários nem sempre se comportam como você espera. Eles podem pular campos, inserir dados informações ricas incorretos ou interagir com o formulário de maneiras que você não antecipou.
Prevenindo frustração : Um formulário frustrante levará a maiores taxas de abandono . Quanto mais amigável e intuitivo for seu formulário, maior a probabilidade de as pessoas concluírem.
Melhorando as taxas de conversão : Uma experiência de formulário perfeita se traduz em conversões mais altas. Cada obstáculo que você remove no processo de preenchimento de formulário aumenta a probabilidade de um envio concluído.
Com isso em mente, aqui estão nove maneiras de testar a usabilidade dos seus formulários quebrando-os deliberadamente:
Dicas para quebrar seu formulário online
1. Envie o formulário em branco
O teste mais simples que online e por você pode fazer é enviar o formulário sem inserir nenhuma informação. Isso é surpreendentemente comum entre usuários – seja por acidente ou impaciência. Então, o que acontece quando um usuário faz isso?
O formulário retorna uma mensagem clara explicando o que foi feito de errado?
Os usuários são informados exatamente sobre como corrigir o problema?
A mensagem de erro aparece imediatamente ou fica escondida em um mar de texto?
Um padrão de erro ideal fornece feedback claro e acionável. Se o formulário simplesmente recarrega sem indicar o que está faltando, isso é um problema. Garanta que as mensagens de erro orientem os usuários pelo processo de correção.
2. Deixe de fora certos campos
Agora, tente enviar o formulário após deixar campos específicos em branco intencionalmente. O formulário exibe uma lista de campos ausentes? As mensagens de erro são úteis e fáceis de entender?
Certifique-se de que cada mensagem de erro seja:
Específico : “Por favor, insira seu endereço de e-mail” é melhor do que “Campo obrigatório”.
Acionável : Sugira como o usuário pode corrigir o erro, como “Use o formato: [email protected]” para campos de e-mail.
Visível : os erros devem ser online e por destacados ao lado ou dentro do campo problemático, não em uma seção separada.
Em certos cenários, no pior dos casos, vimos formulários em que enviar um formulário com um campo em branco “destruiu” o formulário inteiro, excluindo todos os dados inseridos e reiniciando. Isso é praticamente garantido para fazer você perder um cliente rapidamente.
Formulário com um botão nuke que apaga todos os dados
Este botão “Registrar agora” apaga todas as informações inseridas se houver um único erro – poucas pessoas passarão pelo sofrimento de preencher seu formulário várias vezes. Os testes podem evitar que isso aconteça.
3. Teste formulários multietapas
Se seu formulário for uma jornada de várias etapas , é crucial testar a navegação entre as diferentes etapas. Tente mover-se para frente e para trás pelo formulário várias vezes para ver como ele lida com os dados.
Os dados são apagados quando você retorna a uma etapa anterior?
O usuário precisa inserir novamente as informações que já preencheu?
Manter os dados inseridos ao navegar entre as etapas é essencial para a satisfação do usuário. Se os usuários perderem suas online e por entradas cada vez que voltarem uma etapa, eles provavelmente abandonarão o formulário frustrados.
4. Deixe o formulário ocioso
Às vezes, os usuários se distraem e deixam o formulário sem atenção por um tempo. Deixe o formulário inativo por 20 minutos e verifique o que acontece quando você retorna.
Os usuários são desconectados sem aviso?
O formulário oferece uma opção para salvar o progresso?
Um timeout repentino pode ser incrivelmente frustrante, especialmente se o usuário tiver inserido uma quantidade significativa de informações. Se o seu formulário tiver um timeout de sessão, forneça um aviso claro antes que isso aconteça e, se possível, ofereça uma maneira de salvar o progresso.
Os formulários do governo do Reino Unido garantem que as pessoas sejam avisadas antes que o tempo limite seja atingido (embora possa ser útil informar as pessoas sobre isso com antecedência).
5. As mensagens de erro devem ser claras e úteis
Mensagens de erro são um online e por componente crítico da experiência de preenchimento de formulários. Mensagens vagas ou genéricas como “Algo deu errado” são frustrantes e inúteis.
As mensagens explicam o que deu errado?
Eles fornecem um caminho claro para o usuário corrigir seus erros?
Mensagens de erro devem ser sempre acionáveis. Se o usuário digitar um e-mail inválido, por exemplo, oriente-o com uma mensagem como “Por favor, digite um endereço de e-mail válido, por exemplo, [email protected] .”
Embora essa mensagem seja fofa e possa ser da marca, ela não ajuda em nada o usuário a resolver o problema.
6. Testes de validação de entrada
Teste como seu formulário lida com dados incorretos em campos específicos. Se um campo espera um número, tente inserir letras ou símbolos.
O formulário aceita entradas incorretas e causa problemas no backend?
Ou ele rejeita a entrada com uma mensagem clara e fácil de entender?
Da mesma forma, para campos de texto, tente inserir números. Garanta que o formulário aceite apenas tipos de entrada online e por válidos e forneça feedback útil quando rejeitar entradas inválidas.
7. Espaços, colchetes e caracteres especiais
Alguns campos, como números de telefone, muitas vezes confundem os usuários. Tente digitar números de telefone com espaços, traços ou colchetes. O que acontece quando os usuários digitam poucos ou muitos caracteres? Como o formulário lida com essas variações?
Ele remove os espaços ou rejeita a entrada?
O que o usuário esperaria que acontecesse?
As expectativas do usuário desempenham um papel significativo aqui. Se as pessoas estão acostumadas a inserir números de telefone com espaços ou colchetes, seu formulário deve acomodar isso ou fornecer uma mensagem clara explicando o formato correto.
8. Teste de campo de senha
Teste seus campos de senha inserindo senhas que não atendem às melhores práticas. Tente inserir poucos caracteres, apenas letras ou até mesmo ignorar caracteres especiais necessários.
O formulário solicita que os usuários atendam aos critérios de senha?
A mensagem de erro é clara e específica sobre os requisitos ausentes?
Campos de senha mal implementados são uma grande fonte de frustração para os usuários . Critérios claros devem ser exibidos online e por antecipadamente, e quaisquer erros devem ser destacados com feedback acionável.
Se as condições da senha forem exibidas somente após um erro, você estará causando frustração desnecessária ao usuário.
9. Martele esses botões
Por fim, avalie a funcionalidade de todos os botões do seu formulário, especialmente os botões de navegação.
Os botões realizam as ações pretendidas sempre?
É óbvio o que acontecerá depois de clicar?
Os usuários podem navegar para frente e para trás sem perder seus dados?
O que acontece se você clicar neles duas vezes em rápida sucessão?
Preste atenção especial aos botões inativos. Eles parecem claramente inativos ou dão aos usuários a falsa impressão de que são clicáveis?
Considere sempre a perspectiva do usuário
Conforme você avança em cada uma dessas etapas, sempre tente pensar como seus usuários. Imagine que sua mãe está preenchendo o formulário. O que a confundiria? O que poderia fazê-la desistir completamente?
Se um usuário encontrar qualquer dificuldade, não importa quão pequena, há um risco de que ele abandone o formulário antes de concluí-lo. Uma experiência suave e intuitiva leva a usuários mais felizes e mais conversões.