6

Has anyone done actual testing on which registration methods cause most registrations on a social Website? (Let's say that the input fields are the same as those on Facebook).

Here are four different approaches:

  1. Show the entire registration form on the front page (like Facebook does).
  2. Show a big "Register here" button on the front page that goes to a dedicated registration page
  3. Like 1, but ask for mail/password in a second step, so they do not scare people from starting to fill in the form
  4. Like 1, but almost unnoticeably fade in the mail/password fields at the bottom of the form (using JavaScript) after the user has started filled in a field or two.

Feel free to suggest other better ways, but I'd prefer if you have test results to back it up.

3
  • 1
    1 will encourage users to register. 3. A second step will annoy users, expecting the "reward" of completing the registration task. BTW, you should support OpenID registration in practice (users will simply click the logo of their provider, say Google, and then a webpage will popup and they just have to press confirm and the rest will be done automatically). Commented Sep 16, 2013 at 15:35
  • 4
    Personally I dislike when things aren't upfront with their info requests, those situation in which you fill in some info, click "Submit" or "Continue", then more info is (unexpectedly) requested. Sometimes it's obvious a form will be spread over multiple steps, but if I have the slightest feeling of being deceived or strung along and asked to submit more info than I initially thought, I'll usually quit the process.
    – obelia
    Commented Sep 16, 2013 at 19:40
  • For what it's worth, I despise multi-step forms online. In many instances, they're done poorly and lose my information between steps because they're using cookies to store it and I have cookies disabled by default.
    – cimmanon
    Commented Sep 19, 2013 at 14:41

2 Answers 2

14

To begin with, It is known that Facebook did some multivariate testing on their site (with the delete account page, for instance). Although I'm not sure they did the same with their front page, it is safe to assume this design is based on empirical tests. But that's just an assumption.

Motivation

The likelihood of people undertaking a task is based on cost/benefit evaluation. Where the more difficult/complex the task is, or the longer it will take to complete, the less likely people are to undertake it.

While you can argue that the first name, last name, birthday and gender are not of functional necessity (they can be presented in a second step or after email confirmation), the form still looks as a low-cost one, particularly considering the current status of Facebook.

Since the cost is low, and in the case of Facebook the motivation should be high upon entry, a single form seems like the optimal solution.

Clustering and Exit Rates

Clustering (in the context of this question - dividing forms into steps, what some call a 'wizard') is a successful technique with complex/long forms. By breaking down the task into smaller tasks, user motivation increases.

Another concept that applies here is that people are more motivated to complete a task once they commit to it (in any way). For instance, an experiment showed higher student turnout when students were asked to write on paper when they will go somewhere (compared to just telling them they need to go there). Or coffee shops giving you a loyalty card with initial 3 coffees ticks (out of 8) has higher commitment rates than those using 1 initial coffee tick (out of 6).

However, clustering has been shown to work better if the users are capable of seeing their progress and evaluate the overall effort involved at early stages. Online surveys show the highest exit rates on long steps, particularly if these appear after short steps and towards the end.

Another example is the hidden costs added to your payment just before confirmation - companies showing credit card subcharges just before payment confirmation have higher exit rates than those spelling them earlier (particularly if these subcharges were above the norm, like in the case of EasyJet, or when the overall purchase cost is low).

The explanation to this is that when users realise that their evaluation was wrong due to interface unclarity (or intentional misleading), they feel cheated. And rightly so.

Does splitting a low-cost registration form into two steps will increase the amount of registrations? Probably not:

  • If you don't make it clear it's a two-step, you may make your users feel cheated (even with messages such as "Just a few more details").
  • Making it two steps can actually reduce the low-cost nature of the form: users can't evaluate what's hidden.

All of this really boils down to a fundamental UX concept - provide users with sufficient information to satisfy their evaluation needs.

Front Page or Link

It is a momentous business goal for Facebook that people sign up. So the sign up section is really priority 1 on that page - the sign up logo is even bigger than the Facebook logo itself.

The benefit of a link is that it moves content and interactions from the active page to another one - big part of IA. But as just mentioned, nothing is more important for Facebook than people signing up.

Without the form being there, Facebook don't lure you to sign up - you have no way to evaluate how easy it is to do.

Since Facebook (like many other word-of-mouth social networks) don't really have the need to explain what their product does, it leaves very little to put on the front page.

In the process of template slicing, you can classify interaction controls like so:

  • Sought Interaction - an interaction control/gesture that executes an action aligned with the action the user wish to perform. For instance, "answer" button on a mobile phone.
  • Clustering Interaction - an interaction control/gesture that clearly and directly leads to a template where users can accomplish their sought action. The 'Create a Page' on the facebook front page is an example. If this was my goal as a user, I clearly see an interaction point to achieve this.
  • Forced Interaction - This is an action forced upon the user due to the design. In order to accomplish their task, users has to interact with the system at least once in order to get to to the sought interaction. For instance, in an alarm clock mobile app, the need to press 'i' for info in order to then set the alarm (additional step).

Putting a sign-up form and a sign-up button makes the sign up button a sought interaction. A Register button is a Clustering control - you ask the user to perform an additional step on the way to their real goal - registering.

The Unmentioned Solution

One solution that wasn't references so far is the sing-up/log-in combo - presenting on the navbar email/password field and a sign-up/log-in combo; if the user hasn't registered already, feeling these fields will lead to an additional form (with confirm email, name, etc.).

Although this sounds similar to a 2-step registration, my gut felling is that:

  • The two fields still represent low-cost procedure.
  • Users will feel less cheated by being redirected to another form.

Unfortunately, at the time of writing I'm not educated enough on the pros and cons of this approach. Various related posts on this site on this pattern might turn useful.

Conclusion

So in conclusion, and in response to your options:

  1. Ideal solution with low-cost forms, particularly if the business goal is high sign-up rates.
  2. Conceals the low-cost nature of the form and forces users to perform an additional action on the way to an important business goal.
  3. The low-cost nature of the form will be concealed by clustering. Clustering in this case will add more noise and cognitive load compared to a single form.The clustering solution is not ideal for these type of low-cost forms.
  4. In many cases will be considered by users as 'cheating' and could yield high exit rates.

However, all of this can change depending on the context. If your service is a new one, you may prioritise marketing blurb over a registration form. If the site is a flat scrollable one, you may find a register button on a static navbar a better solution.

I hope the answer gives you sufficient reasoning leads. As with many times in UX - there are many variables that could affect the success of a design. The only way to really know in this case is by multivariate testing and analytics.

4
  • I really enjoyed reading this answer. I am a developer, and not a UX person, though... I try. I often see people mention what you said about "...highest exit rates on long steps, particularly if these appear after short steps and towards the end". Would you happen to have any links to articles/studies examining this issue? I am currently developing a sort of "job application" form where there are very long steps at the end, and am hoping to mitigate these effects/dropout rates. Thanks either way for your answer - very helpful.
    – Gray
    Commented Sep 18, 2013 at 13:23
  • 1
    There has been a substantial amount of research into dropouts in surveys. Some of the best articles I came across are: this, this, this, this and this.
    – Izhaki
    Commented Sep 18, 2013 at 14:51
  • 1
    I also have to mention this fantastic research paper on indicators.
    – Izhaki
    Commented Sep 18, 2013 at 14:51
  • Thank you very much. This is exactly what I was looking for.
    – Gray
    Commented Sep 18, 2013 at 14:56
1

Registration... Ah yes, the worst (and best) thing on a website.

What should I do in order to ensure a user registers?

You want simplicity. In this case: simplicity is key. The process of registering is such a headache for people (as is the checkout process when shopping online). Why is that? Because most of the time registrations are clustered with what appear to be unnecessary information, too many fields and countless "have to" fields.

What is the solution?

I highly recommend you show them EVERYTHING on where ever the form is. Whether it being on the front page or a registration page, but make sure it is clear and concise. Also, make sure to prioritize what they need to use to register. For instance, you don't have to ask for the user's mailing address in the registration process, but you can only ask for three fields: the username, password and email address. That is it. That makes it incredibly easy for someone to sign up.

I highly suggest you take a look at this since it is what you are wanting to achieve: http://uxdesign.smashingmagazine.com/2008/07/04/web-form-design-patterns-sign-up-forms/

2
  • 1
    Better yet, eliminate the 'username' field and just use their email for that purpose. Commented Sep 16, 2013 at 21:16
  • Definitely! Although that does depend on what your site is going to have. If a username is the primary identity on the site, you might not want to exclude that. Otherwise, do.
    – UXerUIer
    Commented Sep 18, 2013 at 17:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.