Challenge Summary
Welcome to "AppXpress - FAST!! Marathon Match Result Infographic Design Challenge". We are looking to create an infographic that will help to presented marathon match result from DNAs1 challenge. We are looking for your ideas to make it more visual and easy to understand. We are very excited to see your design!!
NOTE: This challenge will run FAST with only 48 Hours available for 1st round and 36 Hours for 2nd Round, Please be aware of the timeline!!
Project Overview
In this challenge, we need your help to create infographic visualization to presented Marathon match challenge result to our audience in an easy and eye catching ways. The Marathon match challenge currently still running in Marathon Match track and we will have the result in few hours from now. As part of the infographic creation, we will need to replace the content of your infographic with the real/accurate data from the challenge result in submission phase once the data comes out (For this challenge purpose, we will use challenge result from other Marathon match/dummy data). The infographic that you will design will be used as material to explain the marathon match result to our audience in online and offline events.
Your infographic should convey visually the result of marathon match challenge.
IMPORTANT - Design considerations!!
- These infographic will be used in various media (online and offline)!
- Looking for a infographic that is a combination of text and graphical representation.
- The graphics should convince or compel viewers to understand the result of marathon match.
- Infographic Size: We are open to your suggestions on what would look best in various media,, so feel free to use a size that you think match for various media
Challenge Goals
Produce two infographics images representing results of the DNAs1 Marathon : https://community.topcoder.com/longcontest/?module=ViewStandings&rd=16683
Main Features:
- The plots have to be representative and scientifically rigorous/details
- The plots should look good in presentation materials.
- We will provide accurate data for the plots on Monday May 8 or 9 and it has to be incorporated into the plots on final submissions.
User Flow:
- This infographic will be use for presentations, reports, and online.
Screen Requirements:
The following two images are requested:
1. The contest dynamics plot (Dynamics.jpg)
Will includes the following data:
- The timing and provisional scores of the submissions, with an emphasis on successful ones (that belong to leaders, have boosted the maximal scores, crossed important threshold...).
- The handles of the most successful competitors.
- The plot title
- The following contest quality levels:
-- "Benchmark" (current state of art)
-- "Acceptable Outcome" (Benchmark +5%)
-- "Highest Expectations" (Benchmark +50%) - the solution above it are, in fact, beyond expectable.
- The X-axis time scale will be 3 weeks, and Y axis score scale will be from 0 to ~2000000, with the current state of the art to be at ~950000
- We have attached a figure from different contest that represent the idea of the plot. I am seeking for better formats to represent this data. An accurate data for this plot, including submission handles, timing, scores, and threshold levels will be provided by the end of the weekend the latest.
2. The solution performance plot (Performance.jpg)
- The plot will include two dimensions:
–- the speed (the faster the better; 1 = benchmark), most of the solutions are expected to be faster - have numbers >1, some >>1 (I saw the numbers up to a 100), thus log-scale could be feasible;
–- and AuC (area under the curve, in percent), The solutions will range between 0 and 100, but the highest resolution is to be applied to the upper area of the range, especially the area between 90% and 100%.
- The plot should be in a consistent format with the plot 1, and represent the following data:
-- Medium test (one point per contestant, ~30 datapoints to show).
-- Large test (one point per contestant reached high score, ~10 points to show).
-- The benchmark for Medium-sized test (Speed = 1, AuC = 96%).
-- The benchmark for Large-sized test (Speed = 1, AuC = 91%).
-- The plot title
- We will have the accurate/final data available on Monday afternoon after the first test result of the challenge available (For an information, the marathon challenge still running and the result not yet comes out), so for now please design using dummy data first.
Additional design requirements:
- The Large-test datapoints to be shown to be more important than the Medium-test ones (Black vs Gray, for example?) – it is them to determine the contest outcome
- The benchmark dots are important – it is against them the submissions are competing. It should be visually clear which benchmark corresponds to Medium test submission points, and which – to the Large test ones.
- It is good to emphasize the large and medium-test dots, corresponding to the winner. It is great, if the large and medium-test dots from the same contestant (even, not the winner) can be visually connected.
- Include Harvard Crowd Innovation Lab and Broad logo somewhere in your design or If possible add them as part of the plot design elements.
- For the plots creation, please create it as rectangular instead of square with the same proportion as a computer screen or presentation slide, 8:5 ratio of length.
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
Documentation
- Screenshot.zip
- Logo.zip
Branding Guidelines
- Open to designers
References:
- Please follow good infographic design examples (please DO NOT COPY anything from these):
https://www.pinterest.com/bwalles/infographics/
Format Requirements:
- Desktop : 1280px width x 720px (height can be adjusted as necessary)
- Poster : 18' x 24' @ 300dpi (landscape or portrait)
Target Audience:
- Scientists, stakeholders, journalists
Judging Criteria:
We will be judging on:
- How well you represent / convey information in your infographic design.
- Cleanliness of your graphics and design
- How well it will translate across different media format
- Simplicity of design / strong, clear design concept
Submission and 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
All requested contest requirements/screens as JPG or PNG files at 300dpi.
Source Files
All original source files for the submitted design. Files should be created in Adobe Illustrator and saved as layered Ai file OR in Adobe Photoshop as a 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 and instructions
NOTE: This challenge will run FAST with only 48 Hours available for 1st round and 36 Hours for 2nd Round, Please be aware of the timeline!!
Round 1
Initial infographic design for client reviewRound 2
All requirements as stated in challenge details wtih client feedback appliedProject Overview
In this challenge, we need your help to create infographic visualization to presented Marathon match challenge result to our audience in an easy and eye catching ways. The Marathon match challenge currently still running in Marathon Match track and we will have the result in few hours from now. As part of the infographic creation, we will need to replace the content of your infographic with the real/accurate data from the challenge result in submission phase once the data comes out (For this challenge purpose, we will use challenge result from other Marathon match/dummy data). The infographic that you will design will be used as material to explain the marathon match result to our audience in online and offline events.
Your infographic should convey visually the result of marathon match challenge.
IMPORTANT - Design considerations!!
- These infographic will be used in various media (online and offline)!
- Looking for a infographic that is a combination of text and graphical representation.
- The graphics should convince or compel viewers to understand the result of marathon match.
- Infographic Size: We are open to your suggestions on what would look best in various media,, so feel free to use a size that you think match for various media
Challenge Goals
Produce two infographics images representing results of the DNAs1 Marathon : https://community.topcoder.com/longcontest/?module=ViewStandings&rd=16683
Main Features:
- The plots have to be representative and scientifically rigorous/details
- The plots should look good in presentation materials.
- We will provide accurate data for the plots on Monday May 8 or 9 and it has to be incorporated into the plots on final submissions.
User Flow:
- This infographic will be use for presentations, reports, and online.
Screen Requirements:
The following two images are requested:
1. The contest dynamics plot (Dynamics.jpg)
Will includes the following data:
- The timing and provisional scores of the submissions, with an emphasis on successful ones (that belong to leaders, have boosted the maximal scores, crossed important threshold...).
- The handles of the most successful competitors.
- The plot title
- The following contest quality levels:
-- "Benchmark" (current state of art)
-- "Acceptable Outcome" (Benchmark +5%)
-- "Highest Expectations" (Benchmark +50%) - the solution above it are, in fact, beyond expectable.
- The X-axis time scale will be 3 weeks, and Y axis score scale will be from 0 to ~2000000, with the current state of the art to be at ~950000
- We have attached a figure from different contest that represent the idea of the plot. I am seeking for better formats to represent this data. An accurate data for this plot, including submission handles, timing, scores, and threshold levels will be provided by the end of the weekend the latest.
2. The solution performance plot (Performance.jpg)
- The plot will include two dimensions:
–- the speed (the faster the better; 1 = benchmark), most of the solutions are expected to be faster - have numbers >1, some >>1 (I saw the numbers up to a 100), thus log-scale could be feasible;
–- and AuC (area under the curve, in percent), The solutions will range between 0 and 100, but the highest resolution is to be applied to the upper area of the range, especially the area between 90% and 100%.
- The plot should be in a consistent format with the plot 1, and represent the following data:
-- Medium test (one point per contestant, ~30 datapoints to show).
-- Large test (one point per contestant reached high score, ~10 points to show).
-- The benchmark for Medium-sized test (Speed = 1, AuC = 96%).
-- The benchmark for Large-sized test (Speed = 1, AuC = 91%).
-- The plot title
- We will have the accurate/final data available on Monday afternoon after the first test result of the challenge available (For an information, the marathon challenge still running and the result not yet comes out), so for now please design using dummy data first.
Additional design requirements:
- The Large-test datapoints to be shown to be more important than the Medium-test ones (Black vs Gray, for example?) – it is them to determine the contest outcome
- The benchmark dots are important – it is against them the submissions are competing. It should be visually clear which benchmark corresponds to Medium test submission points, and which – to the Large test ones.
- It is good to emphasize the large and medium-test dots, corresponding to the winner. It is great, if the large and medium-test dots from the same contestant (even, not the winner) can be visually connected.
- Include Harvard Crowd Innovation Lab and Broad logo somewhere in your design or If possible add them as part of the plot design elements.
- For the plots creation, please create it as rectangular instead of square with the same proportion as a computer screen or presentation slide, 8:5 ratio of length.
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
Documentation
- Screenshot.zip
- Logo.zip
Branding Guidelines
- Open to designers
References:
- Please follow good infographic design examples (please DO NOT COPY anything from these):
https://www.pinterest.com/bwalles/infographics/
Format Requirements:
- Desktop : 1280px width x 720px (height can be adjusted as necessary)
- Poster : 18' x 24' @ 300dpi (landscape or portrait)
Target Audience:
- Scientists, stakeholders, journalists
Judging Criteria:
We will be judging on:
- How well you represent / convey information in your infographic design.
- Cleanliness of your graphics and design
- How well it will translate across different media format
- Simplicity of design / strong, clear design concept
Submission and 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
All requested contest requirements/screens as JPG or PNG files at 300dpi.
Source Files
All original source files for the submitted design. Files should be created in Adobe Illustrator and saved as layered Ai file OR in Adobe Photoshop as a 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 and instructions
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.