Formulários de login e recuperação de palavra-passe

Um formulário de login dá acesso às contas no teu website. Vê o que o design do login exige e como a recuperação de palavra-passe o mantém seguro.

Rascunho

Um formulário de login dá aos utilizadores acesso às contas no teu website. Vê como é um bom design de login e como os formulários de recuperação de palavra-passe mantêm tudo seguro.

Quantas vezes já tentaste entrar num website e não te lembravas da palavra-passe? Tentas uma, não funciona. Tentas outra, continua errada. Clicas em "esqueci a palavra-passe", esperas por um email, redefines, e quando finalmente entras já perdeste dois minutos e metade da paciência. Agora pensa nisto do outro lado. Se a experiência de login do teu website é assim tão frustrante, os teus utilizadores sentem-no sempre que lá entram.

Um formulário de login é a forma como os utilizadores que regressam voltam à sua conta. Um formulário de palavra-passe esquecida é a forma como recuperam o acesso quando não se lembram das credenciais. Juntos, são os guardiões de todas as áreas protegidas do teu website. Se os fizeres bem, os utilizadores passam sem problemas. Se os fizeres mal, os utilizadores desistem ou contactam o teu apoio ao cliente para pedir ajuda que um bom formulário podia ter dado automaticamente.

O que é um formulário de login?

Um formulário de login é um formulário simples com dois campos: um endereço de email (ou nome de utilizador) e uma palavra-passe. O utilizador introduz as credenciais, o sistema compara-as com os dados da conta guardados e, se coincidirem, o utilizador ganha acesso. Se não coincidirem, o formulário mostra um erro.

Um bom design de login mantém-no limpo e óbvio. Os dois campos devem estar bem à vista, com um botão "Entrar" claro por baixo. Um link "Esqueceste a palavra-passe?" deve estar visível mas sem distrair. Sem campos extra, sem passos desnecessários. Quanto mais depressa alguém consegue entrar, melhor é a experiência.

O que é um formulário de recuperação de palavra-passe?

Um formulário de recuperação de palavra-passe, muitas vezes com a etiqueta "Esqueci a palavra-passe", permite aos utilizadores recuperar o acesso quando não se lembram das credenciais. O processo costuma funcionar assim: o utilizador introduz o email, o sistema envia um link de redefinição para esse endereço, o utilizador clica no link e define uma nova palavra-passe. Simples, seguro e em autoatendimento.

Sem uma opção de recuperação de palavra-passe, cada palavra-passe esquecida passa a ser um pedido de apoio. É tempo que a tua equipa gasta a resolver um problema que um formulário resolve sozinho em segundos.

O que torna um formulário de login seguro?

1. Ligações encriptadas

A tua página de login tem de ter SSL ativo, para as credenciais viajarem encriptadas entre o navegador e o teu servidor. Sem isso, os dados de login podem ser intercetados.

2. Limite de tentativas

Limitar o número de tentativas de login impede ataques automáticos de adivinhar palavras-passe. Depois de algumas tentativas falhadas, o formulário deve bloquear temporariamente ou acrescentar uma espera antes de permitir mais tentativas.

3. Armazenamento seguro das palavras-passe

As palavras-passe nunca devem ser guardadas em texto simples no teu servidor. Devem estar encriptadas, para que, mesmo que alguém aceda à tua base de dados, não consiga ler as palavras-passe reais.

4. Mensagens de erro claras

Não digas aos utilizadores se o que estava errado era o email ou a palavra-passe. Uma mensagem genérica como "Email ou palavra-passe incorretos" impede os atacantes de descobrirem que contas existem no teu sistema.

Os formulários de login e de recuperação de palavra-passe são pequenos, mas moldam a forma como cada utilizador que regressa vive o teu website. Mantém-nos limpos, rápidos e seguros. O criador de websites do WEMASY inclui login e gestão de contas integrados, para os teus utilizadores terem uma experiência fluida e segura sem teres de a construir de raiz. Para veres o quadro geral, lê sobre formulários de website e a sua importância.

Perguntas frequentes

Devo usar email ou nome de utilizador para o login?
O email é mais fácil para a maioria dos utilizadores, porque já sabem o seu endereço de email. Os nomes de utilizador acrescentam mais uma coisa para recordar, o que aumenta a probabilidade de esquecerem as credenciais. A não ser que o teu sistema exija mesmo nomes de utilizador, usa o email como identificador de login.
Como torno seguras as recuperações de palavra-passe?
Envia para o email do utilizador um link de redefinição com prazo, em vez de mostrar a palavra-passe antiga. O link deve expirar ao fim de 15 a 30 minutos, para não poder ser usado mais tarde por outra pessoa. Nunca envies palavras-passe em texto simples por email. O método do link de redefinição é o padrão porque verifica que o utilizador é dono da conta de email.
Devo adicionar autenticação de dois fatores ao meu formulário de login?
Se o teu website trata dados sensíveis, como pagamentos, informação pessoal ou contas de empresas, a autenticação de dois fatores acrescenta uma camada valiosa de segurança. Obriga os utilizadores a verificar a identidade por um segundo método, como um código enviado para o telemóvel, depois de introduzirem a palavra-passe.
O que devo fazer se os utilizadores se esquecem sempre das palavras-passe?
Garante que o processo de palavra-passe esquecida é fácil de encontrar e rápido de concluir. Podes também oferecer uma caixa "Lembrar-me" que mantém os utilizadores com sessão iniciada em dispositivos de confiança. Se as palavras-passe esquecidas forem um problema sério, pensa em reduzir a frequência com que os utilizadores precisam de entrar, prolongando a duração das sessões. Lê mais sobre sessões de website.
Como torno a experiência de login mais fluida para os meus utilizadores?
Mantém o formulário em dois campos: email e palavra-passe. Junta um link "Esqueceste a palavra-passe?" bem visível logo abaixo do campo da palavra-passe. Inclui uma opção "Lembrar-me", para os utilizadores não terem de entrar sempre que visitam. Se a tua página de login carrega depressa e tem um aspeto limpo, a maioria dos utilizadores passa sem qualquer atrito. O criador de websites do WEMASY inclui páginas de login que combinam com o design do teu site, para os utilizadores nunca sentirem que saíram do teu website.
O que devo fazer se os utilizadores se queixam de ficar bloqueados?
Primeiro, verifica se o processo de recuperação de palavra-passe funciona bem e se o email de redefinição chega depressa. Se os utilizadores ficam bloqueados depois de demasiadas tentativas falhadas, garante que a mensagem de bloqueio lhes diz exatamente o que fazer a seguir, como esperar uns minutos ou clicar em "Esqueci a palavra-passe". Um ecrã de bloqueio confuso transforma um problema pequeno num pedido de apoio. Instruções claras mantêm os utilizadores a avançar sozinhos. Descobre mais sobre como manter o teu site seguro em o que é a segurança de um website.

Põe isto em prática
no teu próprio site.

Começa grátis com a WEMASY e cria o teu site em poucos minutos.