Microsoft Books
More than reading
A place to learn
Bringing the familiarity of a book into a connected reading experience. I led five designers across the vision, interactions, prototypes and delivery of Microsoft Books.
01 / At a glance
A browser can hold more
We wanted to expand the kinds of content people could read in their browser while making the experience familiar and accessible.
Connect vision and execution
I led a team of five designers, defining scope and flows, testing prototypes and supervising design quality through production.
Reading across four platforms
The design connected books, annotations and learning tools across iOS, Android, Windows Phone and Windows.
02 / The experience
Open a book
Make it your own
A reading experience that keeps the book at the center while making useful tools easy to reach.
- 01 / 03 Read
Keep your library close
Books are accessible alongside the reading surface, creating a connection between the collection and the page.
A book is open in Edge with the library available alongside it. - 02 / 03 Adjust
Find a comfortable setting
Typography and theme options let the reading surface adapt to the reader and their environment.
Reading settings offer font and page-theme choices on a tablet. - 03 / 03 Learn
Keep the thoughts that matter
Notes and highlights support a deeper relationship with the text, beyond moving from one page to the next.
Annotations are presented in the context of the passage they refer to.
03 / Design & leadership
Familiar on the page
Flexible in the details
The work brought together accessibility, motion and a design system that could adapt to multiple screens.
Give readers control over type
I led the visual and interaction design, including reading controls that could adapt to different preferences and needs.
Make annotation part of reading
Notes and highlights sit within the reading journey, supporting learning and engagement with the content.
Carry the system across platforms
An adaptive design system connected the experience across four platforms. I coordinated with three scrum teams in Paris and design partners in Redmond and Hyderabad.
04 / What changed
A reading experience
with a lasting influence
The work connected a multi-platform product with design patterns that continued into other reading surfaces.
Four connected platforms
The reading experience was designed across iOS, Android, Windows Phone and Windows.
A blueprint for PDF reading
The design patterns informed the PDF reader in Microsoft Edge.
More ways to engage
Accessibility features, notes, highlights and learning tools broadened how people could use the content.
Keep exploring
All projectsYour Groove
View project