Archives

Archives by date

Archives by category

How Not To Design a Sign-Up Form

I’ve been playing around with personal productivity services, mostly because it beats being personally productive, but also because I tend to be pretty scatter-headed and still keeps notes listed on random scraps of paper in pants pocket.

I stumbled upon Remember The Milk today, looked interesting and light-weight enough so I decided to give it a whirl. The sign-up for was simple and clear enough (except for the odd date thing, but whatever).

I typed in my first name, hit TAB, typed in my last name, hit TAB, and got this:

rememberthemilk.png

My password was invalid before I’d typed anything into it. So already the interface is screaming at me. You gotta give a guy at least a chance to put something in there. I started typing in a password and upon one character stroke I got this:

rememberthemilk2.png

It’s now screaming at me as I try, to the best of my abilities, to type in the password. Yes, it went away at five characters. I do enjoy the error notification at the field level, rather than at the page level, but you gotta give a user the benefit of the doubt; let them TAB or click AWAY from the field before pointing out the error.

This is the page where I’ve already decided to try your service out, be somewhat nice to me as it is my first interaction with you as a customer. Be gentle, hold my hand, make it simple; and for chrissakes give me a chance to get it right before you start telling me I’m doing it wrong.

Oh, just for fun: It IS possible to error the whole form out, but that’s just kicking sand on the fire.

rememberthemilk3.png

Written by Mike Monteiro on February 15, 2007 | Permanent link to How Not To Design a Sign-Up Form

5 comments so far. Add yours below.

Tanja says:

I think it's not a bad form. I agree feedback should be given after you enter data and/or leave the field. Preferbly before you have to hit a button. I love it when you get feedback rightaway about usernames and passwords.

What sort of productivity tools have you been trying out? I'm working my way through the bulk aswell.

February 16, 2007 2:23 AM

Anil says:

The difference between onchange and onblur is enormous. I am no javascript expert, but I do know I don't like being yelled at.

February 16, 2007 10:44 AM

Roneel says:

Hmmm...interestingly enough, I visited this site not too long ago. I have to agree that it would have been nice to get the notification message on the "Confirm Password" box after you hit Tab to get to the "Email Address" box. I am also a strong believer in giving instructions immediately underneath the text box. Eg: [Password has to be 5 characters or more]

March 8, 2007 7:22 PM

Tanja says:

Check out the sign-up form for www.pikki.jp

March 9, 2007 12:08 AM

BustyBoots says:

I don’t want to wait till the end of Summer :( , I want it now. Who with me?
save your time and join me. ;)


May 31, 2007 7:28 PM

Comments for this entry have been closed

All posts, even unclever recycled thoughts, are protected under a Creative Commons license. Your comments are yours alone. This is powered by the children working the saltmines at Movable Type.
Mule is a Design Studio.

You are reading Mule Design Studio’s weblog.

How Not To Design a Sign-Up Form is posted in the Design category.