7 comments

[ 2.8 ms ] story [ 37.7 ms ] thread
This list is ridiculous, a couple of these are the most generic forms I have ever seen. The last couple are just plain bad. Make a commitment and pick out 5-10 good ones.
I agree. The author might as well have called the post "here are 100 login screens".
First, every single one of these is the same. Why is this interesting?

Second, didn't we just have a post reminding us not to use numbers in the title of submissions?

http://ycombinator.com/newsguidelines.html:

If the original title begins with a number or number + gratuitous adjective, we'd appreciate it if you'd crop it. E.g. translate "10 Ways To Do X" to "How To Do X," and "14 Amazing Ys" to "Ys." Exception: when the number is meaningful, e.g. "The 5 Platonic Solids."

Note that if one follows the guidelines and renames the post to simply "Login Forms", the banality of the title alone serves as warning that this should not be submitted.

I've always liked the approach American Greetings uses for their sign-in. Similiar to the LightBox script except the only way to exit is to click the 'close' icon. Clicking the page beneath does nothing. Feels very intuitive.
Any idea how they keep the clicks from escaping the login dialog?
Using the z-index CSS property, a property for layering content on pages.

At the top of their source before the actual page content starts, they've got a div at z-index: 999 which covers the whole content area, then the login appears at z-index: 1000. Any clicks outside the login box land on the other div, and not on the content below. When the div is hidden (as it is when you first visit the page) the page operates as expected.

It'd b nice to have more in-depth analysis on this kind of thing. Like maybe using stats to determine if people are more (or less) likely to fill out their full name when signing up or if they're more used to logging in with an email address or username. It would also be worth measuring how long it takes someone to log in to a website because then you can see if you need to make the form more prominent or whatever.