One of the most popular smart scales was ready for an upgrade. We were tasked with updating the visual UI as well as device setup and onboarding. The key challenge from a design perspective was the screen's technical constraints and the intricacies of internationalization.
With only a 20x20 pixel black and white display, we brought character and life to the device through personalized avatar animations and graphics.
Smiling and sleeping faces do indicate various system statuses, unique selectable user avatars from rocket ships to whales, and intricate loading animations - This was a really fun project, it felt like designing for the Tamagotchi!
In addition to the 'fun stuff' we also put a ton of work in to improving the usability of the onboarding experience, and not just the digital one.
We paid attention to every detail, from unboxing, to setup, to every day use - with the end result of delightful simplicity.
Scroll further down for behind the scenes process work.
The following section contains a lot of looks behind the scenes at the design process for Fitbit Aria 2 Smart Scale, designs from the cutting room floor, wireframes, user flows, and more.
Thank you for your interest and reading this entire case study. If you made it this far you likely have some thoughts, interesting view points, or even critique. Feel free to get in touch and chat about user experience design.
Making Wondr a mobile-centric company through behavior change, a metric-focused user experience, and improved mobile app retention.
Guiding users to that 'ah ha' moment with a full suite of services, improving first day activations and user retention.