Vez que outra me deparo com belos formulários que merecem ser compartilhados. O pessoal da Optimal não só tem um formulário de cadastro muito simples como também está usando o velho e bom lance de destacar o campo ativo (background amarelo) e incluir uma breve descrição do tipo “para quê serve esta informação” no mouse-over de cada title.

Espero que possam ver o formulário completo. (talvez esteja inativo, é um formulário promocional…)

E vale lembrar, este é o melhor (ou único?!)  livro sobre formulário já escrito: Web Form Design by Luke Wroblewski.

O novo site da Net entrou no ar nesta semana e minha experiência de navegação foi tão vergonhosa quanto a experiência que tenho como assinante.  Diversas partes do site estão com erro na exibição de conteúdo (o bom e velho “indefined”), problemas no formulário de login e o mais grave: a Net ainda não explica claramente a diferença entre Net Digital e o “falso digital” que eles vendem por aí.

Formulário de Login

Sou assinante antigo, quero logar no site e ter acesso aos meus dados. Para mim não interessa que o site mudou, ainda quero as mesmas informações do antigo site. Tenho login e senha. Simples assim.

Digitei www.net.tv.br e pronto…

Formulário. Cliente Net - crie uma conta/esqueci a senha

Em absolutamente nada custava terem colocados os labels corretos nos dois inputs. Se para usuários avançados é obvio que devemos colocar login e senha, para antigos usuários que usavam e-mail e CPF, por exemplo, isso é uma grande barreira.

Tento usar meus antigos login e senha. Não funcionam.

Tento lembrar minha senha . Não funciona. Meu CPF não existe nos cadastros da Net. Como assim? Sou assinante há anos!

Ignoro o “crie uma conta”, afinal, já sou cliente, já tenho cadastro.

Não.

Depois de vários erros, clico no link “Está com problemas? Veja o que mudou!”

Link de ajuda no formulário

Na tela seguinte o usuário supostamente espera saber o que mudou no site e o motivo pelo qual seus dados não estão funcionando para efeturar login.

Certo? Não.

O que mudou?

Nenhuma das opções apresentadas na tela “O que mudou?” me ajudam entender o novo cadastro, como diz no topo (Ocorreram mudanças com todos os usuários e senhas do site, confira) ou a entender porque não consegui logar no site.

Fui clicando em todos os links apresentados na página e chegando em “Alterar a forma de pagamento facilitada” encontro um segundo formulário de login e um botão de criação de cadastro. Finalmente!

Um segundo formulário... Que bom.

Obviamente nem tentarei logar nesse aí… Mas tento por que isso é uma experiência. Amadora talvez, mas relevante para mim. O fracasso é descrito no cadastro que descrevo logo abaixo…

[OBSERVAÇÃO CHATA] Recebo o erro “Usuário não encontrado ou inexitente.”  Diferente do erro gerado pela mesma falha quando se tenta logar no formulário do topo do site, onde o erro retornado é “Usuário ou senha inválido“. Mesmo significado? Sim. São iguais? Não. (Desculpem, mas eu gosto de padrões. Deveriam ser iguais)

Um caminho alternativo

Como sou usuária avançada, depois de receber o primeiro erro ao tentar logar eu resolvo clicar em Atendimento no menu de navegação do topo. Embora eu preferisse que tivesse o link Ajuda (seria muito melhor neste caso: site totalmente novo. Quero a-ju-da)

Na tela de Atendimento encontro um link que vai me ajudar (Cadastro no site), num box bem bonitinho.

Box com links de ajuda

Sou direcionada para o formulário de criação de uma nova conta. Oba!

Formulário de criação de nova conta

Vou me cadastrar!

Ponto para a Net por incluir um link claro e objetivo que me ajuda a entender o que devo preencher no campo “Código Net” e também por ter incluído dicas no mouse over em todos os campos.

Todos os campos, exceto Dica, são obrigatórios. Seria mais simples marcar apenas este último campo como “opcional”.

O campo senha possui nota dizendo que a senha deve ter de “6 a 12 caracteres”, apesar de um dos erros no formulário do topo do site dizer que “A senha deve possuir no mínimo 4 caracteres. ” Padrão. Gosto de padrão.

Meu e-mail não serviu no campo e-mail e uma parte dele fica “escondido”. Eu recomendaria aumentar o tamanho deste campo. Temos espaço, será bom…

Depois de preencher tudo e clicar em concluir, bum! Caio na tela abaixo. NENHUM SENTIDO. Nenhum aviso de “cadastro realizado com sucesso”. Nadinha. Fico confusa.

Tela de sucesso do cadastro?! WTF?

NÃO. NÃO. NÃO. Formulário devem gerar uma resposta clara, simples e objetiva. SEMPRE. Não tive nenhuma resposta. Grande falha.

Resolvo clicar no botão Voltar do meu navegador e caio em uma tela dizendo que esta é uma área exclusiva para assinantes. Estou realmente confusa. Um formulário de login de novo… Vou preencher.

Um formulário de login após ter preenchido o formulário de Crie uma conta.

Ai meu deus! Consegui entrar na área do assinante.

Sucesso!

Foi fácil? Não. Foi chato, frustrante e cansativo. Essa dificuldade inicial faz parte do aprendizado normal que todo o usuário experimenta ao chegar em um novo site. O ideal seja que o aprendizado se desenrole por alguns segundos, uns poucos minutos talvez. Eu, como usuária avançada, cansei. Agora, a minha tia aposentada que só quer a segunda via da fatura, penará. Muito. E vai ligar para o 0800. Adeus site.

NOTA: utilizei os navegadores citados no rodapé do site.

* não sei dizer quantas experiências de navegação com uma tarefa única definida (quero logar) poderiam ser encontradas. Esta é apenas a minha.