FluidOS: Calendar
A native calendar application to track meetings & events.
Role: UX/Visual Designer
Timeline: Nov 2021
01
Context
The Fluid OS Calendar is one of 12 conceptual applications my team and I designed for a foldable phone using the Fluid OS design system. The calendar application is a native application that allows users to manage their day-to-day schedules. After my team member and I designed the phone view, I optimized the watch experience.
02
Objective
How can we design watch and phone views to ensure events are accessible?
03
Problem Statement
04
Project Timeline
3 week sprint
The calendar app was designed during our final sprint for Fluid OS
05
Major Improvements
Designing for legibility
We received feedback that the events were too tightly packed. We decided to increase font size and padding between events.
Designing for accessibility
I chose to add the gray background bubbles to create larger and easy-to-follow touch points.
06
Final Features
Collaborating with another designer, I created a calendar app using FluidOS components and styling, accessible in both phone and watch views
List view
The list view is the default for the calendar app. On the phone, it shows a monthly overview with a scrollable list of upcoming events. The watch version only displays a list of upcoming dates.
Detailed view
Tapping on an event takes the user to a detailed screen showing event specifics, including end times, location, and notes.
07
Impact
08
Takeaways
Smaller screens = sacred space
The watch screen can’t mirror the phone version due to limited space. It’s essential to prioritize key information, optimize touch points, and avoid overcrowding.
Differentiate the UX
The phone and watch views should feel distinct. I frequently asked, "Why would the user prefer the watch view?" The two experiences should highlight their unique benefits, so users understand when and why to use each view.