Challenge Summary
Welcome to the Part 2 of Styx Video Surveillance iPad App Screen Storyboard contest. This iPad application is intended for a mobile viewing of video surveillance and a way of alerting the users. This will be the first phase of building the look and feel of an iPad Application.
We need to have designs for the remaining screen of an iPad App based on the provided storyboard and with features outlined below.
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.
We need to have designs for the remaining screen of an iPad App based on the provided storyboard and with features outlined below.
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.
This will be run as a Single Round Contest
Primary Goal & Design Considerations
For this contest, you will create the remaining screens of the provided wireframe for Video Surveillance System outlined below. The target platform of this application will be the Apple iPad.
We are interested in ideas on how to display the content effectively that will be easy to navigate on an iPad and with accordance with iOS standard.
You will be given Storyboard for the look and feel of your new screens and HTML wireframes for the screens outlined below. You should think about iPad interactions, any functionality should needs to be represented in your designs. We are also open to new ideas you might have.
General Guideline:
* iOS Standards:
- We are looking for a iOS standards, the app should use as the native/iOS User Gestures
- Use standard Buttons like back, delete, and cancel. Use the red button color ONLY if you need to provide a button that performs a potentially destructive action like delete.
- Badge like the red notifications circle should be standard as well, avoid using the arrow icon that looks like the recycle icon
- Use of standard search field for all the text entry field with the "x" to clear the field regular text fields
- Main Menu/Device List should be standard Popover
- It is critical that your design takes advantage of user gestures - multi-touch, swipe, pinch, grab, tapping, etc. Please clearly document how you intend users to physically interact with your interface.
- For guidelines on iOS standard, please refer to this page (http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html)
* Size:
- iPad 2 - 1024-by-768-pixel resolution at 132 pixels per inch (ppi)
Requirements
You will be updating / designing the following screens.
Adjustments on the Existing Screens
1) Remove the orange color from all the screen and change it to the default iPad colors
2) 15 Full Screen Recorded.png
- Remove the camera image on this screen
3) 03 Device List.png
- the thumbnail image place holders should be replaced in this screen with the icons for a fixed or pzt camera image.
4) Video Controllers (e.g 08 Events-Record Button.png)
- the video controllers should look more like the standard video controls that are on the ipad when you watch a movie
5) 17 Finger Gesture Navigation Info.png
- the hand gestures does not need to be on the bottom corner or the right edge of the screen to move the camera up or down or left/right. the single finger gesture should work anywhere on the screen.
New Screens
1) Create the Landscape screen version of all the Portrait screens
Target Audience
- mobile security professionals
Judging Criteria
- Cleanliness of your graphics and design
- User Experience
- Use of iOS Standards
- Branding
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
All Requested Contest Requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop, Adobe Illustrator or equivalent, and saved as VECTOR layered format.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics, images (sizes or colors) or modify overall colors.
For this contest, you will create the remaining screens of the provided wireframe for Video Surveillance System outlined below. The target platform of this application will be the Apple iPad.
We are interested in ideas on how to display the content effectively that will be easy to navigate on an iPad and with accordance with iOS standard.
You will be given Storyboard for the look and feel of your new screens and HTML wireframes for the screens outlined below. You should think about iPad interactions, any functionality should needs to be represented in your designs. We are also open to new ideas you might have.
General Guideline:
* iOS Standards:
- We are looking for a iOS standards, the app should use as the native/iOS User Gestures
- Use standard Buttons like back, delete, and cancel. Use the red button color ONLY if you need to provide a button that performs a potentially destructive action like delete.
- Badge like the red notifications circle should be standard as well, avoid using the arrow icon that looks like the recycle icon
- Use of standard search field for all the text entry field with the "x" to clear the field regular text fields
- Main Menu/Device List should be standard Popover
- It is critical that your design takes advantage of user gestures - multi-touch, swipe, pinch, grab, tapping, etc. Please clearly document how you intend users to physically interact with your interface.
- For guidelines on iOS standard, please refer to this page (http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html)
* Size:
- iPad 2 - 1024-by-768-pixel resolution at 132 pixels per inch (ppi)
Requirements
You will be updating / designing the following screens.
Adjustments on the Existing Screens
1) Remove the orange color from all the screen and change it to the default iPad colors
2) 15 Full Screen Recorded.png
- Remove the camera image on this screen
3) 03 Device List.png
- the thumbnail image place holders should be replaced in this screen with the icons for a fixed or pzt camera image.
4) Video Controllers (e.g 08 Events-Record Button.png)
- the video controllers should look more like the standard video controls that are on the ipad when you watch a movie
5) 17 Finger Gesture Navigation Info.png
- the hand gestures does not need to be on the bottom corner or the right edge of the screen to move the camera up or down or left/right. the single finger gesture should work anywhere on the screen.
New Screens
1) Create the Landscape screen version of all the Portrait screens
Target Audience
- mobile security professionals
Judging Criteria
- Cleanliness of your graphics and design
- User Experience
- Use of iOS Standards
- Branding
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
All Requested Contest Requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop, Adobe Illustrator or equivalent, and saved as VECTOR layered format.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics, images (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.