Rails Illustrated

Rails, Web Design and the User Experience

Perfecting your Signup Process

Are My Sites Up I recently signed up for the free service Are my Sites Up?. Thanks to Chris Coyier for providing this free service. I think it is a good example of underdoing the competition. The signup process offers an interesting opportunity to think about the details of the user experience in signing up for a web service.

Signup and the User Experience

A signup form is a big hurdle for a user. Most web services require the user to jump through this hoop before they can try any part of product. How does the user know it is worth the hassle? I think Luke Wroblewski said it best in Sign Up Forms Must Die:

I’ll just come out and say this: sign-up forms must die. In the introduction to this book I described the process of stumbling upon or being recommended to a web service. You arrive eager to dive in and start engaging and what’s the first thing that greets you? A form.

Gradual Engagement

Avoid the signup form hurdle by allowing a potential user to try your service before signing up. This is gradual engagement, a method that doesn't require the user to make any large commitments up front. A signup form is a large commitment.

No Signup Needed

Are My Sites Up is a service that notifies the user when the HTTP status code of a URL is something other than 2XX. The only required information to provide this service is the URL and the email address.

One possible gradual engagement process:

  1. User enters email address and URL to monitor.
  2. User receives email with confirmation link.
  3. Email contains link to create an account and set a password.

Test the Signup Process

Signup Steps 1 2

The signup process is usually the user's first experience with your service. It must be perfect. When I signed up for Are My Sites Up I was confused by step 2 of the process.

  • Step 1: Submit signup form.
  • Step 2: ? -- I tried to login but my account was not working and no error was given.
  • Step 3: Realize I might have to check my email to activate my account.
  • Step 3: Click activation link in email.
  • Step 4: Login.

A notification of the next action to take in step 2 would be helpful. I'm sure that user testing the signup process would have caught this error.

Try Variations

What should happen after the user submits the signup form?

  • Option 1: The user is logged in automatically. This allows the user to immediately use the service. The disadvantage is that the user will not have the opportunity to login and hence possibly save their password with their browser.
  • Option 2: The user is given a notification and told the next action to take, and then eventually redirected to the login page. This will allow the user to save their password in their browser.

There are many possibilities that depend a lot on the service in question. Each of these should be tested for usability and then can also be A/B tested against one another.

Update

Apparently, step 2 was supposed to have a message indicating that the user should check their email, but this message wasn't displayed due to a bug. It has been fixed now.

Comments  

1

Hey Erik,

I'm right there with you man. We had this really nice message worked out for Step 2, where it explains how you have been emailed and to check that for an activation link and how we need to do it this way to keep out bots.

A bug popped up somewhere preventing that message from displaying which has been the source of much confusion.

We are working to restore that ASAP.

Some interesting other options here too. I like the one where the enter a site to monitor right away and they get a confirmation email after that.

Chris Coyier wrote on January 3 2009
2

Erik- I'm the backend developer on Are My Sites Up?, and I can tell you for certain that we did do extensive user testing before launch, and that the code for telling a newly-signed up user to check their email was in place. We got tripped up by a bug in redirection later on, and I guess that all of our testers had made it far past the signup stage by the time that the bug made it into production, so we didn't notice until people started signing up at launch. I guess what I'm saying is that sometimes, even if you send a bunch of users at a site to test, some things slip through the cracks.

In any event, the message now properly appears upon signup.

Also, during the user testing phase we decided to go against Option 1 that you listed above, as it would allow anyone/anything to sign up, set up some sites and leave, without the email address being valid or them even being a real person. To make sure that we didn't get overrun by a bunch of fake users and to keep our database as clean as possible, we decided to go with user verification within email for now.

richard wrote on January 3 2009
3

Richard - You are right that there is a downside to allowing users to signup without verifying the email address. Another option that might be worth considering is to allow signup with only a URL to monitor and an email address and require confirmation of the email and completion of the signup process within a certain time period. You could send an email after a week, or after the first time the site goes down with a link to complete the signup process. If the process isn't completed, you could deactivate the account.

erik wrote on January 5 2009
4

The new zealand flight reservations it called How must be travel discount airline tickets without cheap ticket to new york .too airline macarthur airport to las vegas As so Buy whether or no tickets to belize .last minute travel airline tickets <a href=http://www.libsdl.org/cgi/docwiki.cgi/AirTicketsm/?action=AttachFile&do=get&target=cheap-airfare-europe-m2>cheap airfare europe</a> Heh, this now .airlines hubs atlanta .canceling a return flight on a round trip ticket <a href=http://princessmaker.moinmoin.andcycle.idv.tw/AirTicketsm?action=AttachFile&do=get&target=flights-to-usa.txt>cheap flights uk to usa</a> when airline tickets cheap last minute sometime airline ticket tips low cost Ok, here <a href=http://www.selenic.com/mercurial/wiki/index.cgi/AirTicketsm/?action=AttachFile&do=get&target=flights-to-from-m2>allegiant airlines and nebraska</a> flights bargain cheap a search cheap flights from manchester .

bibtriere wrote on March 10 2009
5

Зер гуд ставлю 5 балов.

Власий wrote on May 22 2009
6

le message Intelligible, <a href="http://cgi3.ebay.fr/ws/eBayISAPI.dll?ViewUserPage&userid=acheter-cialis&hc=1&key=acheter-cialis">achat du cialis</a>, [url="http://cgi3.ebay.fr/ws/eBayISAPI.dll?ViewUserPage&userid=acheter-cialis&hc=1&key=acheter-cialis"]achat du cialis[/url], http://cgi3.ebay.fr/ws/eBayISAPI.dll?ViewUserPage&userid=acheter-cialis&hc=1&key=acheter-cialis achat du cialis, %OOO, <a href="http://cgi3.ebay.fr/ws/eBayISAPI.dll?ViewUserPage&userid=acheter-cialis&hc=1&key=cialis20mg">acheter cialis generique</a>, [url="http://cgi3.ebay.fr/ws/eBayISAPI.dll?ViewUserPage&userid=acheter-cialis&hc=1&key=cialis20mg"]acheter cialis generique[/url], http://cgi3.ebay.fr/ws/eBayISAPI.dll?ViewUserPage&userid=acheter-cialis&hc=1&key=cialis20mg acheter cialis generique, =OOO,

Itmyejch wrote on September 21 2009
7

Молодца! Так держать! Подписываюсь!

мобильный wrote on January 31 2010
8

Молодца! Так держать! Подписываюсь!

мобильный wrote on January 31 2010
9

Молодца! Так держать! Подписываюсь!

мобильный wrote on January 31 2010
10

Молодца! Так держать! Подписываюсь!

мобильный wrote on January 31 2010
11

Молодца! Так держать! Подписываюсь!

мобильный wrote on January 31 2010
12

Спасибо за пост. Позновательно.

мобильный wrote on January 31 2010
13

Спасибо за пост. Позновательно.

мобильный wrote on January 31 2010
14

Спасибо за пост. Позновательно.

мобильный wrote on January 31 2010
15

Спасибо за пост. Позновательно.

мобильный wrote on January 31 2010

Add Comment

(required)
(required, won't be displayed)

(Use Markdown syntax)