Office.com documents section

Office.com documents

Office documents appeared in many Microsoft endpoints, but the same documents showed up looking and functioning differently creating friction for users.

I worked with partner teams on a files coherence effort. This included aligning on the information architecture, interaction design, and visual design of document lists and thumbnails. I helped drive the effort and implemented the experience for Office.com.

The new experience – the first Office experience to use Fluent Design – first appeared for users on Office.com. It has since contributed to a rapid increase in the number of cloud file users and document collaborators.

View the live experience

Office.com

(Note: To access this experience, you will need to sign in to Office with a work or school account.)

Simple and organized

Documents is the second section on Office.com below Apps. The redesigned list makes finding documents easier, and helps users collaborate with others.

Screenshot of the Recent documents section on Office.com

Frequently used commands

Users can access frequently used commands by hovering over documents. More options are accessible via an overflow menu.

Animation showing frequently used commands on hover and an overflow menu

Simple list/tiles control

Easy-to-use control that allows users to switch between List view and Tiles view.

Animation showing how user can switch to a Tiles view

Responsive design

The most important information (i.e. name, icon, activity, and sharing status) is available to the user on any viewport.

Animation showing how the document list responsively scales

More recent work

Office web start pages

Office web start pages

User-centered designs for Word, Excel, and PowerPoint in the web.

Office Documents Experience

Office.com documents

Fluent document lists and thumbnails that help users collaborate.

Office.com homepage

Office.com homepage

Simplified page design that positively moved metrics.

Microsoft Earn

Microsoft Earn

Beta loyalty program that grew rapidly with high engagement.