Page MenuHomePhabricator

Promote benefits of logging into Wikipedia in the app – including upcoming reading list sync
Closed, ResolvedPublic

Description

Problem

Currently the login flow does not provide clear incentives for a user to join/login to the Wikipedia in the app.

Proposed solution

Update the login screens in the app to elucidate the benefits of logging in/joining Wikipedia

NOTE: Pending the addition of reading list sync as a new benefit to logging into the app (since this is the major new benefit to promote).

Mocks

View on Zeplin: https://zpl.io/Z1UvAFi tagged under "Login"

Notes on redesign:
Login

  • Add benefits as a section at the very top of the content area
  • "Join Wikipedia" action situated below user benefits (instead of it currently being a link below login fields)
  • Active LOGIN button color updated to use Accent50 #36c blue
  • Addition of a 'Forgot password' link which takes user to the Reset password web page

Create account step 1

  • Add benefits as a section at the very top of the content area
  • Prompt for users already with an account to "Login" situated below user benefits (instead of it currently being a link below create account fields)
  • Active NEXT button color updated to use Accent50 #36c blue

Event Timeline

@RHo The presentation of the login benefits is nice and compact. However, in many other languages (especially German and Russian), each of the bullet-points will almost certainly overflow onto multiple lines. It's also possible that the "Don't have an account?" and "Join Wikipedia" text will collide horizontally. Can we take these things into account in the designs?

@Dbrant – that's a good point. I've updated the mocks on Zeplin so that "LOGIN/JOIN WIKIPEDIA" is a centered action under the caption "Already/Don't have an account?"

Also simplified the user benefits so it's just the bullet points (with a checkmark bullet style) and reviewing again, these user benefits should only appear on the Join Wikipedia screen, not the Login.

Change 360643 had a related patch set uploaded (by Dbrant; owner: Dbrant):
[apps/android/wikipedia@master] Update design and onboarding in Login and CreateAccount screens.

https://gerrit.wikimedia.org/r/360643

Change 360643 merged by jenkins-bot:
[apps/android/wikipedia@master] Update design and onboarding in Login and CreateAccount screens.

https://gerrit.wikimedia.org/r/360643

Lookin' good

main-MainActivity-07072017194847.png (1×1 px, 68 KB)
main-MainActivity-07072017194900.png (1×1 px, 69 KB)
image.png (1×1 px, 124 KB)

Tested on Pixel (Android 7.1.2) Wikipedia v2.6.198-alpha-2017-07-07

ABorbaWMF subscribed.

Tested on Pixel with Android 7.1.1 and Nexus 4 with Android 5.1 on the Alpha App 2.6.198-alpha-2017-07-10

Looks good!