Professional Documents
Culture Documents
DHX Media Mocks
DHX Media Mocks
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