Brief
Our mobile app serves professionals managing multiple meetings throughout their workday. We implemented Live Activities to enhance our existing meeting information display, providing users with real-time updates on their schedule. This feature aims to keep users informed and on track by visualizing countdowns, meeting progress, highlighting back-to-back meetings, and integrating our "running late" notification feature.
Design Considerations
Designing for Live Activities required careful consideration of information hierarchy and size constraints. We adhered to Apple's specifications to optimize for four key states:
• Lock screen: Primary notification display, designed for both light and dark modes
• Compact Dynamic Island: Condensed view when the phone is unlocked
• Expanded Dynamic Island: Detailed view accessible by pulling down on the compact version when phone is unlocked
• Minimal Dynamic Island: Reduced display when multiple Live Activities are active
Live Activities' opt-out nature provides an opportunity to showcase our feature's value directly to users, potentially increasing adoption rates.
Design Implementation
Morning Push Notification
To initiate Live Activities, a user must open our app. I designed a daily morning push notification (Monday-Friday) summarizing the user's meetings. This aims to establish a routine of users checking our app daily for schedule overviews and meeting preparation.
Meeting Countdown
Begins 15 minutes before a meeting, displaying: meeting name and location, option to send a "running late" message, and the countdown to start time.
Meeting Progress
Visualizes ongoing meetings, featuring: meeting name, progress bar and remaining time, option to send a "running late" message and location (first 10 minutes only), and a preview of the next meeting.
Countdown/Progress Combo
For back-to-back meetings, displays both current meeting progress and next meeting countdown on the lock screen and expanded Dynamic Island.
Running Late Feature
Users can send a "running late" message directly from the Live Activity. Tapping the option presents quick message choices to send via Slack, with a confirmation displayed upon sending.
Badging System
We implemented a badging system to guide users through their day:
• Countdown badges: "First up," "Next up," or "Last up"
• In-progress badges: "In progress" or "Last in progress"
• Green badges signify ongoing meetings across all display states
This system provides at-a-glance status information, even in the compact Dynamic Island view.
This is the matrix of all states and placements needed for this live activity design.
For Android
We wanted to implement a similar feature for our android users. Android can support progress bars, simple countdowns and quick message buttons from their notifications so we were able to support many of the same pieces from Live Activities.
