Background

The Article Recommendations based on interest module is the first module users encounter in the For You feed. It surfaces articles personalized to the user's configured interests from onboarding. Each interest topic generates a batch of 4 article cards, presented as a horizontal stack. If the user has multiple interests, swiping through all 4 cards in one batch and continuing to swipe reveals a new batch of 4 cards for the next interest topic. Batches are separated by interest, not interleaved. Users can jump between interests

Each card in the batch uses the article's top image as a full-bleed background. If no image is available, a gradient background fills the card. The reason label reads "Because you follow [Interest Topic]."

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.

User Story

As a Wikipedia reader with configured interests, I want to see a set of article recommendations tailored to each of my interests, so that I can quickly discover articles relevant to topics I care about and swipe through multiple interests in one continuous flow.

Requirements

• This is the first module displayed in the For You feed.
• For each of the user's configured interest topics, the module generates a horizontal stack of 4 article recommendation cards.
• If the user has N interests, the module contains N × 4 cards total, grouped by interest topic. Interests can be article titles or topics.
• Show content from a maximum of 5 interests per day. If users has more than 5 interests, rotate through them so they're seeing different interests each day.
• Cards within one interest batch are swiped through horizontally before advancing to the next interest's batch.
• Users can jump through interests batches
• The first and final card displays: reason label ('Because you are interested in [Interest]'), article title, card position indicator (e.g. 2/4), three-dot more menu, and a short text (first paragraph) excerpt from the article. The second card should be full text pulling two paragraphs from the second article. The third card should be a full image from the third article. If there isn't an image for the article skip third card in stack.
• The article's top image is used as a full-bleed card background. If no image exists, a gradient background is shown.
• Tapping a card navigates the user to the full article.
• If the user has no interests configured, this module should not appear
• Once a user has been shown an article, it should not reappear in their feed for a meaningful period of time, even if it's highly ranked
  • Suppression should only trigger when a card is actually swiped to or tapped, not just loaded into the feed
• Articles should rotate daily to keep content fresh over the longterm

Suggestions based on topics

• If a user followed a topic but didn't pick any specific articles within it, recommendations based on the Topic in general
• For article cards: Mix 2 highly ranked articles with 2 random articles
• [Nice to have] Preference good quality or feature articles status articles, or widely read (pageviews)

Suggestions based on articles

• Articles that the user themselves selected during onboarding should never appear in their feed
• For article cards: Mix 2 highly ranked articles with 2 more random / lower ranked articles

Design

TBD