Abstracting the Microsoft Outlook Design Process

How Abstract improved file organization and collaboration in our design team

Joe Woodward
May 21 · 6 min read
Image description: A selection of the UI components from our design system.

Designing a project’s file structure

Start Here file
The iOS UI-Kit file contains both a sticker sheet of components as well as the symbols themselves

Stepping through the design process

Branch labelling example
Create a “working” file
Commit daily
Image description: Building Outlook screens using our UI components.

Best practices for maintenance

A Github issue to track issues with the UI-kit

Microsoft Design

Putting technology on a more human path, one design story at a time.

Thanks to Miles Fitzgerald and Joline Tang.

Joe Woodward

Written by

Senior Product Designer for Microsoft Outlook. Previously at SwiftKey and Disney. http://joewoodward.co/

Microsoft Design

Putting technology on a more human path, one design story at a time.