Case Study:

Microsoft

PowerPoint Designer

Using Machine Learning to provide intelligent, real-time author-assistive options in PowerPoint.

2016

At a Glance

I helped Microsoft create an innovative new way to help authors produce more engaging slides with less effort.

Continuing our collaborations on the evolution of PowerPoint, Microsoft invited me to take on an embedded role in the creation of a next-generation approach to slide authoring. The PowerPoint team wanted to tackle a fundamental question common to all theme or template-based design: how do we help authors of all skill levels stay "on theme" when it comes to setting up the actual content of their slides?

Working in remote collaboration with Microsoft's team, I evaluated customer feedback to identify key pain-points in the experience of slide authoring, and to understand ways PowerPoint could scale to improve the core experience. I created prototypes of authoring-centric methods for responding to action with context-driven options, logical models for evaluating those options and surfacing relevant suggestions, and helped to define the extended slide topology that would underpin the live Designer service.

I created a new Signature Theme – Gallery – designed to showcase Designer's launch capabilities with an intuitive visual metaphor, and constructed thousands of additional layout Blueprints to help ready the entire In-Box Theme catalog for the launch.

My Roles
User Research, UX & Design Research, Concepting & Ideation, Theme Architecture & Topology, Theme Design & Implementations
Results
PowerPoint Designer launched in November 2015 and quickly served a million+ Retained Layout Suggestions during its initial limited-release window alone. The service continues to evolve, and has become a standard-bearer of Office Intelligent Services.
UTA:2 Title Slide: Frame Dark System in Keynote

More Options, Intelligently Served

PowerPoint Designer surfaces layout options in response to elements & objects on a slide, reducing the complexity of the expanded slide blueprint library into focused, discernible options relevant to an author's actions and the slide's existing content.

 
 
PowerPoint Designer – Design Ideas panel showing alternate title slide treatments.
 

Behind the Scene(s)

Add a photograph to your slide, and Designer immediately goes to work. Microsoft Intelligent Services analyzes your photo for color, composition, and ratio, and returns a selection of layouts optimized against one or more of those factors. Distinctive new Billboard-Image options layer your photographs into the background of your slides with an integrated, eye-catching flair.

 
Ion theme presentation preview with Layered Billboard-image background Blend
Ion theme - Inset Image Title Option, Slim
Ion theme - Inset Image Title Option, Wide
Ion theme - Bleed Image Title Option, Slim
Ion theme - Bleed Image Title Option, Wide
Ion theme - Layered Image Title Option, Paneled

Room to Grow

Add a single photo, or up to four at a time – Designer employs face detection to optimize positioning and crop of human subjects, and automatically handles the arrangement of landscape or portrait photos into the appropriate aspect-optimized placeholder wherever possible.

 
 
Gallery Theme presentation showing 1-4 image variants with suggestions
Factor of Four in the Gallery Theme: 1 Image
Factor of Four in the Gallery Theme: 2 Image
Factor of Four in the Gallery Theme: 3 Image
Factor of Four in the Gallery Theme: 4 Image
 

An Intuitive Playground

Most authors would first meet Designer by adding a photograph to a slide, so an intuitive showcase theme was crucial for the launch. I developed the Gallery theme as a natural extension of that interaction, creating a tactile, playful way for authors to curate their photo-oriented presentations. Gallery's design variants include four distinct set pieces that differ in materials, lighting and handling of the on-wall typographic system utilized for each gallery's different walls.

 
Gallery Theme preview
Gallery Textures - Default Gallery Textures - Variant 1 Gallery Textures - Variant 2 Gallery Textures - Variant 3
Gallery Theme Title slide - default Framed style
Gallery Theme Title slide - Layered / Banded style
Gallery Theme Title slide - Contrast B+W style
Gallery Theme - Variant 2 - 3-Image Caption
Gallery Theme - Variant 2 - Blended Background Image with Bullets
Gallery Theme - Variant 2 - Contrast Section Title
Gallery Theme - Variant 2 - Single Image, Framed

Exponential Diversity

Designer would support every In-Box theme included with PowerPoint at launch, necessitating thousands of new Blueprint layouts that would provide the service with the building blocks for each theme style. I revisited many of my Signature Themes for Office ’13 throughout the process, curating and evolving each to provide a more diverse range of layout styles and options optimized for Designer's capabilities.

 
 
Wisp Theme presentation with Interleaved 2-Image Title