Digital Design is never done: Evolving Windows 10 Mail and Calendar

How our team made fan-loved functionality more Fluent

Before and after animation of the redesigned app

Timing plays a part in every story

One insight we gained early on in user testing was that “different” did not necessarily mean “problem.”

Early “Craftsmanship” refresh for mail (never shipped)
Early “Craftsmanship” refresh for calendar (never shipped)

Fluent Design Elements Implemented with Mail & Calendar

Early exploration for Fluent Mail in light theme
Early Fluent exploration for Calendar
Experimenting with a blue top bar, aligning more to the Outlook brand

Acrylic — Background or no background, that is the question

Early “empty state”-explorations (when no email is selected) with the user’s desktop showing through the acrylic and wide panel margins
Later “empty state”-exploration with less translucency and another window showing through
Later “empty state”-exploration with in-app background picture
Reveal on white with “brickwork”-effect between panes did not work for us

To Reveal — or not to reveal?

“How do I move my window?”

Exploration with folder flyout

Moments of truth in code

Reminder: Designers are not the customers

Details: Lines in message list

Designing an App is an Evolving Story


Fluent is a collaborative effort

Thanks to the team

Microsoft Design

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

Ruediger Kinast

Written by

I’m a product designer at Microsoft for Outlook & Office 365. In my freetime I produce music www.facebook.com/ruekin. Opinions are my own.

Microsoft Design

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