Page MenuHomePhabricator

User education for reading lists and account creation: Empty states
Closed, ResolvedPublic

Assigned To
Authored By
cmadeo
Feb 14 2018, 11:35 PM
Referenced Files
F13973076: History Illo.pdf
Feb 23 2018, 6:04 PM
F13972673: History Illo.pdf
Feb 23 2018, 6:00 PM
F13958764: History empty state.png
Feb 23 2018, 12:44 AM
F12921482: Screen Shot 2018-01-31 at 11.53.46 AM.png
Feb 14 2018, 11:39 PM
F13751555: 101st list.png
Feb 14 2018, 11:35 PM
F10776953: Saved empty state.png
Feb 14 2018, 11:35 PM
F11998671: Creating reading list with existing name.png
Feb 14 2018, 11:35 PM
F13751507: 100 list limit exceeded.png
Feb 14 2018, 11:35 PM

Description

Why are we doing this?

User education will be an integral part of introducing Reading lists to users. User education will be especially necessary for explaining to users how to create or log into their account to enable reading list syncing across devices.

Designs

LocationTypeMessagingWhen shown? Mock Zeplin
Saved tab: All Saved articles viewEmpty stateTitle: No saved pages Message: Save pages to view them later, even offlineWhen user has no saved articles
Saved empty state.png (375×667 px, 33 KB)
https://zpl.io/a8ElEWx
Saved tab: Reading listsEmpty stateTitle: Organize your saved articles with reading lists Message: Tap on the blue '+' to create lists for places to travel to, favorite topics and much more.When user has no reading lists
Reading list empty state.png (375×667 px, 39 KB)
https://zpl.io/an6o6rA
History tabEmpty stateTitle: No history to show Message: Keep track of what you've been reading hereWhen user has no reading history
History empty state.png (750×1,334 px, 72 KB)
https://zpl.io/VD7rLnO

Event Timeline

cmadeo triaged this task as Medium priority.

Reminder: Adjust constraints/add scrollview as needed to fix landscape issues with WMFEmptyView. They're a little wonky at the moment:

Screen Shot 2018-01-31 at 11.53.46 AM.png (1,446×884 px, 134 KB)

Mhurd removed Mhurd as the assignee of this task.Feb 20 2018, 9:23 PM
Mhurd subscribed.
cmadeo renamed this task from User education for reading lists and account creation: Misc. to User education for reading lists and account creation: Empty states.Feb 22 2018, 10:03 PM
cmadeo updated the task description. (Show Details)

Per chat with @cmadeo we're gonna hide the image on compact vertical size classes (ie landscape on phone).

@cmadeo Heya that new image doesn't have vector goodness in zepplin... the weird bitmap thing again...

Oh blergh! Sorry about that, @Mhurd.

Testing criteria

  • See "when shown" column in description table