Challenge Summary
Welcome to the Hercules Quantum X2 Storyboard Design Contest Part IV
We want improve our existing design for Hercules Quantum application, in this contest we need you get us the updated looks of some pages by follow our provided requirements and completed design as result of previous contest.
The application design must be clean and professional, easy-to-use where a user can navigate and use the features easily. This application need developed into wide range Front-End platforms: desktop, tablet and mobile devices.
Quantum X2 is Front End Application that let user can instantly watch TV shows and movies in HD on any TV or stream them on their computer, tablet, or smartphone.
Design Consideration:
- This application will be developed on Desktop/Mobile and Tablet devices (HTML5).
- We already get design theme on previous contest. You must make sure consistent design re-use/adjusted from that storyboard.
- Make sure all elements are designed to have a fluid layout, so it will support landscape and portrait layout.
- You just need submit "iPad" and "iPhone" format on landscape and portrait layout for submission format. Another versions will be task for contest winner.
- We provide X2_Saved_MobilePhase1_005.pdf as wireframe layout from client to help design our expected Quantum X2 design format.
- Format your submissions like this structures:
Desktop (1280 x 800)
- portrait
- landscape
- source
iPad (1024 x 768)
- portrait
- landscape
- source
iPhone (320 x 480)
- portrait
- landscape
- source
iPhone Retina (640 x 960)
- portrait
- landscape
- source
Design Problem:
Notes:
- Information below only introductions to guide you design the pages. Please read more details design problem on attached X2_Saved_MobilePhase1_005.pdf
Scheduled
X2_Saved_MobilePhase1_005.pdf / 51
- Page purpose to help users confirm what's scheduled to record, manage conflicts, and investigate failed recordings.
Required screens on this contest:
1). Scheduled :: Content Organization
X2_Saved_MobilePhase1_005.pdf / page 52
- "Take To Go" is an action that can be found when looking at the details for a recorded asset from both the Recent and Recordings sections. This action initiates the download flow.
Organizational Model
- All scheduled recordings are chunked by date
- The list is populated by assets that are scheduled to record and NOT rolled up under entities
- Some entities may have an important status notification indicating recording now status or a conflict
- The user must "select" the scheduled recording in order to see any further details or actions for it.
Sort Behavior
- No sorting options are offered
- Content is organized in chronological order based on date scheduled to record.
Filter Options
The user can navigate to additional aspects of their scheduled recordings
- All Scheduled (default): shows all in-progress and future, scheduled recordings regardless of whether there is a conflict or not
- Conflicts (#): shows all recordings that have failed within the last 7 days and all future recordings that will not record because of a conflict
Filter & Management Options
The user can navigate to additional aspects of their scheduled recordings
- Priority: opens a modal overlay allowing the user to move any series or auto record option up and down in priority.
- View Recording History: Drills into a view displaying all failed recordings in the last 14 days so the user can investigate why something didn't record
2). Scheduled :: Content Organization Tablet
X2_Saved_MobilePhase1_005.pdf / page 53
- Create separate screen show Unselected and Selected state
3). Scheduled :: Content Organization Phone
X2_Saved_MobilePhase1_005.pdf / page 54
- This screen also need create separate screen show Unselected and Selected state for iPhone version
- Notice the layout fits within small screen
4). Recordings :: Recording History
X2_Saved_MobilePhase1_005.pdf / page 55
- To access scheduled history, users will be able to use the "View Scheduled History" as a the last list row option in the scheduled list (Create this screen)
- Scheduled History allows users to investigate why a recording did not record in the last 14 days.
- Need button to go back to Recordings page
5). Scheduled :: Modify Scheduled Options :: One Time and Manual
X2_Saved_MobilePhase1_005.pdf / page 56
- All scheduled recordings have options the user can modify
- You need create modals flow for this task.
- Modals triggered when click actions button on Recording page
- Refer existing modal design
6). Scheduled :: Modify Scheduled Options :: Series
X2_Saved_MobilePhase1_005.pdf / page 57
- All scheduled and completed recordings have options the user can modify
- Refer existing modal design
7). Scheduled :: Modify Scheduled Options :: Auto-Record
X2_Saved_MobilePhase1_005.pdf / page 58
- All scheduled and completed recordings have options the user can modify
- Refer existing modal design
8). Scheduled :: Cancel a Scheduled Recording
X2_Saved_MobilePhase1_005.pdf / page 59
- All scheduled and in-progress recordings can be canceled
- Refer existing modal design
9). Scheduled :: Resolve One-Time Conflicts
X2_Saved_MobilePhase1_005.pdf / page 60
- Options to resolve conflicts will also appear in the context of the modal overlay
- Only show existing recordings that can be canceled to set the new recording. Don't show options that require the user to cancel more than 1 program to free up the tuner allocation in the scheduler.
- How your design show Conflict status on Recording History page?
- Mimic existing modal windows style
10). Scheduled :: Resolve Series Conflicts
X2_Saved_MobilePhase1_005.pdf / page 61
- Create screen that will alert user with Passive Notification
- See the flow needed to resolve the conflict
-- Alerting with Passive Notification
-- Review Conflict in Modal Overlay
-- Modify Recordings
11). Scheduled :: Empty State - Never had a schedule
X2_Saved_MobilePhase1_005.pdf / page 62
- Create new screen/graphic that will show account has never scheduled any DVR recordings
- How you design gallery poster that will display entity title and action to "Record" that would option dialogue of the appropriate recording options
12). Scheduled :: Empty State - Nothing scheduled in next 14 days
X2_Saved_MobilePhase1_005.pdf / page 63
- Display if user does not have scheduled recordings in the next 14 days
Branding Guideline
Design theme must match with completed Hercules Quantum X2 Design on Previous contest (Download from these links)
- Part-1
- Part-2
- Part-3
Target Audience
- Hercules Existing Consumer
- Hercules Potential Consumer
Judging Criteria
- Cleanliness of page layout and all UI elements in every page.
- Boost user Experience of the application.
- Responsive Web Design solution on Desktop/Tablet/Mobile device
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file or any source graphics you created in Adobe Illustrator and saved as AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.