Summarize Redesign Copilot Card Framework

What started as an effort to recover a 40% engagement loss in Summarize became Outlook’s broader strategy for bringing Copilot back onto the canvas. I led the creation of the Copilot Card Framework, a reusable AI system that scaled from a single reading scenario into a cross-endpoint foundation for search, reading, inbox, and proactive experiences, while pioneering agentic coding workflows to rapidly prototype and align teams around the future of contextual AI in Outlook.

Role: Lead product designer

Themes: Systems design, AI interaction design, prototyping, product strategy, cross-org alignment, multi-platform execution

A company-wide shift to chat-first

In mid-2025, Microsoft leadership pushed a chat-forward Copilot strategy with a clear mandate: drive as much chat engagement as possible. The shift also addressed a real problem, since a well-intentioned on-canvas strategy (see Starting native and in-flow in the Copilot Chat in Outlook case study) had left Outlook littered with Copilot entry points. Like many teams across Microsoft, Outlook re-centered AI around chat as the primary entry point and pared back on-canvas UX. Through the Chat Forward initiative, Search, Reading, Compose, and Inbox were reimagined as chat‑first workflows, and Summarize moved off the canvas into the Copilot side pane. The bet was that concentrating interactions in chat would make Copilot feel consistent across Microsoft.

Before

Outlook on desktop with a collapsed “Summary by Copilot” bar above an open email.

Before generating. A Summary by Copilot bar sits at the top of the email, one click away.

The Summary by Copilot bar reading “Looking for key points…” with a progress line and a Stop generating button.

Generating. Copilot looks for key points right above the thread, with an option to stop.

An expanded Summary by Copilot card above the email, with three short paragraphs and numbered citations.

Summary ready. The summary expands in place on the email, with numbered references back to the thread.

After

Clicking Summarize now opened Copilot in the side pane, and the summary showed up as a chat reply instead of on the email.

What the data revealed was surprising and frankly disappointing

We dug into how people were using Summarize in chat. The answers weren’t the problem. The experience was. People didn’t want to leave what they were doing to get help, and that reframed the whole project.

  • 40% drop in engagement

    Active users reached for Summarize far less once it left the email for the side pane.

  • 57% fled before the summary finished

    They closed the side pane mid-response and never saw the summary they asked for.

  • 20% fled before the side pane loaded

    Their request never even went through. The pane was still blank when they left.

Not a rollback, but a chance to rethink

The team’s obvious fix was to put Summarize back on the email as it was. But that experience was a dead end: once the summary appeared, there was nowhere to go next. Instead of reverting, I asked a broader question. Could we give people a better path into chat when they wanted to go deeper? That led me to reframe Summarize as a reusable container for AI responses, one that could serve many scenarios beyond summaries. It became the Card Framework.

Answers appear right on the email, so people can keep working without being pulled into chat. When they want to go deeper, suggested next steps carry the conversation into the side pane.

Where the story stopped being about Summarize

What happened next was unexpected and rewarding. Without being asked, other teams began adapting the Card Framework to their own scenarios, starting on mobile and spreading across endpoints.

Four iPhone screens of Outlook on iOS: a Summarize button above an email, a “Creating Summary” loading state, an expanded summary card with suggested follow-ups, and a Copilot sheet continuing the conversation.
Summarize on iOS, built with the Card Framework.
Four iPhone screens of Outlook search on iOS: an answer card loading above the results, a short Copilot answer with a “View answer” link, the expanded answer with suggested follow-ups, and a Copilot sheet continuing the conversation.
Search Answers on iOS, built with the Card Framework.
Four iPhone screens of the Outlook inbox on iOS: a short brief above the message list with an “Expand brief” link, the expanded inbox brief with suggested follow-ups, and a Copilot sheet answering “What’s most important” with the day’s emails that need action.
Inbox Briefing on iOS, built with the Card Framework.
Outlook on iPad: a message list beside an open email, with an expanded summary card above the thread showing key points, suggested follow-ups, and source links.
The Card Framework on iPad.
Outlook for Mac on a colorful desktop wallpaper: folders, a message list, and an open email with an expanded summary card above the thread, showing key points and suggested follow-ups.
The Card Framework on Mac.

From designer to design partner

Before long, I was less the designer of Summarize and more a partner to other teams, helping them adapt and extend the pattern. The work soon reached beyond Outlook. The goal was never to make every experience look identical. It was a more coherent system for how AI shows up across Microsoft.

Word for the web in a browser window: an expanded summary card sits at the top of the document, with key points in bold, suggested follow-up questions, and feedback controls.
On-canvas summaries in Word, designed with Word’s team.