Your watch is one of the most personal items you own. With the Versa series, Fitbit set out to evolve their earlier Ionic smartwatches, to make them a more capable and intelligent daily companion. The jKoncept team crafted the user experience of key features like messaging, notifications, music, and home screen controls on the Versa.
When designing for small screens like wearables, new features comes with new complexity. We architected a new, 3-layer UI system to scale as the Fitbit wearable OS became more robust.
This is the default layer where the home screens and app content is drawn, including 1st and 3rd party apps.
The second layer is reserved for system use, such as the Control Center (Music, Payments and Quick Settings) and full screen dialogs.
The topmost layer is used to show notifications shades. This layer is only used for partial shades, never to cover the entire screen.
The control center can be accessed anytime by holding down the left side button on the device. This gives the user quick access to critical features like making a payment, pausing or resuming music, and toggling do not disturb, from any app. If a user hasn't used Fitbit Pay or music features before, they see educational messaging explaining how to complete setup.