« Designing for families | Main | Matching design sketches to the desired level of design feedback »

Asking for first names with an example

To keep things friendly and approachable, applications often ask a new user to supply their first name. In designing the sign up procedure for Cozi Central, I applied my favorite trick for asking for first names: provide an example of what kind of name you want.

To ask a user their first name, you'd think you could just create a text box labeled "First name:". The problem is that many people don't want to use their first name. A user might prefer to go by a nickname, for example. However, at sign up time, the user has no idea how your product is going to use the name they enter, so they may hesitate to enter a nickname instead of their real first name. Your application may end up addressing the user by a name they dislike.

You could just ask the user for "Name:", and figure that they can enter whatever they want. Now you've got a new problem: tons and tons of people will enter their full name, or their last name, or something else. Your program might then address them cheerfully but stiffly: "Good morning, John Anthony Smith!"

To elicit a first name but leave the door open for something else, ask the user for "Name:", but provide an example that shows a first name:

Cozi_central_signup_page_section

This seems to work quite well in practice. (I give credit for this trick to software designer and all-around nice guy David Sloo.)

Caution: There's a limit to how far you can push this idea, as Cozi learned this past week. Since our sign up page used an example for Name, we went ahead and put examples next to most of the fields, including the email address fields. The sample email addresses were at cozi.com, so that we could avoid collisions with a real domain name. Bad idea: many users thought we were giving them a new email address, so they entered their own name @cozi.com instead of entering their existing email address. We promptly cut the email address examples from the sign up page. By now, most people should know what an email address looks like.

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00d83451fb6769e200d834ed54a069e2

Listed below are links to weblogs that reference Asking for first names with an example:

Comments

I think "example.com" is a good domain to use for email addresses, although users could easily make the same mistake - assuming that you're asking for an "example.com" email address.

There is an RFC about example domain names, email addresses and so on. I can't recall the number but example.com is a reserved domain name by IANA for this purpose.

Thank you for bringing this very important issue up. There is a large segment of the population for whom the first name/last name distinction doesn't really work. A great many of us prefer to go by our middle names (the H. Albert Smith's). A subtle hint like this lets us know that we can use our middle names without some authority figure (police officer, bank teller, customs official, &c.) totally freaking out because document A says Harold A., while document B says H. Albert.

It has been my experience that when I need to collect someone's full name, including fields for first name, middle name (not simply middle initial), last name, and preferred name (pre-filled with first last), works well, at least when it comes to traditional American names.

It's always a good thing to give an example. For this purpose, one better has to provide a link or a button labeled "see an example"and then one get something more clear, explaining that the user can write his real name or a nickname and his e-mail address is required.
Of course the user can miss the example, but an user can do a lot of unexpected things.

Useless info: This example-name use is how UK soldiers came to be known as "Tommies", the enlistment paperwork in WWI told them to enter their names, "for example Thomas Atkins" (although various sources claim this usage goes back to at least the Napoleonic era).

Verify your Comment

Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

Post a comment