Next to conceptualising Microsoft To-Do with the larger product team, I "owned" the design of our Android application. This meant defining the fundamental UX and aesthetic of the app, collaborating with our Development team to bring the designs to life, and building out our Android design system in Sketch. The goal was to blend the unique To-Do branding and personality with the familiarity of Material Designs patterns and components.
Alongside the core application, I also designed the accompanying home screen widget and app shortcut. The widget has a minimal design with a progress indicator that allows users to get a glance at their progress directly from the home screen; the quick add shortcut allows for to-do creation through the App Shortcut feature released in Android 7.1.
I also contributed to the development of the app, ideating and implementing many of the details seen in the app, including the parallax toolbar, checkbox completion animation, and many of the surface and scrolling transitions.
I led the design of the Repeat feature—allowing users to repeat their to-do’s on completion. The challenge was exposing a set of options that was robust enough to cover the majority of scenarios, yet simple and unintimidating for the average consumer.
We shipped an MVP that exposed only a subset of options available to us, with the mentality that it's easier to add additional functionality at a later date than subtract. For speed, we implemented a set of “quick” options that exposed the most used repeat options at a higher level, with an additional custom option that allowed for a more granular recurring setting.
I worked cross-platform (iOS, Android, Mac, Windows, Web) on designs that felt as native to the device as possible.
With theming we allowed the user to customise the appearance of their list based on the content or purpose, providing a more personal and emotional experience. The goal with the theme setting design was to provide effortless customisation from within the context of their list. On mobile we were able to achieve this by using a bottom sheet for a more ergonomic experience that allowed for emphasis of the list header.
While working on the Android for Wunderlist, curiosity and a desire to help led me to learn the fundamentals of Android development. These learnings and contributions grew during the development of To-Do as we re-imagined the entire interface. During this time I made meaningful contributions to the codebase (60+ PR's merged), implementing details such as the parallax toolbar, checkbox animation, and some of the surface transitions within the app (highlighted below). I also spent time optimising and re-factoring frontend code for performance and consistency, while also reviewing my peers code for quality.
Learning to code was invaluable in my growth as a designer—I learnt to empathise with developers, communicate my designs in a more effective manner, and prototype and implement native UI at a higher fidelity.