Page MenuHomePhabricator

Standardise on sign up button
Closed, ResolvedPublic

Description

When we use the desktop login page the sign up button is more prominent.
Should this be quiet or blue?
We should standardise on one.

Screen Shot 2015-08-12 at 11.43.58 AM.png (574×397 px, 37 KB)

Screen Shot 2015-08-12 at 11.43.55 AM.png (554×396 px, 33 KB)

Event Timeline

Jdlrobson claimed this task.
Jdlrobson raised the priority of this task from to Needs Triage.
Jdlrobson updated the task description. (Show Details)

From the living style guide point of view, the button should be (if it will be a button and not an anchor like the "Forgot your password" link) a progressive one, because it starts a multi-step workflow. In my point of view, the progressive button looks good.

@Jdlrobson: Isn't this a Design question, too?

Jdlrobson edited subscribers, added: Design; removed: Aklapper.

Agreed. Hoping a designer can confirm and decline this card.

Jdlrobson moved this task from Incoming to 2015-16 Q4 on the Web-Team-Backlog board.

@Jdlrobson, the blue button is especially large, why's that the case?

I think the quiet button works better, unless if anyone else thinks differently. This page is about logging in, hence the action moving forward should be louder and clear.

I don't know. It's what's on the desktop login form has.
I suspect research showed it drove more sign ups to the site.
Maybe @MattFlaschen or @stevenwalling knows.
Anyway it should be the same on both mobile and desktop.

Screen Shot 2015-08-21 at 4.29.09 PM.png (568×427 px, 33 KB)

A lot of sites make Sign up/Create account very prominent when logged out. E.g. log out of Twitter then go to https://twitter.com/ . There's a 'New to Twitter' that takes up about 1/6 of the screen, plus a Sign up button before Log in.

(Regular users can probably figure out how to log in as long as it's not difficult, so it's not a big deal for them).

As far as research, see https://meta.wikimedia.org/wiki/Research:Account_creation_UX .

Side note:
If we decide it should be quiet rather than progressive, I would like to continue regardless in getting the desktop login form being used by the mobile skin. We can always resolve this afterwards if it needs more discussion and is important.

I'm going to recommend we push ahead and make the switch.

This current desktop login UI didn't come about until after I left WMF actually, and is an unintended result of someone changing the button styles as far as I can tell. I emailed Jared about it being wrong privately when I noticed it.

The original UI (mockup similar to what we shipped: https://commons.wikimedia.org/wiki/File:Screenshot_of_login_redesign_plus_secure_your_account_link.png) had login much larger than the signup call to action. That still seems the right priority to me. Signup as a CTA is a lower priority for users than login here. Making desktop UI match the mobile version seems fine.

@violetto @mattflaschen what say we make this quiet progressive? I do think it's a little bigger than it should be. Let me know what the commit message should say and I'm happy to make that change.

You can't really see hover states on mobile though. What about just a primary neutral button?

I'm not sure what I can do for you here. I don't care much what this link looks like.

Jdlrobson claimed this task.
Jdlrobson removed a project: MobileFrontend.

It's blue when anonymous and quiet when logged in. I think this makes sense and is consistent on desktop and mobile. Seems correct to me, if not someone should reopen the bug with clear instructions.