Download as pdf or txt
Download as pdf or txt
You are on page 1of 10

Designs

Apple TV | Version 01.0 | July 04, 2016

PRIVATE & CONFIDENTIAL


The information contained in this document has been prepared solely for use by
Digiflare and the client specified in this document. The purpose of this docu-
ment is to describe, illustrate, and inform the design of a digital product, however
Digiflare reserves the right to make improvements and/or changes to any detail
described herein during the development process.
DHX WIREFRAMES 2

Menu
Once the user selects a channel, they land on the
home screen with the menu open.

Swipe Right:
Navigate through the
menu items

Swipe Down:
Closes the menu and
navigates to the feature
carousel

Swipe Up:
Reveals the Channel
Picker
DHX WIREFRAMES 3

Landing
When the user swipes/ presses down on the remote
the menu slides out of view and the user is in focus on
the ‘more details’ button of the featured carousel. The
carousel uses large cinematic images with a peak on
each side.

Swipe Right:
Browse through all
carousel assets

Swipe Down:
Navigates down to
access the swimlane
that’s peaking.

On Click:
When the user selects
the ‘more details’
button it directs them
to the detail screen of
that show.
DHX WIREFRAMES 4

Menu
Once the user selects a channel, they land on the
home screen with the menu open.

Swipe Right:
Navigate through the
menu items

Swipe Down:
Closes the menu and
navigates to the feature
carousel

Swipe Up:
Reveals the Channel
Picker
DHX WIREFRAMES 5

Landing
When the user swipes/ presses down on the remote
the menu slides out of view and the user is in focus on
the center of the featured carousel. The carousel uses
large cinematic images with a peak on each side.

Swipe Right:
Browse through all
carousel assets

Swipe Down:
Navigates down to
access the swimlane
that’s peaking.

On Click:
When the user selects
the ‘more details’
button it directs them
to the detail screen of
that show.
DHX WIREFRAMES 6

Show Detail
The show detail screen is displayed in a split view
with the seasons on the left and related content on
the right. It contains the title, show description, and a
show image.

Swipe Right
Navigate to the first
episode card from
season 01.

Swipe Down:
Navigate to a different
season. The episode
cards will update on
focus of a different
season.
DHX WIREFRAMES 7

Show Detail
The show detail screen is displayed in a split view
with the seasons on the left and related content on
the right. It contains the title, show description, and a
show image.

Swipe Right
Navigate to the first
episode card from
season 01.

Swipe Down:
Navigate to a different
season. The episode
cards will update on
focus of a different
season.
DHX WIREFRAMES 8

Show Detail
The show detail screen is displayed in a split view
with the seasons on the left and related content on
the right. It contains the title, show description, and a
show image.

Swipe Right
Navigate to the first
episode card from
season 01.

Swipe Down:
Navigate to a different
season. The episode
cards will update on
focus of a different
season.
DHX WIREFRAMES 9

Show Detail
The show detail screen is displayed in a split view
with the seasons on the left and related content on
the right. It contains the title, show description, and a
show image.

Swipe Right
Navigate to the first
episode card from
season 01.

Swipe Down:
Navigate to a different
season. The episode
cards will update on
focus of a different
season.
Thank you

You might also like