Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead...

17
Connected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown is for mock-up purposes only, and is not intended for sign-off. At this stage we are seeking approval on colours, fonts, background pic- tures, logos, and app structure (including menu categories).

Transcript of Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead...

Page 1: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

Connected TV Application for TiVo

The Walking DeadUI Design Outline / Wireframes5 January 2012

Note: The specific content shown is for mock-up purposes only, and is not intended for sign-off. At this stage we are seeking approval on colours, fonts, background pic-tures, logos, and app structure (including menu categories).

Page 2: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 2

1

2

3 44 5 6

7

8 9 10

11

Page 3: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 3

Page 4: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 4

Loading and PIN check screens1

Page 5: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 5

Highlights Screen1

Page 6: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 6

Highlights Screen

Page 7: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 7

About Screen3

Page 8: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 8

Video Player Screen4

Page 9: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 9

Thumb BarA carousel of thumbnails that trigger video.

Video OnlyAfter a video is chosen the interactive lower third will disappear, and the video playlist can be viewed unobstruct-ed. The interactive lower third will reappear when the viewer pressed the D-pad or the video transport buttons on the remote control.

Text Info AreaThe text info area has a line of text that tells the viewer about what is playing, or about what is in focus on the thumb bar.

Page 10: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 10

Video with timeline (video transport mode)If a viewer uses the video buttons on the remote only the compact timeline will appear on-screen.

Video with Full Interface (browse mode)If a viewer presses the D-pad the full interface will appear, enabling them to choose a new video or control video.

Page 11: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 11

Characters Screen5

Page 12: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 12

Slideshow Screen6

Page 13: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 13

Page 14: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 14

Episodes Screen7

Page 15: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 15

Episode Screens

8

9

Single video caseIf an episode only has a single video there will be no thumbar shown. Pressing “Video” on the menu will play the video.

Page 16: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 16

Episode Screens

8

9

Multiple video case

Page 17: Connected TV Application for TiVo The Walking DeadConnected TV Application for TiVo The Walking Dead UI Design Outline / Wireframes 5 January 2012 Note: The specific content shown

UI Design | Connected TV application for TiVo | The Walking Dead 17

10

11