UX Department  |  EPIX  |  03/27/2014  |  Private Document

EPIX XBOX ONE

COMPS

ENSEMBLE

2268 - 13353 Commerce Parkway
Richmond, BC V6V 3A1
Canada
Main Line: 1.604.231.9510
Toll Free: 1.877.290.2662
Fax: 1.604.231.9545

Xbox One Requirements	3
App Map	4
Full / Fill / Snap Views	5
Pin to Home Tile	6
App Menu	7
START UP	8
Start Up	9
Log In	10
Register for a Free 14-Day Trial	11
Register for a Free 14-Day Trial Agree Terms	12
THE HUB TEMPLATES	13
The Hub	14
The Hub  -  Featured	15
The Hub  -  Featured Scrolled	16
The Hub  -  Trailers & Extras	17
The Hub  -  Originals	18
The Hub  -  Collections	19
The Hub  -  Collections All	20
The Hub  -  Live Channels	21
The Hub  -  Live Channels Synopsis	22
The Hub  -  Live Channels Hover	23
The Hub  -  Live Channels for Unauthenticated Users	24
My Account	25
The Hub  -  My Account	26
The Hub  -  My Queue	27
The Hub  -  My History	28
The Hub  -  My History - Confirm Removal of All Movies	29
Movie Details	30
Movie Details  -  Overview	31
Movie Details  -  Trailers & Extras	32
Movie Details  -  Stills	33
Movie Details  -  Cast & Crew	34
Movie Details - Trailers & Extras All	35
Movie Details - Stills All	36
Movie Details - Stills Gallery Open	37
All Movies	38
All Movies	39
All Movies  -  Contextual Menu	40
Video Player	41
Video Player	42
Search	43
Search	44
Results	45
Settings	46
Settings	47
Log Out	48
Terms of Use	49
Privacy Policy	50
Snap Screens	51
Go Full Screen	52
Welcome	53
Login	54
App Menu	55
Home	56
Featured	57
Trailers & Extras	58
Trailers & Extras Player	59
Originals	60
Collections	61
Collections List	62
Live Channels	63
My Queue	64
Movie Detail	65
Movie Detail Scroll	66
Snap - Video Player	67
Settings	68
Snap - Terms of Use	69
Media Logos	70
Full - TimeWarner	71
Full - Mediacom	72
Full - Hawaiian Telecom	73
Snap - TimeWarner	74
Snap - Mediacom	75
Snap - Hawaiian Telecom	76
Controller Shortcuts	77
Controller Shortcuts	78
Controller Shortcuts	79

Xbox One Requirements

1. EPIX Free Trial Sign up and Access
2. Featured Movies
3. Movie Details, Stills
4. Movies by Genre
5. Trailers & Extras
6. Originals
7. Collections
8. Live Channels
9. Editable User Queue, User History

App Map

HUB (Sections vary depending on user type)

ME

FEATURED

TRAILERS &
EXTRAS

ORIGINALS

COLLECTIONS

LIVE
CHANNELS

MY QUEUE

MY HISTORY

Authentication

COLLECTION

LIVE PLAYER

Overview
(Synopsis)

MOVIE
DETAILS

Trailers &
Extras

Stills

Cast & Crew

VOD PLAYER

ALL MOVIES

SEARCH

GENRE

Results

SETTINGS

Privacy Policy

Log In/Out

Terms of Use

Help

CHOOSE YOUR
PROVIDER

SIGN UP FOR FREE TRIAL

or

GET CODE ACTIVATION

GO TO
WEBSITE

CONTENT
UNLOCKED

Full / Fill / Snap Views

Full View

Fill View

Snap View

Pin to Home Tile

App Menu

The App Menu is a contextual navigation element for the user to easily switch between sections.
* Switch User is in regards of the Xbox One user account and not the Epix account.

(Page 55)

START UP

Start Up

When first opening the app or unauthenticated, the user will be brought to this screen that gives them the options to Login, Register for a Free Trial, or Skip.

(Page 53)

Log In

To log in the user will need to link their account to this device via a code generated.
Once they’ve done that, they will come back to this app, in which case would then bring the user to the home page of the app logged in.

(Page 54)

Register for a Free 14-Day Trial

It is recommended to at least include instructions on how the user can register for a trial in a web browser as it would be more convenient for them to sign up on a desktop/laptop/mobile than it is on the Xbox.
After filling out the form and clicking Register, a popup will appear with the Terms of Use and Privacy Policy. The user will have to select Agree to continue (next page).

(Page 52)

Register for a Free 14-Day Trial Agree Terms

The user can scroll left/right to view the entire Terms & Conditions, and press down to select the Go Back or I Agree buttons.

THE HUB TEMPLATES

The Hub

The Hub  -  Featured

This Featured hub section has a movie displayed at the top with a background image, description and quick View Details button. This movie can alternate. To browse other movies within Featured, the user can scroll downwards.
The background image has been scaled down to fit the peeks at the side to 1820x1024.

(Page 56)

(Page 57)

The Hub  -  Featured Scrolled

The user can scroll down to view all featured movies. Or click on the buttons on the right to Browse All or view Most Popular or Recently Added.

The Hub  -  Trailers & Extras

The idea for the Trailers & Extras hub section is to allow the user to easily watch clips and browse at the same time. They can toggle between this view and full screen of the video at any time.
The main video will auto-play.

(Page 58)

(Page 59)

The Hub  -  Originals

The Originals section will take the same layout as the Featured.

(Page 60)

The Hub  -  Collections

In the Collections hub section, there are two columns of Collections shown. The first 6 movies in each column will be shown here with a button to View All within that collection.

(Page 61)

The Hub  -  Collections All

Clicking on the [...] button brings the user to a Long List view of all the movies in that collection.
There are controller shortcuts at the top and information about the movie at the bottom. Selecting the movie will bring them to the Movie Details page.

(Page 62)

The Hub  -  Live Channels

The Live Channels hub section version works similarly to the Trailers & Extras. The first channel will play automatically and can be toggled full screen. If the user selects one of the other 3 channels, it will replace the bigger embedded video player.
All Live Channels will be mute until the user selects a channel.

(Page 63)

The Hub  -  Live Channels Synopsis

Selecting the Synopsis button brings up the description over the video player.

The Hub  -  Live Channels Hover

Hovering over a channel gives more metadata about what is currently playing.

The Hub  -  Live Channels for Unauthenticated Users

When the user is unathenticated and does not have access to the Live Channels, they will be locked.

( Version of Page 63)

My Account

The Hub  -  My Account

Scrolling to the left when landing on the Hub will take you to the My Account section.
The first screen has recommendations for the user which will change more appropriately as the app gets data from the user’s interactions.
On the right, there are buttons to go to the user’s Queue, History and Settings.

(Page 64)

The Hub  -  My Queue

Clicking on the My Queue button brings the user to a Long List view of all the movies in the user’s queue.
There are controller shortcuts at the top and information about the movie at the bottom. Selecting the movie will bring them to the Movie Details page.

The Hub  -  My History

Clicking on the My History button brings the user to a Long List view of all the movies in the user’s history.
There are controller shortcuts at the top and information about the movie at the bottom. Selecting the movie will bring them to the Movie Details page. ly watched items.

The Hub  -  My History - Confirm Removal of All Movies

Pressing Y to remove all the movies in the History will bring up this prompt to confirm the action by the user.

Movie Details

Movie Details  -  Overview

The movie details landing page will have an image in the background, with the overview on the left with the major calls-to-actions and the sections (Trailers & Extras, Stills and Cast & Crew) stacked vertically.
The background image is 1920x1080. After this screen, for all Movie Detail pages, the background becomes blurred.

(Page 65)

Movie Details  -  Trailers & Extras

Scrolling down reveals the Trailers & Extras.
The background blurs as the user scrolls downwards.
The user can either press on a Trailers & Extras video or the [...] button to bring them to view all Trailers & Extras or keep scrolling downwards to the next section.

Movie Details  -  Stills

Scrolling down reveals the Stills section.
The user can either press on a Stills image or the [...] button to bring them to view all Stills or keep scrolling downwards to the next section.

Movie Details  -  Cast & Crew

Scrolling down reveals the last section of the Movie Details - the Cast & Crew.
The Cast & Crew section is the focus where the user can press A to select it and then scroll left and right to view all cast members or scroll back upwards.
The arrows and the (1 of 2) text underneath only appears when there are more than 2 columns of names.

Movie Details - Trailers & Extras All

A movie’s Trailer & Extras landing page looks and functions similarly to the hub’s Trailer & Extras.

Movie Details - Stills All

Clicking the View More ellipses on the Stills takes the user to a Long List page with all the stills. Selecting an image takes the user to a full screen gallery of that image.
Stills behavior should be the same as the Xbox 360.

Movie Details - Stills Gallery Open

The user can navigate the gallery by pressing the D-pad left and right buttons or press B to go back.

All Movies

The All Movies long list page will have all the movies listed out. The user can filter down to a specific genre with the Filter button on the left, which will bring up a pop up menu of the genres.
There are controller shortcuts at the top and information about the movie at the bottom. Selecting the movie will bring them to the Movie Details page.

All Movies  -  Contextual Menu

Since all Controller shortcuts require a Gestural and Voice shortcuts as well, when the user has activated NUI or VUI, they can press on a movie to open up this contextual menu, which gives them the options of Going to the Details page, Playing the Movie right away, Adding the Movie to their Queue (or Remove), or Pinning the Movie to the Home screen.

Video Player

This is the standard Xbox One video player with additional information about the movie at the top.
Movie information should come up only when the playback has been paused - not anytime the controls have been activated.

(Page 67)

Search

Selecting the Search icon at the top of every screen or selecting Search from the App Menu opens up a new page where the user can start typing a keyword.

The results will appear below and are scrollable vertically.
If there are previous searches, those go beside the search results and are visible at all times (even when there are no search results at the time). There is a button to clear all previous search terms.

Settings

In Settings, the user has the option to Log In/Out (depending on the state of the user), go to the Help section (which will snap the Xbox Help), view the Terms of Use and Privacy Policy.

(Page 68)

Log Out

Log In/Out will be shown as an overlay on top of the Settings page. The Log In text will be the same as in Start Up.

The Terms of Use looks the same as the one in the Start Up section except it is a new page, not an overlay. The user can scroll left and right to read or B to go back.

(Page 69)

The Privacy Policy looks the same as the Terms of Use in the Start Up section except it is a new page, not an overlay. The user can scroll left and right to read or B to go back.

Snap Screens

Go Full Screen

For all screens that do not have a Snap mode, they will view this page instructing them to go full view.

Welcome

Login

Home

1

A user will land on this page when first snapping the app to the right from anywhere in the hub.
Items in the menu:   My Queue
Featured
Trailers & Extras
Originals
Collections
Live Channels

# | Item | Description
1 | Go Full View button | It is required to have a Go Full View button to unsnap the app and bring it back to full screen on every page.

Featured

Trailers & Extras

Trailers & Extras Player

Originals

Collections

Collections has one more layer between the Home page and the List page where the user has to choose a collection first to view it’s contents.

Collections List

Live Channels

My Queue

Movie Detail

Clicking on a movie will take them to the Movie Details page. This has the title, metadata, image, and description. The user has 4 choices here: to play the movie, add the movie to their queue, go full view, and pressB to go back to the previous page.
There is no Trailers & Extras, Stills or Cast & Crew section.

Movie Detail Scroll

How it will work when the description text is longer than the given space - it will become a scroll.

Snap - Video Player

Playing a movie, Trailer & Extra, or Live channel will take the user to this layout. There is information about what they’re watching above and below the playback. The controls are limited here to only pause/play toggle and the go full view button.

Snap - Terms of Use

Both Terms of Use and Privacy Policy will look like this.

Media Logos

Full - TimeWarner

Here are some examples of how the MSO Logos will appear in the app.

Full - Mediacom

Full - Hawaiian Telecom

Snap - TimeWarner

Snap - Mediacom

Snap - Hawaiian Telecom

Controller Shortcuts

Hub: Featured

Select

Add Movie to Queue

Pin Movie to
Home

A Collection

Hub: Originals

Go Back

Add Movie to
Queue

Hub: My Account

Pin Movie to Home

My History

Remove Movie

Remove All