Designing activity feed notifications for your Microsoft Teams app

The activity feed is a surface for users to access their notifications in Microsoft Teams. The feed retains notifications from the past four weeks.

Anatomy

Design anatomy of the Teams activity feed notification.

Counter Description
1 Avatar: Shows who initiated the activity.
2 Activity type/app icon: Depicts the type of activity. For app notifications, the line icon is replaced with an app icon.
3 Title (first line): Actor + reason: Actor: Name of the user or app that initiated the activity. Reason: Describes the activity.
4 Timestamp: Shows when the activity happened.
5 Location (second line): Shows where the activity happened in Teams.
6 Text preview (third line): Shows a truncated line from the start of the notification.

Types of activity feed notification cards

The following variants show the kinds of activity feed notification cards you can display. The app logo replaces the user avatar for app-generated notifications.

Variants of Teams activity feed cards.

Manage activity feed notifications

Users can manage notifications sent from your app in the Teams settings page.

Each activity generates a system notification. What displays depends on what the user configures in their notification settings. Users can also choose a notification style based on their operating system.

Variants of Teams activity feed cards on Android and iOS.

Counter Description
1 Android
2 iOS

Step-by-step guide

Follow the step-by-step guide to send activity feed notifications in Teams.

Next step