Why are we doing this?

The current design of the Explore feed creates some scanning and legibility issues for some of our users. We would like to make it easier for users to quickly identify when content that is appearing on their feed is from.

Proposed solution

Introduce date headers as a way to signal the chronological order of the feed to users

Designs

Two days of feed	Top of feed	iPad three days of feed	iPad top of feed
Zeplin: https://zpl.io/VYW94Ld	Zeplin: https://zpl.io/aBjY87K	Zeplin: https://zpl.io/aB5Nnpk	Zeplin: https://zpl.io/boB7mRv

Design details

• Date headers should appear above the content presented on the feed on a given day
• Special feed cards (eg. Reading list syncing) should appear within a date header (eg. not before 'Today')
• The date headers on iPad will span across both rows of cards. The date header should only appear on the left column (for LTR, opposite for RTL) and there should be 20pts between the date header and the first card of the day. If there is an uneven number of cards or spacing, there will be white space in the second column.
• On refresh, new content should appear above the Today header. The following day this content (any content without a date header) should appear under 'Yesterday

Copy