Page MenuHomePhabricator

[S] For You Feed: Because You Read Module
Open, MediumPublic

Description

Background

The Because You Read module surfaces article recommendations based on the most recent article the user has read using the MoreLike API. It provides 3 article cards in a horizontal scroll. The reason label identifies the article is being triggered based on the users reading history.

Every For You card shares the same persistent chrome: Wikipedia logo (top left), Community tab access, language switcher dropdown (showing user-configured languages + link to language settings; changing language refreshes the module content in the selected language without leaving the module), and notification bell. The bottom navigation bar is always visible.
The three-dot more menu on each card surfaces four options: Save, Share, Hide module, and Customize interests.

Standard card structure: reason label (why the user is seeing this card) → article title → card position indicator (e.g. 2/3) → three-dot more menu → body text excerpt.

User Story

As a Wikipedia reader, after I finish reading an article I want to see related article suggestions based on what I just read, so that I can continue exploring topics that interest me without having to search.

Requirements

  • The module selects the user's most recently read article as the basis for recommendations.
  • Three recommended article cards are displayed in a horizontal stack.
  • The reason label on each card reads 'Because you read [Article Title]'.
  • Each card displays: reason label, recommended article title, card position indicator (e.g. 1/3), three-dot more menu, and a short text excerpt (first paragraph of article).
  • The article's top image is used as a full-bleed background. If no image exists, a gradient background is shown.
  • Tapping a card navigates the user to the full recommended article.
  • If the user has no reading history, this module is hidden from the feed until they've read at least one article. Exclude disambiguation pages and main page.

Design

TBA

Related Objects