### Problem
{F31866651}
- There’s no clear path and clear rules in the current onboarding process.
- Timing of onboarding message is off / they overlap when logging in, e.g.:
- Snackbar: “Logged in”
- Tooltip: ”Reading lists sync successfully”
- App notifications: “You have X unread notifications”
- “Sync reading lists” card on Explore
- Also, messaging is redundant, e.g. a user could see the same call to action 3 times in a row in different places:
- “Sync reading lists” card on Explore
- “Sync reading lists” message in “My lists”
- “Sync reading lists” dialog in “My lists” when pulling to refresh
### What this task is not
- This is a rough evaluation of current onboarding / messaging patterns in the app. It does not introduce new onboarding UI elements. Today’s discussion with @Johan made even more clear that onboarding/guidance to (suggested) editing should be treated as a project by itself.
- We’re planning to introduce push notifications in FY20/21 (T252690). Optimizations in regards to the current implementation of notifications is excluded here.
- The Explore feed will be redesigned in T253200. Card designs related to onboarding will not be redesigned.
### Solution (conceptual thoughts)
- Optimize timing for messaging, notifications & cards.
- Get rid of redundancies in onboarding.
- Move towards contextual onboarding (cards and later on, tooltips [see future]).
- Let’s not design solutions that stand in the way of using in the app after the initial app onboarding.
### Action items
- Remove “Sync reading lists” card on Explore (not contextual)
- Always show “Customize your Explore feed” card on Explore first (contextual). Remove the card after users have used the app for the **fifth time**. At this point, it’s likely that users won’t bother customizing their Explore feed.
- Use new design for “Sync reading lists” in “My lists” ([👉 Zeplin](https://app.zeplin.io/project/57a120b91998d8977642a238/dashboard?seid=5ee77c69fe97fdb471f18e80))
- Show card with illustration on **first time** access (when logged out)
- Show card without illustration on **second time** access (when logged out), to avoid taking up too much space while still encouraging account creation.
- Use standard (black) snackbar design for “Reading lists synced successfully” (currently it’s some kind of white tooltip).
- Optimizations for “Hi `%username`, did you know that everyone can edit Wikipedia?” snackbar and its corresponding pulse animation:
- Shown after the **third time** of using the app (for logged in and logged out users). A measure to avoid overlaps with messaging/notifications from other areas. It’ll give the snackbar more weight.
- Prolong time of snackbar to **15 seconds**, it’s currently disappearing to fast.
- Hide “Saved” reading lists when no page’s have been saved yet.
- Don’t trigger echo notifications on **initial app onboarding when logging in**. It competes with the onboarding itself. Trigger echo notifications as soon as people are entering the main screen of the app (Explore).
- When logging in via Suggested edits:
- Suppress “Reading lists synced successfully” snackbar.
- Suppress echo notifications.
- Why? We want to take users to Suggested edits home without distractions.
- Show both Reading lists snackbar and echo notifications when users go to a different area of the app.
### Visuals
| {F31867927} | {F31867929} | {F31867931} | {F31867933}
| First time access, no lists | 👈 black theme | First time access, with lists | Second (+) time access, with lists
**[[ https://app.zeplin.io/project/57a120b91998d8977642a238/dashboard?seid=5ee77c69fe97fdb471f18e80 | 👉 Zeplin ]]**
### Future
- Create in-context tooltips for Suggested edits onboarding and measure its impact (T255655)
- Consider push notifications for onboarding messages (instead of snackbar)