Inloggnings- och lösenordsåterställningsformulär

Ett inloggningsformulär ger användare tillgång till sina konton. Lär dig vad bra design kräver och hur formulär för lösenordsåterställning håller allt säkert.

Utkast

Ett inloggningsformulär ger användare tillgång till sina konton på din webbplats. Lär dig hur bra design av inloggningsformulär ser ut och hur formulär för lösenordsåterställning håller allt säkert.

Hur många gånger har du försökt logga in på en webbplats och inte kunnat komma ihåg lösenordet? Du provar ett, det fungerar inte. Du provar ett annat, fortfarande fel. Du klickar på "glömt lösenord", väntar på ett mejl, återställer det, och när du väl är inne har du redan förlorat två minuter och hälften av tålamodet. Tänk nu på det från andra sidan. Om inloggningen på din webbplats känns så frustrerande känner dina användare det varje gång.

Ett inloggningsformulär är hur återkommande användare tar sig tillbaka till sitt konto. Ett formulär för glömt lösenord är hur de får tillbaka åtkomsten när de inte minns sina uppgifter. Tillsammans är de grindvakter för varje skyddat område på din webbplats. Gör du dem rätt går användare igenom utan problem. Gör du dem fel ger användare upp eller kontaktar din support för hjälp som ett bra formulär hade kunnat ge automatiskt.

Vad är ett inloggningsformulär?

Ett inloggningsformulär är ett enkelt formulär med två fält: en e-postadress (eller ett användarnamn) och ett lösenord. Användaren anger sina uppgifter, systemet jämför dem med de sparade kontouppgifterna och om de stämmer får användaren åtkomst. Om de inte stämmer visar formuläret ett fel.

Bra design av inloggningsformulär håller det rent och tydligt. De två fälten ska ligga mitt i bild med en tydlig knapp "Logga in" under. En länk "Glömt lösenordet?" ska synas men inte distrahera. Inga extra fält, inga onödiga steg. Ju snabbare någon kan logga in, desto bättre känns upplevelsen.

Vad är ett formulär för lösenordsåterställning?

Ett formulär för lösenordsåterställning, ofta märkt "Glömt lösenord", låter användare få tillbaka åtkomsten när de inte minns sina uppgifter. Processen fungerar oftast så här: användaren anger sin e-postadress, systemet skickar en återställningslänk till adressen, användaren klickar på länken och väljer ett nytt lösenord. Enkelt, säkert och självbetjäning.

Utan möjlighet att återställa lösenordet blir varje glömt lösenord ett supportärende. Det är tid som ditt team lägger på att lösa ett problem som ett formulär kan klara på egen hand på några sekunder.

Vad gör ett inloggningsformulär säkert?

1. Krypterade anslutningar

Din inloggningssida måste ha SSL aktivt så att uppgifterna skickas krypterade mellan webbläsaren och din server. Utan det kan inloggningsuppgifter fångas upp.

2. Begränsning av antal försök

Genom att begränsa antalet inloggningsförsök förhindrar du att automatiska attacker gissar lösenord. Efter några misslyckade försök ska formuläret låsas tillfälligt eller lägga in en fördröjning innan fler försök tillåts.

3. Säker lagring av lösenord

Lösenord ska aldrig lagras som vanlig text på din server. De ska vara krypterade så att ingen kan läsa de faktiska lösenorden, även om någon skulle komma åt din databas.

4. Tydliga felmeddelanden

Tala inte om för användare om det var e-postadressen eller lösenordet som var fel. Ett allmänt meddelande som "Felaktig e-postadress eller felaktigt lösenord" hindrar angripare från att ta reda på vilka konton som finns i ditt system.

Inloggnings- och återställningsformulär är små, men de formar hur varje återkommande användare upplever din webbplats. Håll dem rena, snabba och säkra. Webbplatsbyggaren i WEMASY har inbyggd inloggning och kontohantering så att dina användare får en smidig och säker upplevelse utan att du behöver bygga den från grunden. Läs website forms and their importance för helhetsbilden.

Vanliga frågor

Ska jag använda e-post eller användarnamn för inloggning?
E-post är enklare för de flesta användare eftersom de redan kan sin e-postadress. Användarnamn är ytterligare något att komma ihåg, vilket ökar risken att uppgifterna glöms bort. Om inte ditt system uttryckligen kräver användarnamn, håll dig till e-post som inloggningsuppgift.
Hur gör jag lösenordsåterställningar säkra?
Skicka en tidsbegränsad återställningslänk till användarens e-post i stället för att visa det gamla lösenordet. Länken ska gå ut efter 15 till 30 minuter så att någon annan inte kan använda den senare. Skicka aldrig lösenord som vanlig text i e-post. Återställningslänk är standard eftersom det bekräftar att användaren äger e-postkontot.
Ska jag lägga till tvåfaktorsautentisering i mitt inloggningsformulär?
Om din webbplats hanterar känsliga uppgifter som betalningar, personuppgifter eller företagskonton ger tvåfaktorsautentisering ett värdefullt extra lager av säkerhet. Den kräver att användare bekräftar sin identitet på ett andra sätt, som en kod som skickas till telefonen, efter att de angett sitt lösenord.
Vad gör jag om användare ofta glömmer sina lösenord?
Se till att flödet för glömt lösenord är lätt att hitta och snabbt att göra klart. Du kan också erbjuda en kryssruta "Kom ihåg mig" som håller användare inloggade på betrodda enheter. Om glömda lösenord är ett stort problem kan du överväga att minska hur ofta användare behöver logga in genom att förlänga sessionernas längd. Läs mer om webbplatssessioner.
Hur gör jag inloggningen smidigare för mina användare?
Håll formuläret till två fält: e-post och lösenord. Lägg en synlig länk "Glömt lösenordet?" strax under lösenordsfältet. Lägg till alternativet "Kom ihåg mig" så att användare inte behöver logga in vid varje besök. Om inloggningssidan laddas snabbt och ser ren ut tar sig de flesta igenom utan friktion. Webbplatsbyggaren i WEMASY har inloggningssidor som matchar din webbplats design så att användare aldrig känner att de lämnat din webbplats.
Vad gör jag om användare klagar på att de blir utelåsta?
Kontrollera först att flödet för lösenordsåterställning fungerar smidigt och att återställningsmejlet kommer fram snabbt. Om användare blir låsta efter för många misslyckade försök, se till att meddelandet om låsning talar om exakt vad de ska göra härnäst, som att vänta några minuter eller klicka på "Glömt lösenord". En förvirrande låsskärm gör ett litet problem till ett supportärende. Tydliga instruktioner håller användare igång på egen hand. Läs mer om hur du håller sajten säker i what is website security.

Använd det direkt
på din egen webbplats.

Börja gratis med WEMASY och bygg din sajt på några minuter.