Challenge Summary
Welcome to the Styx Tablet Video Playback Wireframe contest, the objective of this contest is to create the HTML wireframe of a Video Playback Application of Styx for tablet devices. Styx provides enterprise solutions for video monitoring, they produces many hardware products for video surveillance inside and outside homes, buildings, and offices. The Tablet Video Playback Application purpose is to provide a remote video monitoring on tablet devices.
We are looking for a process flow and layout design of the pages mentioned below that are part of the whole application. This application must be user friendly, intuitive, and easy to use.
NOTE: This contest will be run as a private competition. This means all documentation and forum discussion will be private and only available to members who have signed a CCA.
Round 1
1) Intial wireframe of all the features mentioned in the Requirement section
2) Any note for the client about your submission
Round 2
1) Final wireframe submission with all the features mentioned in the Requirement section
2) Any note for the client about your submission
Primary Goal & Design Considerations
For this contest, you will create the HTML wireframe pages of the Tablet Video Playback application with the features outlined below and on the conceptualization document. The target devices of this application are Apple iOS (iPad) and Google Android tablets. This application will be ultimately built using the PhoneGap mobile framework.
You will be given a Conceptualization document as a reference and guidelines.
Requirements
- Video/Camera Selection
- easy access to the new cameras through DVR/NVR devices, this will be a 2 level process; first select a device then a camera within a device.
- there should be a selection of available video streams
- allow bookmarking or tagging of selected configured videos that can serve as named templates for the purpose of quick retrieval, viewing, and switching to view video streams. - Full Screen Monitoring
- this is for remote live monitoring of single video stream
- it should have the ability to control the PTZ (pan, tilt, and zoom) and change the video brightness.
- ability to take still pictures - Multiple Screen Monitoring
- multiple simultaneous video streams from all the devices and cameras
- no need to simultaneously control multiple cameras PTZ and brightness
- should show 8 video streams and they should be configurable
- ability to take still pictures from any displayed video stream, and have a screen to easily list these captured images for viewing
- use the maximum area for the video and very minimal for remaining text (camera name etc.) on the screen. - Settings/Configurations
- selection of preferred language
- allow video grid configuration for viewing multiple video streams
- easy configuration for showing related video streams - User Credentials
- allow locking or prevent access to the application by user credentials
All of the required features have additional explanation in section "4.4 Task Requirements" of the provided conceptualization document.
Target Audience
- mobile security professionals
Judging Criteria
Your submission will be judged on the following criteria:
- User Experience
- Completeness and accuracy of the wireframe as defined in the attached requirements.
- How well your wireframes provide a consistent user flow
- How well you implement the required data and any suggestions, interactions and user flow you recommend (provide any notes or comments for the client)
Submission & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Generated HTML files with all the requested contest requirements stated above.
Source Files
Wireframes should be built in Axure. The resulting files should have generated HTML files. Also, all the content must be listed and the pages are linked together to show page flow.
Final Fixes
As part of the Final Fix phase, you may be asked to remove, update, or change some features of the wireframe.
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.