Back to work

Meta · Messenger · Meta AI

Group Chat AI Summaries

Helping people catch up on what they missed — without making them feel like they missed out.

AI Summaries — group chat with unread messages and Summarize with Meta AI entry point
RoleSole Product Designer
PlatformiOS · Android
Year2024
StatusShipped globally

Impact

  • ·Shipped globally on Messenger as a new AI-powered feature
  • ·Contributed to MetaAI design system patterns for Messenger
  • ·Established AI content presentation standards across the platform

My Contribution

  • ·End-to-end ownership: problem framing → specs → handoff
  • ·XFN collaboration: Eng, Privacy, Policy, Content Design
  • ·Sole designer — no design lead above me on this project

01 —The Problem

The cost of catching up

Group chats on Messenger are some of the most active, most beloved spaces, but they're also overwhelming. A busy group chat can accumulate messages while you're away, and the prospect of reading through all of them creates friction. Introducing AI summaries for busy group chats that can help people get quick context in order to reply. I came up with 3 core principles:

Design principles

01

Non-intrusive

The summary should never replace the conversation. The feature shouldn't get in the way of people reading the conversation for themselves.

02

High quality

A bad summary is worse than no summary. If the AI misses key points, misrepresents tone, or summarizes things inaccurately, it damages trust. Summary quality had to be a design constraint from day one, not something fixed post-launch.

03

Timely and contextual

A summary is only useful when it's relevant. The entry point needs to appear when engaging with unread messages.

02 —Constraints & XFN

Designing in new territory

Unlike most features I'd worked on, there was almost no direct competitive precedent to learn from. That meant the strategic and technical constraints had to be discovered through XFN collaboration rather than inferred from the market.

Each constraint had direct design implications. Working through them with engineering, privacy, and policy partners early was what kept the project moving without major redirects later.

Key design decisions

Defining the feature

01

The entry point

I landed on the unread messages divider as the entry point for two compounding reasons. First, it's where the unread conversation begins, which is precisely where a summary is most useful. Second, anchoring the entry point there means users who want to read the chat themselves can immediately do so. The summary is offered at the threshold, not imposed on top of the content.

The summary itself opens as a collapsed card that users tap to expand. Collapsed by default keeps it non-intrusive. The tap-to-expand interaction makes the choice to read the summary an active, intentional one — which also signals to the system that the user found the entry point relevant.

125 unread messages — Get AI summary entry point pill
Group chat with unread messages and Summarize with Meta AI entry point

Entry point

Catch-up arrow after opening summary — jump to unread messages

Bottom sheet

02

Designing for information density

AI-generated summaries can be genuinely dense. Getting the visual treatment right required significant iteration.

The core challenge: a summary that looks like a wall of text defeats its own purpose. If the summary feels harder to read than the chat, users won't use it. I went through many rounds of design iteration on hierarchy, line length, type size, and spacing to find a format that felt light and scannable even when the underlying content was substantive.

02

The feedback system

The best way to improve quality is asking the people who have used it. Having a feedback system could signal the team whether the summary was accurate and useful and act upon it.

Feedback mechanism — thumbs up / thumbs down in the summary card

Feedback mechanism — thumbs up / thumbs down, subtle but accessible within the card

What shipped

Live on Messenger

Group Chat AI Summaries shipped on Messenger as part of Meta's broader MetaAI integration across its messaging products. The feature is publicly documented in Messenger's Help Center.

Group chat with unread messages and Summarize with Meta AI entry point

Entry point

AI summary card expanded — Meta AI bottom sheet with summary of unread messages

AI summary card

Group chat after reading — end of conversation

After reading, conversation scrolled to the latest message

07 —Reflections

What I learned

My biggest lesson for this project was working on an evolving design system. Messenger has a very robust system, which had helped have a starting point in most designs I'd worked on in the past. MetaAI was still defining its branding, so working in early stages of MetaAI on Messenger was very insightful. I also learned about collaborating with XFN partners: engineering, privacy, policy, Trust & Safety. AI features carry constraints that aren't visible in the design file. It was cool to learn so much from people with different responsibilities as me. Everyone doing what they do best and learning from each other is what made this feature be one of my favorites.

I'm really proud of the contribution this made to the MetaAI design system on Messenger. Establishing patterns for how AI-generated content should be presented helps it be more digestible for users and sets a precedent for whatever is built on top of it next. Can't wait to see where this feature evolves to.