Maniphest T204576

Update the Android app onboarding screens to reflect the removal of the predominant Accent50 blue branding
Closed, ResolvedPublic2 Estimated Story Points
Actions

Assigned To

Authored By

	RHo
	Sep 17 2018, 6:30 PM

Project Tags

Referenced Files

	F26230719: App_onboarding_globe_lingo_version.zip
	Sep 28 2018, 6:01 PM

	F26230441: App_onboarding_globe.svg
	Sep 28 2018, 5:35 PM

	F25975505: image.png
	Sep 17 2018, 6:30 PM

	F25975381: Illustration_reading_list_offline_white.svg
	Sep 17 2018, 6:30 PM

	F25975300: ic_illustration_onboarding_analytics_white.xml
	Sep 17 2018, 6:30 PM

	F25974986: App_onboarding_globe_assets.zip
	Sep 17 2018, 6:30 PM

	F25975228: ic_illustration_reading_list_offline_white.xml
	Sep 17 2018, 6:30 PM

	F25975243: illustration_onboarding_analytics_white.svg
	Sep 17 2018, 6:30 PM

Subscribers

Description

Why are we doing this?

Providing a consistent update to the visual design of the app throughout from onboarding of new users.

Proposed update

Remove the blue/green gradient background, and update text colors and assets to show on the white background across all screens in onboarding.

See Zeplin for redlined mocks

Illustration assets

Screen 1 - Wikipedia in nearly 300 languages	use a PNG of the Wikipedia globe logo App_onboarding_globe_assets.zip395 KBDownload
Screen 2 - Explore feed	reuse existing `ic_illustration_empty_feed.xml`
	Note that `ic_illustration_app_onboarding_1_alt.xml` and `ic_illustration_app_onboarding_language.xml' can be deleted since they are no longer in use)
Screen 3 - Reading lists	update with `illustration_reading_list_offline_white` Vector drawable: ic_illustration_reading_list_offline_white.xml19 KBDownload SVG: Illustration_reading_list_offline_white.svg587 KBDownload
	Note that `ic_illustration_onboarding_analytics.xml` can be deleted since it is replaced by the above)
Screen 4 - Send usage info	update with `illustration_onboarding_analytics_white` Vector drawable: ic_illustration_onboarding_analytics_white.xml9 KBDownload SVG: illustration_onboarding_analytics_white.svg562 KBDownload
	Note that `illustration_onboarding_analytics.png` can be deleted since it is replaced by the above)

Details

Related Changes in Gerrit:

	Subject	Author	Repo	Branch	Lines +/-
	New colors and images for app on-boarding screens	Sharvaniharan	apps/android/wikipedia	master	+116 -276

Customize query in gerrit

Event Timeline

RHo created this task.Sep 17 2018, 6:30 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptSep 17 2018, 6:30 PM

• Charlotte set the point value for this task to 2.Sep 18 2018, 4:17 PM

• Sharvaniharan claimed this task.Sep 21 2018, 6:42 PM

• Sharvaniharan moved this task from Backlog to Doing on the Wikipedia-Android-App ( Android-app-release-v2.7.25x-J-Jaffa-Cake) board.

Change 462029 had a related patch set uploaded (by Sharvaniharan; owner: Sharvaniharan):
[apps/android/wikipedia@master] [WIP] New colors and images for app on-boarding screens

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

gerritbot added a project: Patch-For-Review.Sep 21 2018, 10:20 PM

hi @RHo , for screen1 is it possible to give me an svg for app_onboarding_globe, please? I tried using this per @Dbrant suggestion, but I the file is not getting properly imported into Android Studio... If you could create a valid svg for it, that would be great. It will save us a lot of space compared to the png we are using.

Hi @Sharvaniharan - you can try this SVG, but I am quite sure it will render terribly when imported into Android Studio, and may look quite bad on lower APIs.

App_onboarding_globe.svg196 KBDownload

Hi @Sharvaniharan - you can also try this version exported from a different source but I've checked importing into Studio and there are still a number of rendering errors:

App_onboarding_globe_lingo_version.zip416 KBDownload

You were right ...they did not render well..@RHo thank you..

Change 462029 merged by jenkins-bot:
[apps/android/wikipedia@master] New colors and images for app on-boarding screens

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

• Sharvaniharan moved this task from Doing to QA signoff on the Wikipedia-Android-App ( Android-app-release-v2.7.25x-J-Jaffa-Cake) board.Oct 15 2018, 4:04 PM

LGTM on 2.7.339-alpha-2018-10-15

• Sharvaniharan moved this task from Design signoff to Ready for signoff on the Wikipedia-Android-App ( Android-app-release-v2.7.25x-J-Jaffa-Cake) board.Oct 18 2018, 4:13 PM

Dbrant closed this task as Resolved.Nov 1 2018, 5:18 PM

Update the Android app onboarding screens to reflect the removal of the predominant Accent50 blue brandingClosed, ResolvedPublic2 Estimated Story PointsActions