Challenge Summary
Welcome to Disaster Management - Gamification iPad Design Challenge!
The scope of the project – “Disaster Management Game” is to design and build an iPAD gaming app for understanding disaster management during a tornado like event. The goal is to educate the users about the application of information technology in crisis and enhance the decision making abilities in case of such events.
- Your initial design ideas.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
- Your final design.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Description:
The final goal of this project is to design the screens for our game.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Game Context:
The game provides a simulation of a scenario where a town is affected by the disastrous events such as a tornado. The users of the game can access various resources (the scout team, money, ambulances, base camp, and hospitals) in order to rescue affected persons. This game also tracks and updates the various resources used during rescue operations.
User Flow:
When a disaster such as tornado strikes effective utilization of resources is critically important. Various important resources can be - availability of volunteers, ambulances, money, hospitals, and safe places to keep the affected persons. The users should have access to this information and be able to use the resources to take decisions and respond appropriately to help in the rescue operations for the affected people.
Required Screens:
1. App Icon:
- We need an app icon graphic and text for Vitality.
- Sizes 120x120, 180×180, 1024×1024.
- Show something that conveys the idea clearly and simply as an app icon.
2. Splash Screen:
- We need a background image for front page, please design one that matches the game theme and don’t use a stock photo for this purpose.
- Place a logo text. (Disaster Management Game)
- Loading status bar. Remains while game is loading.
- Should be consistent in appearance and use for both an icon and as a logo.
3. Dashboard:
- User will have a personalized welcome message.
- User can logout the game from this view.
- User ranking.
- Points gathered by user.
- View leaderboard link.
- Badges user earned.
- “Start Game” button.
4. HUD:
- This area holds the scoring and various elements like:
-- Status Score.
-- Game timer.
5. Game Characters:
- The Scout: It is a team of volunteers. You can add the volunteers during the game.
- The Vehicles: While the scout team searches, your vehicles (helicopter, ambulance, bus, and car) drive the wounded from the camp to the hospital. There should be some provision (it should have type of vehicle- ambulance, capacity to carry wounded, money needed, volunteers needed) where user can buy vehicles. They will automatically drive to the camp and grab the wounded
- The Camp: This is where your vehicles will pick up the wounded and take them to the hospital. Users can also build mobile hospital tents here for a price. There should be some provision in the game that can show the number of wounded at camp and patients at medic site
- The Hospital: Your vehicles will head to the hospital from the camp. Once they get to the hospital, there should be provision to show the new number of survivors. From here users can track of how many people he has saved.
- The Media: Media can be used to attract help. Users can spend money to bring volunteers or use volunteers to raise money. If users have shortage of money, they can take help of media. There should be some way so that users can have idea what you get, how much you get, what is the cost.
- Accessories: There should be some provision for accessories such as lights. Users should be able to buy lights and use up volunteers. Once built/implemented, most will give back the volunteers but not the money.
- The currency: This might be information provider to the users. Users can see how much money and volunteers are at their disposal. Users will get money and volunteers periodically. Also, if users are building anything, they can see it here.
- The Time: Keep an eye out on your time limit. Eight minutes will be time limit for the game. Save as many people as you can during this time.
6. App Tutorial Popup:
- Design an App Tutorial popup containing the following:
-- Explanation of game objective.
-- Explaining every game character mentioned in point 5.
-- In-game screen examples with text explaining how to play the game.
-- These can be scroll-through screens if you feel appropriate.
-- A “Close” button at the end.
7. Invision App:
- You need to present your work in invisionapp so the client can see the workflow you suggest.
- This should be included for round 1.
Design Considerations:
- The page layout should be intuitive and uncluttered.
- The graphics/cartoons should be modern and catchy.
- The designs should be readily scalable to different screen size and aspect ratios.
Screen Sizes:
- Tablet Resolution: Design for iPad Retina Display 2048px x 1536px.
-- Height can expand if needed, but scrolling should be minimal and avoided if possible.
Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance.
Target audience:
- High school students.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness and “catchiness” of your graphics and design.
- Educational and Fun experiences!
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, or Adobe Illustrator as a layered 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. We may ask you to update your design or graphics based on checkpoint feedback.
The scope of the project – “Disaster Management Game” is to design and build an iPAD gaming app for understanding disaster management during a tornado like event. The goal is to educate the users about the application of information technology in crisis and enhance the decision making abilities in case of such events.
Round 1
Submit your design for a Checkpoint feedback:- Your initial design ideas.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Final Design plus any Checkpoint feedback:- Your final design.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Description:
The final goal of this project is to design the screens for our game.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Game Context:
The game provides a simulation of a scenario where a town is affected by the disastrous events such as a tornado. The users of the game can access various resources (the scout team, money, ambulances, base camp, and hospitals) in order to rescue affected persons. This game also tracks and updates the various resources used during rescue operations.
User Flow:
When a disaster such as tornado strikes effective utilization of resources is critically important. Various important resources can be - availability of volunteers, ambulances, money, hospitals, and safe places to keep the affected persons. The users should have access to this information and be able to use the resources to take decisions and respond appropriately to help in the rescue operations for the affected people.
Required Screens:
1. App Icon:
- We need an app icon graphic and text for Vitality.
- Sizes 120x120, 180×180, 1024×1024.
- Show something that conveys the idea clearly and simply as an app icon.
2. Splash Screen:
- We need a background image for front page, please design one that matches the game theme and don’t use a stock photo for this purpose.
- Place a logo text. (Disaster Management Game)
- Loading status bar. Remains while game is loading.
- Should be consistent in appearance and use for both an icon and as a logo.
3. Dashboard:
- User will have a personalized welcome message.
- User can logout the game from this view.
- User ranking.
- Points gathered by user.
- View leaderboard link.
- Badges user earned.
- “Start Game” button.
4. HUD:
- This area holds the scoring and various elements like:
-- Status Score.
-- Game timer.
5. Game Characters:
- The Scout: It is a team of volunteers. You can add the volunteers during the game.
- The Vehicles: While the scout team searches, your vehicles (helicopter, ambulance, bus, and car) drive the wounded from the camp to the hospital. There should be some provision (it should have type of vehicle- ambulance, capacity to carry wounded, money needed, volunteers needed) where user can buy vehicles. They will automatically drive to the camp and grab the wounded
- The Camp: This is where your vehicles will pick up the wounded and take them to the hospital. Users can also build mobile hospital tents here for a price. There should be some provision in the game that can show the number of wounded at camp and patients at medic site
- The Hospital: Your vehicles will head to the hospital from the camp. Once they get to the hospital, there should be provision to show the new number of survivors. From here users can track of how many people he has saved.
- The Media: Media can be used to attract help. Users can spend money to bring volunteers or use volunteers to raise money. If users have shortage of money, they can take help of media. There should be some way so that users can have idea what you get, how much you get, what is the cost.
- Accessories: There should be some provision for accessories such as lights. Users should be able to buy lights and use up volunteers. Once built/implemented, most will give back the volunteers but not the money.
- The currency: This might be information provider to the users. Users can see how much money and volunteers are at their disposal. Users will get money and volunteers periodically. Also, if users are building anything, they can see it here.
- The Time: Keep an eye out on your time limit. Eight minutes will be time limit for the game. Save as many people as you can during this time.
6. App Tutorial Popup:
- Design an App Tutorial popup containing the following:
-- Explanation of game objective.
-- Explaining every game character mentioned in point 5.
-- In-game screen examples with text explaining how to play the game.
-- These can be scroll-through screens if you feel appropriate.
-- A “Close” button at the end.
7. Invision App:
- You need to present your work in invisionapp so the client can see the workflow you suggest.
- This should be included for round 1.
Design Considerations:
- The page layout should be intuitive and uncluttered.
- The graphics/cartoons should be modern and catchy.
- The designs should be readily scalable to different screen size and aspect ratios.
Screen Sizes:
- Tablet Resolution: Design for iPad Retina Display 2048px x 1536px.
-- Height can expand if needed, but scrolling should be minimal and avoided if possible.
Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance.
Target audience:
- High school students.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness and “catchiness” of your graphics and design.
- Educational and Fun experiences!
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, or Adobe Illustrator as a layered 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. We may ask you to update your design or graphics based on checkpoint feedback.
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.