MSN, recently known as Microsoft Start, is a news and content platform that provides users with news articles, entertainment, lifestyle content and more.

organization

Microsoft AI



(Windows, Bing, Copilot, MSN)

Microsoft AI



(Windows, Bing, Copilot, MSN)

Microsoft AI



(Windows, Bing, Copilot, MSN)


Microsoft AI



(Windows, Bing, Copilot, MSN)

role

Design, Development,

Research

Design, Development,

Research

Design, Development,

Research

Design, Development,

Research

collaborators

Developers, Project managers,

UX researcher

Developers, Project managers,

UX researcher

Developers, Project managers,

UX researcher

Developers, Project managers,

UX researcher

timeline

2 months

2 months

2 months

2 months

overview
overview

Social engagement notifications on Windows

Social engagement notifications on Windows

I designed a new notification system for Windows 10 and 11 taskbar that let MSN users see when their comments received replies or likes.

This solved a major gap. Before, users had no feedback loop and often dropped out of conversations. With real-time notifications, people felt heard, returned to discussions, and helped grow a more engaged community.

I designed a new notification system for Windows 10 and 11 taskbar that let MSN users see when their comments received replies or likes.

This solved a major gap. Before, users had no feedback loop and often dropped out of conversations. With real-time notifications, people felt heard, returned to discussions, and helped grow a more engaged community.

I designed a new notification system for Windows 10 and 11 taskbar that let MSN users see when their comments received replies or likes.

This solved a major gap. Before, users had no feedback loop and often dropped out of conversations. With real-time notifications, people felt heard, returned to discussions, and helped grow a more engaged community.

I designed a new notification system for Windows 10 and 11 taskbar that let MSN users see when their comments received replies or likes.

This solved a major gap. Before, users had no feedback loop and often dropped out of conversations. With real-time notifications, people felt heard, returned to discussions, and helped grow a more engaged community.

An end-to-end notification experience

An end-to-end notification experience

An end-to-end notification experience

The problem
The problem

How will they know?

When someone commented on an article, there was no simple way for them to know if anyone responded — no likes, no replies, no signals. The only option was to dig through their comment history, which felt clunky and disconnected from the flow of the conversation.

Without that instant feedback, users lost the sense that their voice mattered. The discussion moved on without them.

To fix this, we needed to create a notification system that would let people know when their comments received engagement and make those updates easy to see and act on.

To fix this, we needed to create a notification system that would let people know when their comments received engagement and make those updates easy to see and act on.

To fix this, we needed to create a notification system that would let people know when their comments received engagement and make those updates easy to see and act on.

To fix this, we needed to create a notification system that would let people know when their comments received engagement and make those updates easy to see and act on.

The goal
The goal

Organic navigation and persistent entry points

The goal was to bridge the gap in organic navigation and to provide persistent entry points for users to track their discussions and comments.

The goal was to bridge the gap in organic navigation and to provide persistent entry points for users to track their discussions and comments.

The solution
The solution

Identifying Strengths and Opportunities for Improvement

Previously, users had to click into their personal profile to check if another user has replied to or reacted to their comment. There are no notifications on the website or through the Windows taskbar to alert users of these interactions.

Must click into personal profile to view activity

Must click into personal profile to view activity

Must click into personal profile to view activity

Must click into personal profile to view activity

To see someone’s replies or likes, users have to click into their profile. There is no activity feed so this is the only way to access that information.

👉 The article must stay open, or the URL must be saved, in order to view activity.

Notification bell owned by another team

Notification bell owned by another team

Notification bell owned by another team

Notification bell owned by another team

The bell icon in the top right corner only shows breaking news and top stories. Since it is owned by another team, we could not repurpose it for comment notifications.

👉 Users need to check their profile page on their own to see activity.

Shows reply with no context

Shows reply with no context

Shows reply with no context

Shows reply with no context

When a reply is shown, it is unclear if it’s directed at the user’s own comment or at someone else within the same thread.

👉 To understand the conversation, the user has to return to the article page and read the full thread.

The Opportunity to Stand Out

I realized that by integrating push notifications for comment activity within the familiar Windows 10 and 11 environment, we can significantly increase user engagement and foster a more dynamic community experience than our competitors.

Constraints lead to innovation

Since our organization didn't own the notification bell it was unavailable for use, requiring a strategic and creative workaround.

Given the success of MSN’s taskbar notifications as an entry point for user alerts, I suggested incorporating community engagement notifications, along with a new hover-state flyout feature for quick previews on Windows 10 and 11.

Ultimately, I led the team to innovate by utilizing existing features and frameworks (the taskbar) as a workaround.

Designing cards with future iterations in mind

Since this was uncharted territory, I designed cards with future iterations in mind. This meant anticipating potential engineering solutions, legal approvals, and design greenlights, ensuring the cards could adapt to evolving possibilities.

Finding the sweet spot for notifications

Gathering the team together, I initiated discussion with product managers and engineers to collaboratively determine the best solution and user experience, delicately balancing the frequency of showing and suppressing notifications while keeping in mind our business goals of driving re-engagement on discussions and building a community.

Click-through rate on this card was 10x the average click-through rate.

Click-through rate on this card was 10x the average click-through rate.

Click-through rate on this card was 10x the average click-through rate.

Click-through rate on this card was 10x the average click-through rate.