Role: Designer 2, primarily User Experience design with prototyping and work with Front-End Devs coming into play.
Company: Microsoft
Years: Early 2017 – Present
Marketing site to have a better understanding of the Product intent.
MyAnalytics opens up the analytics of the Office365 to a user. It lets them see how much time they're spending between meetings, email and their focus time, with the goal being to enable a user to better navigate and order their time. A big part of my role here since starting has been pushing the product from just a analytics tool and into more of a self-help tool.
I've worked on a myriad of experiences across the product, starting with an initial sharing experience, a redesign of the top four metrics, and most recently an onboarding experience to better inform users about where their numbers are coming from.
One of the largest learning experiences has simply been the difference in the design process at Microsoft over prior companies. Working between Product Mangers and Engineering on very tight deadlines requires quite a bit of diplomacy as I alter designs to connect with initial specs, fit in with the amount of time allotted to engineering, while still not losing my initial design goals.
Coding samples of my final intent sometimes comes into play, with this sample on codepen showing off a set of animations I designed for the top four to better push the user down the page.
The following screens show a small sampling of some of the work, specifically showing the most recent onboardig experience, with the initial design, an altered version that went through Product Management, and the final coded design which I'm still working with engineering on to get closer to my original intent.
A good portion of the job has also been pushing to improve the process of the team. Creating tools to help development connect with design work, pushing for files to be shared online and team members to collaborate more on group chat rather than just email, and generally pull design and development closer together.
Codepen Prototype One – Top Four Redesign and Animations
Codepen Prototype Two - Email Usage Redesign and Animations
Codepen Prototype Three - Sharing button concept
Codepen Prototype Four - Motion Concept