Microsoft Movies & TV

#

Overview

Movies & TV is used by hundreds of millions around the world and is the default video player for any Windows 10 device. Movies & TV attracts diverse users ranging from local file users, premium users purchasing content from the Microsoft store, and VR users streaming 360° videos.
View Microsoft Movies & TV

Microsoft Movies & TV device collage

The challenge

Reimagine Movies & TV for all users

Leading up to the 2017 Creators Update for Windows, Movies & TV was redesigned from top to bottom. The main goal of the new design aimed to increase overall engagement with the app for all three user types while improving premium content sales. As a Windows 10 application, Movies & TV needed to scale from a small tablet, to a large desktop, to the 10ft experience for Xbox which added another layer of complexity to the whole project.

Movies & TV sketch
Movies & TV sketch

My role

For over two years I led the UX for Movies & TV and helped complete a new navigation system, a new home screen, an overhauled browser for local files, and a patented media controls menu for VR streaming. My UX role focused on the early exploratory stages of design such as brainstorming, low fidelity mockups, wireframes, and prototypes. My work helped our team internally align, provided our research group with new directions to test, and ultimately acted as a blueprint for the visual design team to execute on.

Wireframes and research

Finding the right navigation for all devices

To help improve premium content engagement, the redesigned navigation aimed to cater to the Xbox user by leaving behind the hidden hamburger menu and opting for an exposed pivot menu. Because the names of the app’s pages were now going more visible, the naming was carefully managed and tested with customers. Explore, Purchased, and Personal ended up being the most simple names.

Movies & TV nav
Movies & TV nav
Movies & TV nav
Movies & TV nav XBox

Browsing for the right movie

We drastically improved the browsing experience for premium content by creating a much richer area to explore available titles and several personalised recommendation sections. A New Trailers feed and a 360° video feed were also added to keep users engaged with free content.

Movies & TV nav XBox Movies & TV nav XBox
Movies & TV sketch
Movies & TV sketch
Movies & TV nav XBox
Movies & TV sketch
Movies & TV sketch

A new view through virtual reality

As part of the Creator’s update, several new VR headsets were released which fueled the appetite for VR content. We partnered with several production houses to created a new 360° video library within the Movies & TV. The unique VR context required a new UI approach for VR users to interact with. The design takes advantage of the depth within VR to create a two-sided media controls experience. 


Movies & TV VR sketch Movies & TV wireframe Movies & TV wireframe

Final designs

Launching an all new Movies & TV

The elegant solutions for Movies & TV across tablet, PC, and Xbox created an exciting new experience that enhanced user engagement and exceeded business goals. Our design also helped the broader Windows team shape and elevate the newly announced fluent design system.

Movies & TV Purchased
Movies & TV render
Movies & TV render
Movies & TV render
Movies & TV render
Movies & TV Purchased Movies & TV 360 Movies & TV 360