Designing an AI-powered Live Activity Feed

Mobile Users Receive Repetitive Push Notifications And Quickly Disengage.

Existing Live Activity Feeds (LUFs) attracted high traffic (55.1M pageviews H1 2025), yet 39% came from anonymous users who rarely registered or subscribed. Knowing this context:

How might we make breaking coverage glanceable and valuable enough to drive repeat visits without overwhelming users?

Current LUF layout

With the Live Activity Feeds (LUFs), contributors are not limited to traditional article formatting, allowing for quick posts designed as cards that readers can follow. To understand how to design the iOS Live Activity, I needed to understand LUFs’ anatomy.

Understanding How A User Interacts With A Notification.

I spoke with designers, engineers, and editors across The Washington Post’s Content XP team to understand the existing LUF experience and the challenges of mobile engagement. Through these discussions, we uncovered several key insights that shaped our design direction:

Understanding LUF's Anatomy

I dissected existing LUF structure: dynamic headlines, dynamic descriptions, contributor credits, reporter insights, article excerpts, and quick posts to understand the content I was designing for. I also defined LUF categories to further break down which type of news would work with a live activity template in addition to how users would interact with different LUF live activities.

Learning from The 2024 Election Live Activity

The 2024 Election prototype served as the baseline for my design. Though it generated high engagement (26% click-through), it did require heavy manual tagging by journalists. Since the process was not scalable, I worked alongside the PM intern to integrate an LLM-based classifier to automate surfacing urgent, high-salience posts to reduce noise. My design needed to be adaptable and act as a sort of template for different formats and combinations of quantitative and qualitative data.

iOS Live Activity Requirements

The iOS Live Activity requirements were an added constraint throughout my design process. Designing for such a small screen with areas where UI would not show or would be rejected during the final Apple approval process gave me a unique challenge to solve.

Designing Within iOS Limits

Early Sketches

My early concepts primarily focused on exploring how much information could fit in the compact format and the variety of data, taking note of constraints with the display as well as the 8 hour limit that a live activity appears on the user’s screen.

V1 Designs

For my initial design, I focused on exploring different ways to display the live update title, time stamps, and pieces of content while utilizing the Post’s components in the existing Figma libraries. I learned to rapidly prototype new iterations to better prioritize visual hierarchy at this conceptual design stage. The Hurricane Ian story served as the example use case to populate content.

Design Feedback

After feedback from product and design leadership, I implemented the following changes: Optimized scalability: created a flexible component system that could accommodate event-specific visuals (e.g., cultural vs. political coverage) while maintaining consistency. Defined interaction model: clarified transitions from lock screen to app view using timestamped anchors and subtle motion cues.

Designing for Technical Constraints

Collaboration with the iOS engineering team that worked on the elections live activities revealed technical limitations in Live Activity height, interactivity, and refresh rates. To maintain performance and compliance, I established modular zones for the headline, timestamp, and update source that scale within iOS boundaries. These insights also informed future LUF integrations, ensuring visual adaptability across compact and expanded states.

Creating Flexible Templates For Diverse Storytelling

To support The Post’s diverse storytelling, I built a template design system that balanced scalability with creative freedom. Each template could adapt to event type (breaking, ongoing, or scheduled) and editorial tone while leaving space for visual experimentation by graphic artists. This framework ensures consistent brand presence across all Live Activities while allowing for event-specific customization.

Motion Interactions

I learned how to prototype smooth motion interactions by making my own local components for transitional states within the live activity. These animations would allow users to better understand when content has been updated in real time, helping them maintain context within their experience.

Final Prototype

Results And Learnings

I presented the Live Activity Feed prototype to Content XP leadership, alongside other newsroom and product teams exploring engagement-driven solutions.

This was my third project at The Post, and it challenged me to move beyond execution and think like a product strategist. My key takeaways: