| Target release | |
|---|---|
| Epic |
|
| Document Status | DRAFT |
| Product | |
| Interaction Design | |
| Visual Design | |
| Development | |
| EIA | |
| QA | |
| PMO |
Goals
Redesign the OnNow web experience to be full screen: http://disneynow.go.com/watch-live?brand=disney-junior
- Immersive playback experience
- Parity across DNow player elements
- Seamless navigation between Channels
- Constant awareness that this is a “Live” experience and “What’s On” now
- Constant awareness of location (global nav should be visible when not in full screen playback)
Existing engagement metrics should not drop.
Tasks
- Add paper prototype photos Angela Glass
- Wires for all platforms Jhillika Kumar
Background and strategic fit
Assumptions
UX Requirements
See Video Framework Product Requirements - OLD MASTER DOC.
| # | Feature Title | User Story Description | Importance | Notes |
|---|---|---|---|---|
| 1 | Player Controls (VOD) | As a user, I want player controls so that I can play, pause, fast forward and rewind the video | Must Have | |
| 2 | Closed Caption Button | As a user, I want a closed caption button so that I can turn captions on/off | Must Have | |
| 3 | Scrubbing Thumbnail | As a user, I want scrubbing thumbnails so I can keep track of my video position while scrubbing (ff/ rewinding) | Must Have | |
| 5 | Full Screen | As a user, I want a full screen button so that I can watch video in full screen | Must Have | |
| 6 | Exit Button | As a user, I want an exit button so that I have a way to exit full screen video playback | Must Have | |
| 8 | Episode/ Show /Season Titles (Metadata) | As a user I want episode metadata so that I know what Show/ Season and Episode I am watching (Show Title, Episode Title/ #, Season #) | Must Have | |
| 9 | Episode/ Show Description (Metadata) | As a user, I want a description of the episode/show I am watching so that I know what the episode/show is about | Must Have | |
| 10 | Ad Markers (Ad pods) | As a user, I want ad markers so that I know whenever an ad break is coming up | Must Have | |
| 11 | Channel Selection (Live) | As a user I want Channel options so that I can navigate to different channels during playback | Must Have | |
| 12 | Loading Icon | As a user I want a loading icon so I know when my content is loading | Must Have | |
| 13 | Current Channel Reference (Live) | As a user I want a Current Channel reference so that I know what channel I'm watching at all times | Must Have | |
| 14 | Casting | As a user I want a casting button so that I can cast the video that I'm watching | Must Have |
User Research
User Experience Design
Mobile Design
iOS
Flows
| Description | User Story I | User Story II | User Story III |
|---|---|---|---|
Wires |
|
|
|
Comps |
Android
Flows
| Description | User Story I | User Story II | User Story III |
|---|---|---|---|
Wires |
|
|
|
Comps |
Web Design
Small
Flows
| Description | User Story I | User Story II | User Story III |
|---|---|---|---|
Wires |
|
|
|
Comps |
Medium
Flows
| Description | User Story I | User Story II | User Story III |
|---|---|---|---|
Wires |
|
|
|
Comps |
Large
Flows
| Description | User Story I | User Story II | User Story III |
|---|---|---|---|
Wires |
|
|
|
Comps |
Analytics
Questions
Below is a list of questions to be addressed as a result of this requirements document:
| Question | Outcome |
|---|---|
Not Doing
Usability
