Challenge Summary
Welcome to the Hercules NEW MyMedia Upload Flow Design Updates
For this design challenge, we need your help suggest us how upload flow look like within New MyMedia application based on spec guidelines explained below
Round 1
Your submitted design solution for client review:
1. Collections
2. Upload files
3. Upload Panel
Readme.jpg : contains your notes about your submission.
Make sure all pages have correct flow! Use correct file numbering.
Round 2
Final design + updates from checkpoint feedback:
1. Collections
2. Upload files
3. Upload Panel
Readme.jpg : contains your notes about your submission.
Make sure all pages have correct flow! Use correct file numbering.
Challenge Details
NEW MyMedia application will provide graphical representation of cloud-based storage system that let users to upload personal videos and photos from their mobile devices and play them back across a variety of platforms.
File Downloadables
Upload-Flow.zip (63Mb) - Storyboard as base design updates
new mymedia prototype.zip - Current UI Prototype
Screenshots-Design.zip - Old Upload Flow Design
Design Updates Requirements
- For this submission challenge you can submit how design flow work on “Desktop” layout only (Check “web-original size” folder)
- Challenge Winner will responsible to create Tablet and Mobile layout
- Feel free suggest any things that can improve the User Experience of current Upload Flow
- Refer Screenshots-Design.zip when you working on the updates, capture missing things based on old design.
- For this Challenge submission you need submit these following pages:
1. Collections Page
screenshot: 00-Defaults-new-collections.png
Page Scenario Flow
- User landed on Collections page
- They will have options to upload their video/pictures to their existing collection group or create new one.
- You need suggest us how the process should works.
Things Need Updated:
- No need show blue “Upload Files” button for empty collections
- All the upload process by clicking the menu button options on the top right of each collection, then choosing the target collection via a dropdown list. How you show the solution?
- Create a simple “upload” icon to the existing view options UI (i.e. the collapsed menu that appears on the right of each Collection name)
- We need update text instructions and typography (e.g. unnecessary capitalizations) on this page make it unclear as to what the user is being prompted to do (Screenshot: 01-Add-new-collections-01-Defaults)
- Modal Title need aligned with the “x” button.
Things Need Considered when you do the updates:
- How you show difference upload screen, when there’s no existing collections?
- Also how screen look if user can pick existing collections?
- We expected better layout/design/content etc. You need improve the User Experience and User Interface
- Feel free suggest us any things you think should added into Upload Flow
- Is modal windows is proper solution for upload flow?
- How this design anticipate numbers of uploaded files?
2. Upload files
screenshot: 01-Add-new-collections-04-Drag-and-drop-process
Things Need Updated:
- When user start upload the files, we need show clear steps that will educate user when they upload the files.
- How you show the flow when user start upload?
- This way, the user is guided through the process of choosing a file, adding tags, and then uploading their file as separate steps instead of having everything presented all at the same time.
Things Need Considered when you do the updates:
- Current Upload files flow show much empty space, optimize the design.
3. Upload Panel
screenshot: 02-Uploading-files-04-view-details-LIST
Things Need Updated:
- Instead of asking the user to take an action to reduce their upload modal, create the small upload area attached to the bottom of the screen should be the default view instead of the one that covers everything on the screen.
Things Need Considered when you do the updates:
- The modal view obscures the rest of the UI and stops the user from performing other actions. Even with broadband, large videos may take a few minutes to load.
We’re assuming that the user will want to continue using the site while their upload is in progress.
- Current Upload panel show much empty space, optimize the design.
Target User
- Hercules Customers
Judging Criteria
- How well you update New MyMedia Application Upload Files in storyboard screens.
- Cleanliness of your graphics and design.
- User Experience.
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
All Requested Challenge Submission Requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Adobe Illustrator and saved as layered PSD or 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.