Wireframes V3.2
Total Page:16
File Type:pdf, Size:1020Kb
RealNetworks “Tahoe” Wireframes v3.2 Prepared by: 972 Mission St., 2nd Floor Method, Inc. San Francisco, CA 94103 415.901.6300 phone 415.901.6310 fax March 18, 2010 Confidential Material 1 Document Today’s Goals: • Review Final wireframes for all four scenarios Overview This document covers: 01 User Scenarios & Screen Breakdown 02 Device Map 03 Wireframes - Scenario 1: Download from DVR - Scenario 2: Search and Record - Scenario 3: Browse and Buy - Scenario 4: Run Third Party Application 04 Gestures/Transitions 05 Appendix - Detail Screen Options Real Networks - Tahoe Wireframes v3 01 Scenarios for User Testing March 18, 2010 Confidential 3 Real Networks - Tahoe Wireframes v3 User Testing Introduction Participants will be given a brief introduction about the Tahoe device and shown the global Scenarios navigation (as this would normally be part of the First Run experience). They will then be asked to explore the device on their own for a few minutes. Scenario 1 a. Browse content on DVR to see what episodes are recorded for a certain series Download shows from a DVR b. Download new episodes in that series. c. Download a single show d. Watch one of the downloads when it’s ready. Scenario 2 a. Find a TV series to record (If user tries to go to EPG, ask where else they might go) Search for a TV series to record b. Search for it on your DVR and automatically c. Browse query results sync to your Tahoe d. Select a TV Show with multiple episodes e. Schedule series to be recorded i) Choose the DVR to record on ii) Set autosync settings iii) Confirm scheduling f. Back on video detail screen, ask users about the star feature. What is it? Where would you go to see all starred content? 4 Real Networks - Tahoe Wireframes v3 User Testing Scenarios cont. Scenario 3 a. Find a TV series to Buy (If user to goes to EPG or search, ask where else they might go) Browse for the latest episode b. Filter TV shows for popular comedies of a popular comedy TV show c. Resort the list alphabetically – requires clover and buy it from Amazon d. Navigate river using alpha scroll at bottom e. Choose a TV Show f. Select to buy it from Amazon g. Enter your Amazon password h. Start watching when video is ready Scenario 4 a. Bring up main navigation menu Run a third party application b. Locate the Facebook application c. Start the Facebook application 5 Real Networks - Tahoe Wireframes v3 User Testing Screen Flows 6 Real Networks - Tahoe Wireframes v3 02 Device Map March 18, 2010 Confidential 7 Real Networks - Tahoe Wireframes v3 Device Map 1.0 GLOBAL NAVIGATION Core Architecture 2.0 3.0 4.0 5.0 6.0 My Tahoe Get New DVR Browser Settings 2.1 3.1 4.1 6.1 All New Releases Recordings DVRs - Recently Added - All 4.1.1 - Recently Viewed - Amazon 6.2 Accounts - All - Netflix Download Options 2.2 - CinemaNow Videos - Blockbuster 6.3 - Hulu 4.2 TV Out - All Scheduled - Rentals 3.2 Movies 6.4 4.3 Display 2.3 Music - New Releases Programming Guide - Most Popular 6.5 - All - Coming Soon Date / Time - Artist - by Genre > - Album - by Studio > 6.6 - Song - by Person > Wifi - Playlist - by Title 2.4 3.3 6.7 Photos TV Parental Controls - All - New Releases - Date range - Most Popular - Album - Coming Soon 6.x - by Genre > Other... 2.5 - by Network > Video Apps - by Person - All - by Title - Categories 3.4 Free 2.6 - Most Recent Delete Content - Most Watched - Top Rated LEGEND - Downloadable - Online / Web Global Navigation 3.6 Screens Apps 0.0 FIRST RUN EXPERIENCE - 3rd level > 4th level 3rd/4th Level Filters - Latest - Top Free Apps - Top Paid Accessible in a - Category > 0.1 0.2 connected state only Intro Video Account Set Up Out of scope Included in User Testing 8 Real Networks - Tahoe Wireframes v3 Device Map 7.0 DETAIL OVERLAY Supporting Screens 7.1 7.2 7.3 Video Detail Music Detail Apps • My Tahoe • Song • My Tahoe • Get New • Album • Get New • DVR • Playlist • Single vs. Series 7.1.1 Watch 7.1.2 Buy 7.1.3 7.1.x.1 7.1.x.2 Rent Enter Credentials Confirmation 7.1.4 Stream 7.1.5 Record 7.1.6 Related Content 8.0 PLAYERS 8.1 8.2 8.3 8.4 Video Music Photos Apps • Song • Photo • Album • Collection • Playlist LEGEND 9.0 Starred 10.0 SEARCH 11.0 NOTIFICATIONS Global Navigation 9.1 10.1 10.2 11.1 11.2 Screens Starred Keyword Search Search Results HUD HUD Menu - 3rd level > 4th level 3rd/4th Level Filters • My Tahoe • My Tahoe • Standard HUD • Get New 10.1.1 • Get New • Download Indicator • DVR Advanced Search Accessible in a • DVR • Ready to Watch Notification connected state only • Provider • Content Rating • Specify Keyword Type Out of scope Included in User Testing 9 Real Networks - Tahoe Wireframes v3 03 Wireframes March 18, 2010 Confidential 10 Real Networks - Tahoe Wireframes v3 My Tahoe / Get New Thumbnail Breakdown Favorited content will marked with a visual indicator. All content types can be favorited. Recommended and Rental content will have a label noting each as such. Video Get New Only: Movie Favorited Movie Recommended Movie thumbnails will be tall box art. Recommended Movie Title Movie Title Movie Title Rating Rating Rating TV / Web Favorited TV / Web TV and web content will have a wide 4:3 screen thumbnail size. Recommended Series Series Series Season # Season # Season # TV / Web Series Favorited TV / Web Series Recommended Series Series Series Season # Season # Season # 11 Real Networks - Tahoe Wireframes v3 My Tahoe / Get New Thumbnail Breakdown Music, Photos, and Apps Favorited Music track Music Album Music track Music Album Music thumbnails will be square. App Apps thumbnails will be square with a longer box for label App Name App Name 1901 Phoenix 1901 Phoenix Phoenix Wolfgang Amadeus ... Phoenix Wolfgang Amadeus ... Landscape photo Portrait photo Landscape photo Portrait photo Photo Thumbnails will be either landscape or portrait rectangles based on the photo. Photo Album Title Photo Album Title Photo Album Title Photo Album Title Date Date Date Date Landscape Photo Album Portrait Photo Album Landscape Photo Album Portrait Photo Album Photo albums will be presented based on the orientation of the first photo in the album. Photo Album Title Photo Album Title Photo Album Title Photo Album Title Date Date Date Date 12 Real Networks - Tahoe Wireframes v3 My Tahoe / Get New Thumbnail Breakdown Rental Thumbnails Rental - New Rental - In-progress Rental - Expired Rental 5 Hours Left Rental Expired The Hangover The Hangover The Hangover R R R 13 Real Networks - Tahoe Wireframes v3 Scenario 1 Download from DVR March 18, 2010 Confidential 14 Real Networks - Tahoe Wireframes v3 My Tahoe 2.1 All - Default start up screen is My Tahoe > All, which includes all locally stored content, sorted by most recently added. 12:13PM - Since rentals can be time sensitive content, visual My Tahoe All Videos Music Photos Apps Starred Search indicators will be used to note the various states of a rental: Recently Added R Active In-progress R Expired The Hurt Locker The Hangover Batman - There will also be a scroll bar at the bottom that can be Sade - 30 Rock - used to advance through content left and right. Soldier of Love Anna Howard Shaw Day Filters in this section include: - Recently Added - Recently Viewed R - All 30 Rock - Hurt Elf Scrabble Hurt 30 Rock - “Starred” is global to both My Tahoe and Get New, but not Anna Howard Shaw Day Johnny Cash Johnny Cash Anna Howard Shaw Day DVR. The user will not have the ability to star anything in DVR, and thus, the starred button will not display when in the DVR section. Search is global in that it is a) persistent across the three main content sections (Get New, My Tahoe and DVR), R and b) allow access between sections. However, the default experience in both cases are contextual to what section the user is in, on the device. - “Starred” button gives the user access to a page with any content they have starred in My Tahoe or Get New. - Search finds results across all sections of the device. Refer to pages 11, 12, and 13 for accurate thumbnail representation. Initial set of results displayed will be based on the current section the user is in. From here, they will have access to results from the other sections of the device. 15 Real Networks - Tahoe Wireframes v3 My Tahoe 2.1 All Filters Filters in this section include: - Recently Added 12:13PM - Recently Viewed My Tahoe All Videos Music Photos Apps Starred Search - All done Recently Added The Hurt Locker The Hangover Sade - Recently Viewed Soldier of Love All 30 Rock - Hurt Elf Scrabble Anna Howard Shaw Day Johnny Cash R 16 Real Networks - Tahoe Wireframes v3 1.0 Global Nav Main Navigation Menu (Connected) - Pressing the hard button will invoke the global navigation menu. It appears as an overlay. 12:13PM All Videos Music Photos Apps Starred - In a connected state, the user will have access to all My Tahoe Search menu options. When disconnected, ‘Get New’, ‘DVR’, and ‘Browser’ will be disabled. Soldier of Love Sade Up - The user can either press the hard button again or tap Diary of a Yo Gaba Gaba Facebook outside the menu to return to the previous state. Wimpy Kid The Incredibles Sudoku Scrabble The Office 1234 Plain White T’s R Season 3 R My Tahoe Get New DVR Browser Settings South of France Lost Best in Jest Season 5 Hurt Soldier of Love Johnny Cash Sade hulu Such Great Heights The Postal Service Yelp Epicurious 17 Real Networks - Tahoe Wireframes v3 DVR 4.1 Recordings Default State - This screen can be reached through the “DVR” option in the main navigation.