ABOUT

Rethink PowerPoint Animation

Digital Experience
@Microsoft
2018

Rethink PowerPoint Animation is one of the projects I have done during my internship at Microsoft Beijing. It is a design concept called a progressive approach to animating that aims at bringing up a new, intuitive and optimized experience of animating to PowerPoint (Online).

Demo

A Progressive Approach to Animating

Based on the research of users, which later turned into 3 personas. An idea named a progressive approach to animating is proposed by distributing features in the ribbon, contextual menu, and the side Pane as the complexity of users’ needs on animation levels up. In the first level on the Ribbon, features are kept to be essential allowing applying preset animation and selecting variants. In the next level, the animation properties (sequence, play mode, duration, and delay) could be edited through the contextual menu. When multiple animations are applied, the complexity requires building an organization among all animations.

Contextual Menu

Quick Animation Editing (properties setting)

Animation(Side) Pane

Organiztion Buiding & Group Editing

Read More

Background

As PowerPoint Online grows stronger and the shift to the single-line ribbon (from 3-row ribbon in its online version), the challenge calls for a change of accommodating animation features in a narrower ribbon space and improving the animating experience, as well as bringing more features from desktop versions.

Animation Tab on PowerPoint Online single-line Ribbon


Animation Tab on PowerPoint Online 3-row Ribbon


Animation Tab on PowerPoint for Mac


Personas

Persona is used for helping the UX team better immerse in their context of use and understand users, 3 personas are formed regarding their different skills, goals, and expectations of animation in PowerPoint.

Thomas

11 years old / 5th Grade student

He uses slides for?
- Sharing his moments/happiness to his peers(classmates)
- Presentation and speech skills practicing

His Animation Goals / Expectations?
- Animation should be fun and visually pleasant/attracting
- Animation doesn't have to be strongly matched to the content

Joanna

28 / Social media Data analyst

She uses slides for?
- Reporting to her works to her manager and colleges
- Presentation

Her Animation Goals / Expectations?
- Animation should help her to present contents (diagrams/data/insights) in a structured and narrative way
- Animation doesn't have to be fancy, but effective and clear

Alessandro

27 / Creative Freelancer

He uses slides for?
- Creating Deck Templates for his customers
- Presenting his works to others.
- Recording video tutorials on making PowerPoint animations

His Animation Goals / Expectations?
- Animation should be fun and visually pleasant/attracting
- Animation doesn't have to be strongly matched to the content