| Target release | March 2020 |
|---|---|
| Epics/JIRA | https://jira.disney.com/browse/DCWW-378 |
| Document Status | DRAFT |
| Product | Feature Owner: Adam Grandy Tickets Writer: Julianna Gram Android Product: Julianna Gram iOS Product: Courtney Erhart |
| Interaction Design | Rona Sheen |
| Visual Design | Hannah Kan, Cherrie Go |
Platforms
Mobile, Tablet launch first.
- Mobile
- Tablet
- TV (Roku first)
Related Documents
- 2019 Fall Updated Feature Requirements: https://confluence.disney.com/pages/viewpage.action?spaceKey=DDM&title=Tokens%3A+Video+Quizzes
- Everything related to the February 2019 prototype.
Design
Quiz Marker and Branding
In-Quiz
Exploration Sketches/Wires
Exploration - Visual Design
(Feel free to attach a larger comp that people can zoom into instead)
Highlight State as VO Reads Answer Options
| (Final Comp?) | 2019.11.25 | Version, Date, or Description |
|---|---|---|
(Comp goes here) Include Zeplin link |
|
(Comp goes here) |
| Additional Notes Here | Additional Notes Here | Additional Notes Here |
TV Design
End Card with Quiz CTA Layout Explorations
Rona and Hannah working through best way to present CTA for a quiz in end cards.
|
|
|
|
Tablet Design
| Description | |||
|---|---|---|---|
Comps |
|||
Wires |
|
|
|
| Sketches | |||
Notes |
|||
| JIRAs |
iOS
Flows
| Description | |||
|---|---|---|---|
Comps |
|||
Wires |
|
|
|
| Sketches | |||
Notes |
|||
| JIRAs |
Android
Flows
| Description | |||
|---|---|---|---|
Comps |
|||
Wires |
|
|
|
| Sketches | |||
Notes |
|||
| JIRAs |
End Cards
Exploration Sketches/Wires
| Version | Quiz Available and Not Taken Yet |
|---|---|
| 2019.11.13 |
|
| Version | End Card - No Quiz Available and 2nd Time Return |
|---|---|
| 2019.11.13 |
|
| Previous Iteration |
|
| Use Case: A user can get the end card after finishing an episode, select the last-watched-VOD tile to finish credits, and then receive the end card again. |
| Version | No Quiz Available |
|---|---|
| 2019.11.13 |
|
| Version | No Quiz Available |
|---|---|
| 2019.11.13 |
|
Previous Explorations
Exploration - Visual Design
(Feel free to attach a larger comp that people can zoom into instead)
| Version, Date, or Description | Version, Date, or Description | Version, Date, or Description |
|---|---|---|
| (Comp goes here) | (Comp goes here) | (Comp goes here) |
TV Design
End Card with Quiz CTA Layout Explorations
Rona and Hannah working through best way to present CTA for a quiz in end cards.
| With backplate | Without Backplate (quick removal) | Without Backplate FPO Background Branding Tie-In | |||
|---|---|---|---|---|---|
|
|
|
|
In-Quiz Metadata Placement Iterations
| Trying similar layout to mobile. Larger tile size looked too large. | Good tile size and with metadata placement that matches mobile/tablet | Preferred metadata placement given options. Centering Read Again button aligns more with TV patterns. |
|---|---|---|
|
|
|
|
Tablet Design
| Description | |||
|---|---|---|---|
Comps |
|||
Wires |
|
|
|
| Sketches | |||
Notes |
|||
| JIRAs |
iOS
Flows
| Description | |||
|---|---|---|---|
Comps |
|||
Wires |
|
|
|
| Sketches | |||
Notes |
|||
| JIRAs |
Android
Flows
| Description | |||
|---|---|---|---|
Comps |
|||
Wires |
|
|
|
| Sketches | |||
Notes |
|||
| JIRAs |
Attachments:
EndCard-SecondTime.png (image/png)
Screen Shot 2019-11-13 at 4.54.02 PM.png (image/png)
Mobile_Player_EndCard_NoQuiz.png (image/png)
Mobile_Player_EndCard_QuizTaken.png (image/png)
Mobile_Player_EndCard_QuizAvailable.png (image/png)
Mobile_Player_EndCard_QuizAvailable.png (image/png)
2019.11.04-Wires_EndCard_Explorations_V2.png (image/png)
Endcard-Quiz-Backplate-2.png (image/png)
Endcard-Quiz-Backplate.png (image/png)
Endcard-Quiz-Backplate3.png (image/png)
Endcard-Quiz-BGImage4 .png (image/png)
In-Quiz-Meta-V1-Large.png (image/png)
In-Quiz-Meta-V1.png (image/png)
In-Quiz-Meta-V2.png (image/png)
2019.11.25 Highlight Options.png (image/png)