Login Forms: The Good, The Bad and The Ugly
Posted: April 26, 2010 Filed under: Design | Tags: bad login forms, form design, good login forms, login forms 9 Comments »
After reading 100 outstanding login forms, I was surprised just how bad a lot of login forms were in terms of usability! Do these people not want users to login to their sites? So i’m going to pick on a few of them and you’ll see what makes a login form good, bad and just downright ugly.
The Good
This is how it’s done guys. Why is this form so good?
- Clear title ‘Member Sign In’
- Clear labelling of username and password fields
- Nice big call-to-action ‘Sign in’ button.
- Button to ‘Register’ in case the user pressed sign in by mistake.
- Links for both forgotten username and forgotten password
- Clean page keeps the users focus on the task.
The Bad
Oh my! There’s pink and then there’s PINK! So, firstly this hurts your eyes doesn’t it? The smaller white text is also quite difficult to read because the pink overwhelms it, diluting the white so it actually looks like a light pink (poor readability). There is no help for if you have forgotten which email address you used to sign up to the site. There is no help if you have forgotten your password. There is no link to the sign up page. And if we’re going to be picky, we could point out the inconsistency between the way they have spelt ‘Login’ in the title, ‘log in’ on the first line and ‘Log-in’ on the button.
The Ugly
Oh dear! This doesn’t even look finished does it? There is no indication of what the user should type in which field. There is no help at all for forgotten login details or password. In fact there is no link to any kind of help at all! When we say ‘keep it simple, keep it usable’ we don’t mean to this extent!
What I noticed on a lot of the login forms was a lack of help for users who may have forgotten their username or the email address they used to sign up. There were plentiful links for forgotten passwords. These days users have multiple email addresses and usernames so it’s good practice to include help in your login form for if they forget which one they used.
Just another before you go…. The Confusing!
Hmmm can you work this one out? ‘Keep me logged in until I log out’. Isn’t this how sites normally work on the internet, i.e. you login to a site and you stay logged in until you press the logout button. So why is there a checkbox? Does this mean that if you don’t tick the box, when you press the logout button, you won’t actually be logged out?
When you close a website where you are logged in there are 2 options:
1. The session is killed and the next time you visit that website you have to enter your credentials again.
2. The website keeps you logged in even after you close it, until you manually log out.
An alternative to the second option is the website will keep you logged in for a certain amount of time. Here’s an example. https://login.yahoo.com
the previous comment was about your 4th example (The Confusing)
Thanks for your comment Vlad. Users are not familiar with the technicalities of this behaviour so this particular example ideally needs a clearer explanation. The Yahoo link that you provided shows a much better example. Thankyou for including it
Bezpecne detske autosedacky pre deti roznych vekovych
kategorii. Dorucenie zdarma do 24 hodin – PERINBABA.
sk
Hey I am so delighted I found your weblog, I really found you by mistake, while
I was browsing on Bing for something else, Anyhow I am here
now and would just like to say thank you for a marvelous post and a all round thrilling blog (I also
love the theme/design), I dont have time to browse it all at the moment but
I have saved it and also added in your RSS feeds,
so when I have time I will be back to read more, Please do keep up the awesome b.
Matrac , vankuse, postelne obliecky, postelne obliecky. Vyberte si zo sirokej ponuky Dormeo a vychutnajte si pokojny spanok.
Doprava ZADARMO + darcek.
Zaluzie , žalúzie, zaluzie horizontalne, zaluzie vertikalne, sietky na okna, sietky proti hmyzu, plisse, zaluzie
na stresne okna.
Horizontálne žalúzie:
celotieniace umožnujú kontrolovať smer a množstvo prenikajúceho slnečného svetla,
pričom nestrácame kontakt s exteriérom. Šírka
lamely 25 mm. Znižujú teplotu v interiéry až o 7 stupnov
- estetika – jednoduchá montáž – dlhá životnosť – bezkonkurenčná kvalita.
Sieťky proti hmyzu:
ISSO 37×11 extrudované bez plastových rohov montujú sa do všetkých okenných systémov.
Nemusíte sa bát ako pri iných typoch, že vaše okno nezatvoríte.
Jenoduché a pevné pripevnenie po celom obvode pomocou úchytiek bez vŕtania do okenného profilu.
Sieťky sú najvyššej kvality vyrobené
z hliníka.
Matrace, vankus , postelne pradlo , postelne pradlo
. Vyberte si zo sirokej ponuky Dormeo a vychutnajte si
pokojny spanok. Doprava ZADARMO + darcek.
Kate Middleton has long been a part of the body is
the best way to go. But the blue jeans, or skirts. That is the second
of the ‘Top Five Specifications for Choosing fashion Industry Careers’; knowing
yourself! The jelly shoes are suddenly coming back and so are the Wayfarers!