Update visual style of login flow for 5.0 and brand standards
Closed, DuplicatePublic
Actions

Assigned To

None

Authored By

	• JMinor
	Jan 6 2017, 12:25 AM

Description

Update visual design of login screens for:

text styles (see also ticket for dynamic type support)
brand/AA compliant colors
remove unique glyphs or symbols and replace them with standard assets (see related ticket T147730)

Prototype:
https://wikimedia.invisionapp.com/share/7J9FKPNPW

Log in flow


Log in form	Reset password form	2FA varification

Log in with CAPTCHA
After the system sends an error requesting a CAPTCHA security check (due to number of invalid log in attempts) the CAPTCHA element will be added after the UN/PW fields, the 'log in' button will move below the CAPTCHA element and the focus will be placed on the PW field.


Failed login	Failed login with CAPTCHA and CAPTCHA system alert	Failed login with CAPTCHA and CAPTCHA system alert + keyboard

Create account flow


Create account form. ,Selecting 'Next' scrolls down to CAPTCHA	Captcha validation (on same screen as create account form)

Related Objects
Search...

Status	Assigned	Task
Open	None	T100375 Improve user experience of Two-Factor process
Resolved	Dbrant	T150899 Support 2FA in Wikipedia Mobile applications
Resolved	Mhurd	T150699 [iOS] Allow users to log in with 2FA in the app
Resolved	None	T150985 Update login interface
Duplicate	None	T154725 Update visual style of login flow for 5.0 and brand standards

Event Timeline

• JMinor created this task.Jan 6 2017, 12:25 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJan 6 2017, 12:25 AM

• JMinor moved this task from Tasks from Product Backlog to Needs Design on the iOS-app-v5.4.0-Hiking-Boot board.Jan 6 2017, 12:40 AM

cmadeo updated the task description. (Show Details)Jan 6 2017, 8:02 PM

cmadeo moved this task from Needs Design to Needs Acceptance Criteria on the iOS-app-v5.4.0-Hiking-Boot board.Jan 6 2017, 8:55 PM

• JMinor moved this task from Needs Acceptance Criteria to Needs Engineering Sync on the iOS-app-v5.4.0-Hiking-Boot board.Jan 17 2017, 10:14 PM

• JMinor moved this task from Needs Triage to Design Backlog on the Wikipedia-iOS-App-Backlog board.Jan 17 2017, 10:27 PM

cmadeo removed cmadeo as the assignee of this task.Jan 24 2017, 7:39 PM

@cmadeo Reminder from planning meeting: consider overall form vertical height impact on layout when used in combination with larger dynamic text sizes. (i.e. moving progressive button down from title bar, landscape on phone - for larger keyboard - but longer form needing more scrolling, etc)

Also here: https://phabricator.wikimedia.org/T154727

Mhurd moved this task from Needs Engineering Sync to Blocked or Waiting on the iOS-app-v5.4.0-Hiking-Boot board.Feb 9 2017, 7:43 PM

• NHarateh_WMF edited projects, added Wikipedia-iOS-App-Backlog (Design); removed Wikipedia-iOS-App-Backlog.Feb 15 2017, 12:09 AM

Restricted Application edited projects, added Wikipedia-iOS-App-Backlog; removed Wikipedia-iOS-App-Backlog (Design). · View Herald TranscriptFeb 15 2017, 12:09 AM

Mhurd moved this task from Blocked or Waiting to Needs Design on the iOS-app-v5.4.0-Hiking-Boot board.Feb 15 2017, 12:30 AM

cmadeo moved this task from Needs Design to Design Doing on the iOS-app-v5.4.0-Hiking-Boot board.Feb 15 2017, 1:26 AM

Added mocks for login screen with CAPTCHA (after system requests CAPTCHA due to number of failed login attempts) and created tickets T158142 + T158253

cmadeo mentioned this in T150985: Update login interface.Feb 16 2017, 10:45 PM

Mhurd closed this task as a duplicate of T158142: Update styles for login and create account flows.Mar 9 2017, 11:37 PM

	F5659347: Failed login with keyboard up.png
	Feb 16 2017, 10:40 PM

	F5659346: Login 00.png
	Feb 16 2017, 10:40 PM

	F5243494: Login 00.png
	Jan 6 2017, 8:02 PM

Update visual style of login flow for 5.0 and brand standardsClosed, DuplicatePublicActions

Description

Related ObjectsSearch...

Event Timeline

Update visual style of login flow for 5.0 and brand standards
Closed, DuplicatePublic
Actions

Related Objects
Search...