Page MenuHomePhabricator

[Web] Log-In / Register Pages - Eliminate Register page & combine it with Log-In page, provide link to redirect to separate Forgot Password page, (more in description)
Closed, ResolvedPublic

Assigned To
Authored By
MNguyen
Jan 10 2015, 10:04 AM
Referenced Files
F188059: Screen Shot 2015-07-01 at 12.32.37 PM.png
Jul 1 2015, 7:33 PM
F188056: Screen Shot 2015-07-01 at 12.31.50 PM.png
Jul 1 2015, 7:32 PM
F188054: Screen Shot 2015-07-01 at 12.25.35 PM.png
Jul 1 2015, 7:30 PM
F177980: Account – Wikipedia Store.png
Jun 11 2015, 5:01 PM
F177981: Account - forgot password – Wikipedia Store.png
Jun 11 2015, 5:01 PM
F176512: Account – Wikipedia Store.png
Jun 8 2015, 10:41 PM
F27452: Screen_Shot_2015-01-10_at_1.47.35_AM.png
Jan 10 2015, 10:04 AM
F27458: Screen_Shot_2015-01-10_at_2.01.37_AM.png
Jan 10 2015, 10:04 AM
Tokens
"Pterodactyl" token, awarded by violetto.

Description

Gap of border line between Login / Forgot Password does not do much, just gave one continuous line.

Create separate Forgot Password page (same how it looks now but on its own page) that users will be redirected to from a link next to the Password option for Log-In. Follow how Wikimedia's log in is set up.

Replace right side with “Register” (& corresponding entries)
Eliminate "Register"'s own page / link on the top navigation

Change “Sign In” button to “Log In” to keep terms consistent
Change "Create" button to "Register".

Screen_Shot_2015-01-10_at_1.47.35_AM.png (320×879 px, 45 KB)

Screen_Shot_2015-01-10_at_2.01.37_AM.png (454×779 px, 47 KB)

Screen_Shot_2015-01-10_at_1.46.03_AM.png (432×476 px, 84 KB)

Event Timeline

MNguyen assigned this task to Prtksxna.
MNguyen raised the priority of this task from to Needs Triage.
MNguyen updated the task description. (Show Details)
MNguyen updated the task description. (Show Details)
MNguyen set Security to None.
MNguyen added subscribers: Aklapper, MNguyen.

@MNguyen, @violetto, @vshchepakina
Created this page and here is the screenshot.
If no problem I will update the code soon.
Also, in the toolbar, Login / Register is ok?

Account – Wikipedia Store.png (1×1 px, 77 KB)

Updated new login page.
Click Forgot password? will switch the page content to password recovery form, and stay in the same page.
Click Back to login will switch the login and register forms back.
The reason is, I did not find a way to add a separated sub page for password form under link store.wikimedia.org/account.
Also modified toolbar entrance for login and register as Login.

Account – Wikipedia Store.png (1×1 px, 82 KB)

Account - forgot password – Wikipedia Store.png (804×1 px, 65 KB)

@vshchepakina we wanted just "Join" on the menu bar right?

@HuiZSF, on the "Forgot password?" I wonder if we can change the form instead of going to another page? For example,

Currently in the "Login" form, you have:


Login
_ _

Email Address
(Field)

Password - Forget Password
(Field)

[Login button]


When you click on "Forget Password," the form becomes (without going to another page)


Forgot your password?
_ _

Email Address
(Field)

[Submit button]
[Back to login link]


@violetto
The 3 forms are actually on the same page now, but visually separated to 2 pages.

I will change the behavior of "Forgot password page".
When click "Forgot your password", "login form" will be replaced by "forgot password form", visually on the same page.

Updated.
Now the login form and password recover form will alternatively appear in the exactly same position.

Yaaaaay what an improvement! Thanks for your hard work, @HuiZSF!
If you could add some minor changes, it will be perfect!

Screen Shot 2015-07-01 at 12.32.37 PM.png (675×560 px, 34 KB)

  1. Capitalize where needed: Recover Password, Back to Login (omit 'or).
  2. Give the button / 'Back to Login' some breathing room: 1.5em
  3. Resize 'Back to Login' text to same size as 'Submit', should be 1em

Yes! It looks great! Thanks for being so quick also. Can you sign off on this @violetto?

Thanks for the great work!