Challenge Summary
Welcome to the CS-STEM iPhone App Storyboard contest. For this contest we want you to create a storyboard that is intended for an iPhone application.
The DARPA CS-STEM project an internet platform for helping middle school and high school students (13-18 year old demographic) develop an interest in the S.T.E.M. fields. The platform features contests, activities, prizes and web-based entertainment shows designed to get students engaged.
For more information about the project, please visit the following pages:
Main DARPA CS-STEM page | DARPA CS-STEM blogs | DARPA CS-STEM general forums
Round 1
1) All mentioned screens in 640 × 960 resolution (iPhone 4 and iPod with Retina display) for both orientation (portrait and landscape layout)
2) Any note for the client about your submission
Round 2
1) All required screens mentioned in the Requirements section
2) Any note for the client about your submission
Primary Goal & Design Considerations
For this contest, your task is to create a version of NoNameSite.com login, registration, and public profile pages for an iPhone application.
You need to design the screens for iPhone Application in both orientations (Portrait and Landscape). You will also need to design each of the required screens in TWO (2) sizes:
- 320 × 480 (iPhone/iPod touch)
- 640 × 960 (iPhone 4 and iPod with Retina display).
You are expected to produce both sizes independently - ie do not just shrink the graphics from the larger size to the smaller size, unless there is NO perceivable loss of image quality.
You can find an excellent resources here - iPhone templates (you may find these very useful, but do NOT submit your designs in these templates):
iPhone 4 Retina Display (640 × 960) http://www.teehanlax.com/blog/2010/08/12/iphone-4-gui-psd-retina-display/
iPhone 3/4 Display (320 × 480) http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/
For this contest, we our looking for Native iOS GUI
Requirements
1) A login screen, this screen should have the following fields and elements
- Handle/Username
- Password
- Login button
- Forgot Password
- Register
2) A public profile screen or screens
- similar to what we already have
- check the wireframe Student-Public_Profile page for the details
3) A registration screen or screens
- this will have the same content the current screen does
- you need to show the following pages Validation Error, Register Successful, Activate Your Account, and Child Assent page.
- please see wireframe Student-Register process for details
Target Audience
- middle school and high school students (13-18 year old demographic)
Judging Criteria
- Use of iOS standard (http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html)
- How well the graphics translate from the site to the phone - that it's a good representation of the brand.
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 or Illustrator (or equivalent) and saved as layered PSD/AI files.
Final Fixes
As part of the final fixes phase
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.