Next to conceptualizing 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 product to life, and building out the design system in Sketch. The goal was to blend the unique To-Do branding and personality with the familiarity of Material Design.
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 worked on the Repeat To-Do's feature, allowing users to repeat their items on a schedule. 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 refined set of repeat options, with the mentality that it would be easier to add additional functionality at a later date based on feedback, rather than ship an overwhelming experience that we'd have to reduce later. We designed a set of “quick” actions that were exposed when the user interacted with the repeat field, making it super fast to set the most common recurrence. Additionally, we added a "Custom" option that allowed for a more granular recurrence 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.