USA Diving Team iOS Challenge Series - C3 - [Swiftoberfest]

Welcome to the USA Diving Team iOS Challenge Series - C3 - [Swiftoberfest] challenge.

This is the third in a series of challenges to design and build an iPad application that will allow the USA Diving team to track the performance of divers as they prepare for official diving events and Olympic trials. Closely monitoring the day-to-day well-being and performance of divers in training will allow coaches and physicians to adjust individual training programs, for improved results.

Good luck on this challenge!

Round 1

Submit your initial design concepts storyboards for the Checkpoint:

1. DASHBOARD VIEW 1 - Default
2. DASHBOARD VIEW 2 - Add/Edit Note
4. DIVER PIN - ALT VIEW

- Notes.jpg: Please include any comments about your design for the Client
- Make sure all pages have a logical flow / Use correct file numbering (00, 01, 02, 03)

Round 2

Your final storyboard designs, based on the provided R1 winning design concept(s) / PSD(s), with all Checkpoint Feedback implemented.

1. DASHBOARD VIEW 1 - Default
2. DASHBOARD VIEW 2 - Add/Edit Note
3. DASHBOARD VIEW 3 - Edit Profile
4. DIVER PIN - ALT VIEW
5. DIVER PIN - ALT VIEW - MODAL
6. STYLE GUIDE (UPDATED)

- Notes.jpg: Please include any comments about your design for the Client
- Make sure all pages have a logical flow / Use correct file numbering (00, 01, 02, 03)

DESIGN NOTE: If you do not have the fonts used in the existing storyboards, use Helvetica family fonts that you own, which match closely.

Design Considerations:
You must create a NEW PSD source file called “Dashboard” and it will contain your screens as labeled “groups”. You may use the existing source file as your base (just rename and then delete the existing groups -  leaving only your own groups for these new screens, when done).

Do NOT use Artboards - Use a single PSD storyboard for each unique “page” plus it’s related alternate views/popups etc.
- Adobe Illustrator (AI) source files are not allowed.
- Logically group all PSD source file layers AND label both your individual layers and groups logically.

Review the IOS Human Interface Guide for consideration:
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html#//apple_ref/doc/uid/TP40006556-CH66-SW1

Familiarize yourself with the USA Diving organization!:
http://www.usadiving.org/

Included R1 Assets:
- Approved Screens (PNG) and Source file (PSD)
- Style Guide (PSD)

Design Size:
2048 px wide by 1536 px tall at 72dpi. Please do not show an iPad device frame in your screens or source (content area only).

Required Screens:
1. DASHBOARD VIEW 1 - Default
Currently a blank placeholder, we need to add content for this screen. This screen is where the coach reviews data for each of his divers.

Navi Element
User will choose the diver to view data for, first. Note that in some instances there would only be a single diver, but on others there may be up to 6 divers, so design it in a way that works for either case! Show 4 divers for our example.

For each diver, show the circle profile photo and name. Show one diver as selected.

Main Content Element
For the selected diver there will be two main options for viewing content: “Overall Performance” and “Training Sessions”. For this screen, show “Training Sessions” as selected.
Note: There should also be an option somewhere for “Profile”, which would launch the existing “profile” modal over this screen, so that the coach could edit the diver’s profile.

Show an option to select which month to view  - show that the user has selected “November”
Show an option to select which year tor view  - show that the user has selected “2015”

Note: There are about 12 sessions per month, so November would probably have around 20 training session tiles (4-5 per week).

For each training session, show:
- Date/time of session -for example: Saturday (or Sat) November (or Nov) 2015, 8:00 AM .
- # of Dives (show a number, between 10 and 40 - example: 16)  - this number will act as a link to view details for each dive.
- Icon for video (not all sessions will have a video so use opacity or color to indicate that some sessions have one for the related session, but some do not)
- Icon for health survey (not all sessions will have a healthy survey so use opacity or color to indicate that some sessions have one for the related session, but some do not)
- Icon for notes (not all sessions will have a note so use opacity or color to indicate that some sessions have one for the related session, but some do not)

For one of the training sessions in November, show the user has tapped on the number of dives and show this session as “open” to display the dives. For each dive, show:
- Dive Number (or just “dive” - use “D1679”
- Board Height (or just “height”) - use 1M, 3M, 5M, 7.5M or 10M
- Dive Rating (or just “rating”) - use any whole number between 1-10 (ex: 6) OR any half number between 1-10 (ex: 5.5)

2. DASHBOARD VIEW 2 - Add/Edit Note:
For this screen, show the user has tapped on a note and a not field has popped up where he can add or edit it. No matter where he tapped on an icon, the note modal will appear near the top of the screen, so that the keyboard fits below it.
- show the modal title as “Training session note”
- show that the user has typed a sentence of lorem, and the curse is ready for more
- show the apple keyboard as up/visible
- show buttons for “cancel / save”

3. DASHBOARD VIEW 3 - Edit Profile:
For this screen, show the user has tapped on a profile icon, and the profile screen is now visible over the other content. Use the existing profile form (take from provided PSDs), but with the dashboard under it (like a modal)

4. DIVER PIN - ALT VIEW:
We need an alternate version of this existing screens, which contains this content, rather than the current pin entry element:
- Eight diver elements, which the user can tap to login that diver (alternate option to entering diver pin)
— each diver element should be a photo (style is circle with white border - see diver photo a the top left corner of screens in set 4) and the name of the diver under it. Do NOT include the diver pin number.
- Please leave the “end training session” button on the screen

Show one diver as selected (i.e. on tap state change, before going to next screen)

5. DIVER PIN - ALT VIEW - MODAL:
We need a modal over your new diver pin screen, showing the following message:
- modal title: “Remember to sync!”
- message: “Do you want to sync your training session data now?”
- buttons: no (in “cancel” style) / yes (primary button style)

6. STYLE GUIDE (UPDATED):
We are providing the style guide for this project. IF you add or change any existing styles, you must update the style guide to reflect the changes.

Target Audience:
- US located / English speaking college students (divers), college coaches and physicians.

Judging Criteria:
- Completeness (design includes all required elements).
- Cohesiveness (how well all elements work together seamlessly with the existing screens).
- Cleanliness (successfully engage users in a simple way / ease-of use).
- Modernness (how well your elements fit with the current IOS UI styles).
- UI Best Practice (how well your elements follow the IOS Human Interface Guide).
- Source File Best Practice (how well your PSD source files are labeled and organized).

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.

Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.