One big sign up button or 3 [closed]

Question

I would like to know what is the best use in web homepage are for Sign up button:

1. One big button (Like example 1) and then to open screen with option to sign up with facebook, google or mail

2. or 3 buttons like example 2

Answer 1

A Facebook or Google+ sign-in method can actually encourage people to sign-up at all. Most users value the uncomplicated experience they get when signing up via Google+ or Facebook. Hiding this option behind another click will make this valuable option invisible and prevent sign-ups by "lazy" users.

Answer 2

According to Hick's Law, the more options a user is faced with; the harder it will be for them to make a decision quickly.

For this reason, I would suggest the single button as on the homepage,as at this stage the user is making the decision of what they want to do. If they decide they want to sign up, the user can then be faced with the sign up options on the second step.

That being said, things like this are always worth A/B testing!

Source: https://en.wikipedia.org/wiki/Hick%27s_law

Answer 3

I actually like the second option of showing Google, FB sign in options directly. Nowadays most users have such accounts and knowing that 'getting - in' process is just one click away encourages users to click on one of those options. With first option, you might lose some users right at the gate.

I think Hicks law (as pointed out by Thomad Adcock) is not valid here, because of the limited , well established (standard user authentication on web, these days) sign-in options that are made available. Hicks law makes a valid case if there are too many choices available that user has to 'weigh' in before making a decision. Here I am hardly wasting any time choosing between FB or Google. My two cents.

Answer 4

I prefer the variant which already shows all the options separate, like it's done on Stack Exchange:

While the second one immediately shows the visitor how they can sign up, the first one just appears to make an excess step, there's no need in those forewords, considering you're going to implement all those different sign up ways.

I'd even say that making the large button with the text like this will discourage to proceed at least me, because this text gives it a look of the typical adverts.

---

A note (inspired by Stack Exchange design a bit): if you have anything that doesn't require logging in and allows anonymous browsing, you should probably present it before the log in screen or combine them, otherwise it'd look like you're probably obtruding the signup upon the potential users.

E.g, taking into account the links seen in the navigation bar on the image you've provided, you could present

Visit our blog | explore our jobs

{ some recent  | { top jobs }
 entries }     |

 -------------------------------

 { greetingz, advantages of 
      signing up briefly }

 log in |sign up|
 ------           ---------------

 Signup using following services:
 { Google }     |    { Facebook }
           { options }
      Or create a {your-brand}
           account below:
             [email]
             [pswd ]
            [confirm]

           { sign up }

(It was actually supposed to be just a not, since I'm not a designer)