Page MenuHomePhabricator

Incorporate onboarding message and illustration for new users on SE home
Closed, ResolvedPublic1 Estimated Story Points

Authored By
scblr
Aug 28 2019, 1:08 PM
Referenced Files
F31068770: se-v3-03-tablet.png
Nov 14 2019, 11:42 AM
F31068765: Screenshot_20191114-112852_Wikipedia Alpha.jpg
Nov 14 2019, 11:42 AM
F31068823: se-v3-03-tablet.png
Nov 14 2019, 11:42 AM
F30511551: onboarding.png
Sep 30 2019, 9:16 PM
F30142565: se-v3-01 copy 147.png
Aug 28 2019, 1:08 PM

Description

se-v3-01 copy 147.png (720×1,440 px, 134 KB)

(focus on the upper half)

  • We continue to guide users with a personal and simple, yet precise welcome message if users haven’t edited with Suggested edits.
  • This also includes emphasizing the “info i” at the top right of the screen in color_group_2
  • Show this portion until the user has made their first edit through SE. (If they have 1+ edit in SE, this will go away.)

Copy:
Hi %username, did you know that everyone can edit Wikipedia? Below you’ll find opportunities to contribute and to improve Wikipedia. Happy editing!

Event Timeline

scblr renamed this task from Incorporate onboarding message and illustration on SE home to Incorporate onboarding message and illustration for new users on SE home.Aug 28 2019, 1:09 PM
Charlotte updated the task description. (Show Details)
Charlotte set the point value for this task to 1.

@schoenbaechler the circle with accent background is rendering differently,

onboarding.png (1,440×2,560 px, 123 KB)

Hey @Sharvaniharan, added a comment in regards to the illustrations here to another task: T231445#5644098

@Dbrant @Sharvaniharan

Looks good, two aspects to improve:

01) Increase size of onboarding illustration to a height of 132dp (scaled proportionally):

DesignvsImplementation
se-v3-03-tablet.png (1,600×2,560 px, 221 KB)
Screenshot_20191114-112852_Wikipedia Alpha.jpg (1,600×2,560 px, 104 KB)
Zeplin

02) Onboarding text color should be changed to color_group_40 as we want to put an emphasize on this area when first visiting Suggested edits. Text after onboarding: (%username, thanks for your edits (...) is not affected by this change, as it’s secondary information.

se-v3-03-tablet.png (1,600×2,560 px, 252 KB)

Then ready for QA signoff! 🎉