### 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)
- App onboarding is enough onboarding for first time users.
- Get rid of redundancies in onboarding.
- Optimize timing for messaging, notifications & cards.
- Move towards contextual onboarding (cards and later on, tooltips [see future]).
### Action items
- Remove “Sync reading lists” card on Explore (not contextual)
- Always show “Customize your Explore feed” card on Explore first (contextual)
- 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 “Did you know that everyone can edit Wikipedia” snackbar and its corresponding pulse animation:
- Shown after the third time using the app after the initial log in. A measure to avoid overlaps with other messaging/notifications from other areas. It’ll give the snackbar more focus.
- Pulse animation on “Suggested edits” should be in sync with snackbar (remove pulse when snackbar disappears)
- If possible, prolong time of snackbar and pulse animation to ~ 10 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. Trigger echo notifications as soon as people are entering the main screen of the app (Explore).
### Visuals
| {F31866621} | {F31866623} | {F31866626}
| First time access, no lists | 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.
- Consider push notifications for onboarding messages (instead of snackbar)