Transcript Slide 1

<Your Application Name Here>
Create a wireframe of your app with the screen templates provided.
7/18/2015
Roku Confidential
1
Roku Player
Standard Screen Type Library
Version 0.3
12/7/2009
TV Safe Zone: Action Safe/Title Safe
TV Safe Zone Guideline
Safe Zone is a term used to describe the areas of the television picture that can be seen on television screens. Keep text that you intend for
the audience to read within Title Safe Zone. Keep important visual elements within Action Safe Zone. Content outside of the Action Safe zone
risks being cut off by the edge of the screen.
Title Safe
Action Safe
7/18/2015
Roku Confidential
3
Screen Type: Category
Roku Home Screen
Roll Over Text 1 Lorem sit
roll over text 2 Lorem ipsum dolor sit amet consectetur
Title Safe
Banner
Action Safe
7/18/2015
Roku Confidential
4
Screen Type: Category
Roku Application Main Screen
Company Logo
TV Shows
HD TV Shows
Breadcrumb or Tagline
Top Movie
Rentals
Movies
Special Deals
Roll Over Text 1 Isum
roll over text 2 Lorem ipsum dolor sit amet consectetur
Title Safe
Banner
Action Safe
7/18/2015
Roku Confidential
5
Screen Type: List
DVD Posters
Company Logo
Filter Category
Title Safe
Action Safe
7/18/2015
Breadcrumb
Filter Category
Filter Category
Roll Over Text 1 DVD Title
Roll over text 2 Lorem
Roku Confidential
6
Screen Type: List
DVD Posters (No Filter)
Company Logo
Title Safe
Breadcrumb
Roll Over Text 1 DVD Title
Roll over text 2 Lorem
Action Safe
7/18/2015
Roku Confidential
7
Screen Type: List
Poster List Screen 4:3 Posters
Company Logo
Filter Category
Breadcrumb
Filter Category
Filter Category
Roll Over 1
Roll Over Text 1 Lorem Ipsum
Roll over text 2 Lorem consectetur adipiscing elit
Title Safe
Action Safe
7/18/2015
Roku Confidential
8
Screen Type: List
Poster List Screen 4:3 Posters (No Filter)
Company Logo
Breadcrumb
Roll Over Text 1 Lorem Ipsum
Roll over text 2 Lorem consectetur adipiscing elit
Title Safe
Action Safe
7/18/2015
Roku Confidential
9
Screen Type: List
Poster List Screen 16:9 Posters
Company Logo
Filter Category
Breadcrumb
Filter Category
Filter Category
Roll Over 1
Roll Over Text 1 Lorem Ipsum
Roll over text 2 Lorem consectetur adipiscing elit consectetur adipiscing Lorem
Title Safe
Action Safe
7/18/2015
Roku Confidential
10
Screen Type: List
Poster List Screen 16:9 Posters (No Filter)
Company Logo
Breadcrumb
Roll Over 1
Roll Over Text 1 Lorem Ipsum
Roll over text 2 Lorem consectetur adipiscing elit consectetur adipiscing Lorem
Title Safe
Action Safe
7/18/2015
Roku Confidential
11
Screen Type: List
Poster List Screen Square Posters
Company Logo
Filter Category
Breadcrumb
Filter Category
Filter Category
Roll Over 1
Roll Over Text 1 Lorem Ipsum
Title Safe
Roll
over text 2 Lorem consectetur adipiscing elit consectetur adipiscing Lorem
Action Safe
7/18/2015
Roku Confidential
12
Screen Type: List
Poster List Screen Square Posters (No Filter)
Company Logo
Breadcrumb
Roll Over 1
Roll Over Text 1 Lorem Ipsum
Roll over text 2 Lorem consectetur adipiscing elit consectetur adipiscing Lorem
Title Safe
Action Safe
7/18/2015
Roku Confidential
13
Screen Type: Episodic
4X3 Posters
Company Logo
1
2
3
4
Breadcrumb
5
6
7
8
9
10
Roll Over Text 1
Roll Over Text 2
Roll Over Paragraph 1 Lorem ipsum dolor sit amet, consectetur sit adipiscing elit
Vivamus sed diam necdolor lobortis feugiat sed quis semLorem ipsum dolor sit amet
ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla.
Title Safe
Action Safe
7/18/2015
Roku Confidential
14
Screen Type: Episodic
16X9 Posters
Company Logo
1
2
3
4
Breadcrumb
5
6
7
8
9
10
Roll Over Text 1 Dlor
Roll Over Text 2
Roll Over Paragraph 1 Lorem ipsum dolor sit amet, consectetur sit adipiscing elit
Vivamus sed diam necdolor lobortis feugiat sed quis semLorem ipsum dolor sit amet
ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla.
Title Safe
Action Safe
7/18/2015
Roku Confidential
15
Screen Type: Episodic
Square Posters
Company Logo
1
2
3
4
Breadcrumb
5
6
7
8
9
10
Roll Over Text 1
Roll Over Text 2
Roll Over Paragraph 1 Lorem ipsum dolor sit amet, consectetur sit adipiscing elit
Vivamus sed diam necdolor lobortis feugiat sed quis semLorem ipsum dolor sit amet
ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla.
Title Safe
Action Safe
7/18/2015
Roku Confidential
16
Screen Type: Detail/Springboard
DVD Poster
Company Logo
Breadcrumb
Title Lorem ipsum dolor sit
variable length button/action button
variable length Button
variable length Button
variable length Button
variable length Button
ACTOR 1
ACTOR 2
Star Rating
Roll Over Paragraph 1 Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Vivamus sed diam nec dolor lobortis feugiat sed quis
semLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
sed diam nec dolor lobortis feugiat sed quis sem.
Length Release Date Rating HD (if applicable)
Category 1 Category 2
Title Safe
Action Safe
7/18/2015
Roku Confidential
director DIRECTOR NAME
17
Screen Type: Detail/Springboard
4X3 Poster
Company Logo
Breadcrumb
Title Lorem Ipsum Dolor Sit
variable length button/action button
variable length Button
variable length Button
variable length Button
variable length Button
ACTOR 1
ACTOR 2
Star Rating
Roll Over Paragraph 1 Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Vivamus sed diam nec dolor lobortis feugiat sed quis
semLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
sed diam nec dolor lobortis feugiat sed quis sem.
Length Release Date Rating HD (if applicable)
Category 1 Category 2
7/18/2015
Roku Confidential
director DIRECTOR NAME
18
Screen Type: Detail/Springboard
16X9 Poster
Company Logo
Breadcrumb
Title Lorem Ipsum Dolor Sit
variable length button/action button
variable length Button
variable length Button
variable length Button
variable length Button
ACTOR 1
ACTOR 2
Star Rating
Roll Over Paragraph 1 Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Vivamus sed diam nec dolor lobortis feugiat sed quis
semLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
sed diam nec dolor lobortis feugiat sed quis sem.
Length Release Date Rating HD (if applicable)
Category 1 Category 2
Title Safe
Action Safe
7/18/2015
Roku Confidential
director DIRECTOR NAME
19
Screen Type: Detail/Springboard
Square Poster
Company Logo
Breadcrumb
Title Lorem Ipsum Dolor Sit
variable length button/action button
variable length Button
variable length Button
variable length Button
variable length Button
ACTOR 1
ACTOR 2
Star Rating
Roll Over Paragraph 1 Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Vivamus sed diam nec dolor lobortis feugiat sed quis
semLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
sed diam nec dolor lobortis feugiat sed quis sem.
Length Release Date Rating HD (if applicable)
Category 1 Category 2
Title Safe
Action Safe
7/18/2015
Roku Confidential
director DIRECTOR NAME
20
Screen Type: Detail/Springboard
Audio Springboard
Company Logo
Breadcrumb
Song Title Lorem Ipsum Dolor Sit Conse
play/pause
variable length Button
variable length Button
variable length Button
variable length Button
Artist
album: Album
artist:
2m 05s
Title Safe
Action Safe
7/18/2015
Roku Confidential
21
Screen Type: Full Keyboard
Company Logo
Breadcrumb or Tagline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elit
Done
Security help
Back
Title Safe
Action Safe
7/18/2015
Roku Confidential
22
Screen Type: Search
Recent Search
Company Logo
Breadcrumb
Search Term
Recent Searches*
Result 1 Lorem ipsum
Result 2 Lorem ipsum
Result 3 Lorem ipsum
Result 4 Lorem ipsum
Result 5 Lorem ipsum
Result 6 Lorem ipsum
Title Safe
Search Button
Clear History
Action Safe
*Recent Searches or Suggested Searches presented depending upon channel developer use of predictive search
terms and/or search history.
7/18/2015
Roku Confidential
23
Screen Type: Content-Image
Content-Image
Company Logo
Breadcrumb
[Partner Art]
Title Safe
Variable Length Button
Option Button
Option Button
Action Safe
7/18/2015
Roku Confidential
24
Screen Type: Content Text
Content-Text
Company Logo
Paragraph 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vivamus sed diam nec dolor lobortis feugiat sed quis semLorem ipsum
dolor sit amet, consectetur adipiscing elit. Vivamus sed diam nec dolor
lobortis feugiat sed quis sem.
Paragraph 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vivamus sed diam nec dolor lobortis feugiat sed quis semLorem ipsum
dolor sit amet, consectetur adipiscing elit. Vivamus sed diam nec dolor
lobortis feugiat sed quis sem.
Title Safe
Variable Length Button
Option Button
Option Button
Action Safe
7/18/2015
Roku Confidential
25
Screen Type: Linking
Variable
Length
Button/Action Button
Get a Code
Screen
Company Logo
Roll Over Paragraph 1 Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Vivamus sed diam nec dolor feugiat sed quis sit.
Copy Block
Copy Block
Copy Block
Activation Code
Roll Over Paragraph 1 Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Vivamus sed diam nec dolor feugiat sed quis sit.
Variable Length Button
Variable Length Button
Title Safe
Action Safe
7/18/2015
Roku Confidential
26
Screen Type: Text Overlay
[video or photo stream]
[Image data]
[Image data]
[Image data caption data lorem ipsum docsit . Image data caption data
Title
Safe ipsum docsit Image data caption data lorem ipsum docsit .....]
lorem
Action Safe
7/18/2015
Roku Confidential
27
Screen Type: Setting Details
Audio Mode Screen
Company Logo
Breadcrumb
Roll Over Paragraph 1 Lorem ipsum dolor sit amet, consectetur
[Setting Art 1]
[Setting Art 2]
Roll Over Paragraph 1 Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Vivamus sed diam nec dolor lobortis feugiat sed quis
semLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
Title Safe
sed diam nec dolor lobortis feugiat sed quis sem.
Action Safe
7/18/2015
Roku Confidential
28
Screen Type: Dialog
Manual dismiss dialog
Company Logo
Breadcrumb
Dialog Text Title
Roll Over Paragraph 1 Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Roll Over Paragraph 1 Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Roll Over Paragraph 1 Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Variable
VariableLength
LengthButton
Button
Title Safe
Action Safe
7/18/2015
Roku Confidential
29
Screen Type: Dialog
Progress indication
Company Logo
Breadcrumb
Dialog Title
Title Safe
Action Safe
7/18/2015
Roku Confidential
30