Challenge Summary
Welcome to the “UNAIDS - GARPR Dashboard Design Concepts Challenge” In this challenge, we are looking to design an all new GARPR Dashboard visualization application. The Global AIDS Response Progress Reporting (GARPR) system is the main global online tool for country reporting of data about the AIDS response. It is used by all countries worldwide to report their data on the AIDS response. The current GARPR system is comprehensive but does not have the ability to present information and data in a very meaningful way. This project is focused on designing a new “dashboard experience” that will support viewing of AIDS response data, allow analysis and visualization of key information, and ideally reduce data entry errors and data entry effort of data clerks.
1. Homepage - aka Main Dashboard (Desktop and Mobile)
2. Indicator / Topic Visualization Detail Page (one topic)
3. Settings / My Profile Page
As part of your checkpoint submission upload your submission to InvisionApp so we can provide direct feedback on your designs. Make sure to include a URL/Link to your design within your "notes.txt".
- If you need an Invision Project, please request one from adroc@topcoder.com
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
1. Homepage (aka Main Dashboard)
2. Indicator / Topic Visualization Detail Page (one indicator / topic)
3. Settings / My Profile Page
4. Publication Pages:
- Demonstrate how rapporteurs will extract the information for slide decks and presentations
5. Narrative Explanation Page
6. Offline Home and Indicator / Topics Pages
7. Show the flow of the dashboard - both desktop and mobile.
As part of your final submission upload your submission to Invision or Marvel App so we can provide direct feedback on your designs. Make sure to include a URL/Link to your design within your "notes.txt".
- If you need an Invision Project, please request one from adroc@topcoder.com
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
The goal of this challenge is to create visual design concepts for the UNAIDS GARPR Visual Dashboard based on the functionality listed below. In simple terms, the vision we are looking to create is the “Online Tax Preparation Software” equivalent for HIV monitoring & evaluation - to make the process of data entry and visualization easy, fun and productive, while the backend accounts for the formal indicators in the response and is updated on a yearly basis, just as the detailed tax code is updated yearly. This is the first step - creating a visualization dashboard allowing the analysis of key data and trends to enable the National AIDS Council (NAC) and national rapporteur in each country to use their data rapidly to influence policy and programmes.
We want unique and new concepts so we encourage only using the sketches and screenshots of existing exhibits for guidance only. It is critical that the visual clues & overall navigation theme be consistent across the entire application. Please review the attached User Experience Requirements and the Requirements Summary documents for a detailed explanation of the GARPR Dashboard requirements and vision. We are looking for desktop and mobile views of the new dashboard.
The Global AIDS Response Progress Reporting (GARPR) system is the core, global online tool for country reporting of data about the AIDS response. GARPR has been in production for 4 years, with the 2015 version bringing a robust and responsive platform for data entry and the 2016 (current) version providing the tools for the latest indicator set. Each new version of GARPR has focused on ensuring reporting against an up to date, comprehensive set of indicators and on improving the speed and performance of the core tool for data entry. For 2017, an update to the core platform to reflect the new indicators is required, in addition to the visualization capability described below that is required for the national rapporteurs.
Options that will need to be considered based on the UX design and specification will be whether to develop custom tools, or whether an existing data visualization suite would be a better platform issues to consider will be overall speed to deliver the product, lowest possible maintenance requirements and whether there is an ongoing licensing requirement for the tool.
Suggested Screens:
Competitors are encouraged envision the dashboard and add or modify the suggested screens as necessary. In simple terms, don’t limit your submissions to the screens below and / or feel free to change or modify the screens as your design requires.
Home Page
- Default view of the ten (10) key indicators / topics
- Links to My Account / Settings
- Ability to detail each insight / topic
Indicator / Topic Details Page
- Details of the relevant indicator / topic
- Includes the 3 key axis points: resources/inputs, process/outputs, outcome/impact
- Explanatory narrative and publish options as well as other substantive data points are encouraged in this view
My Account / Settings Page
- Account profile manage with link to GARPR with single sign on (SSO) integration assumptions
- Additional settings and features
- National rapporteurs resume page, links to social channels and networks, etc...
Narrative Explanation Page
- Narrative input & management by indicator / topic
- Publish view & settings
- Could support links to supporting narrative documentation, research, substantive data points, reports, etc...
Publish Results Page
- Publish report results main page
- Ability to publish entire report, selected indicators/topics or specific topics
- Format choices, links to google, Microsoft, Pages and other relevant publishing applications. Be creative here. Helping the rapporteurs communicate the story of each indicator/topic is critical to the success of the dashboard.
Offline Home Page
- How will the dashboard perform where internet connections are weak or absent?
- What functionality can be utilized in a connectivity situations?
- A reduced subset of features and functionality should be assumed - show how the dashboard would look and perform with weak or absent internet connections.
Offline Indicator / Topics Details Page
- Similar to home page view in weak or absent internet connection mode.
- How will the functionality of the indicator/topics detail page be handled with weak or absent internet connections?
- Be creative, access to the data and visualizations in these situations are crucial.
Keep all screens consistent and make it easy for the client to visualize how the rapporteurs will navigate within the application.
Ten (10) Core Indicators / Topics:
Please review the GARPR Guidelines for detailed information regarding the top indicators and topics. This document is informational only - it is intended to give you an idea of what GARPR is and the types of data collected for each indicator type. This is NOT a requirements document.
1) HIV prevention among general population
2) Key populations
3) Prevention of mother-to-child transmission (PMTCT)
4) Treatment
5) AIDS Spending
6) Gender
7) Stigma and discrimination
8) Travel restrictions
9) Health systems integration
10) HIV and other diseases
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
- Focus on the user experience! Focus on the navigation experience. Keeping consistent visual elements.
Screen Sizes:
- Please consider responsiveness while designing your solution.
- Desktop Size: 1280px width and height as required.
- Mobile Portrait Retina: 750px x 1334px
- The dashboards will need to run on a desktop and mobile (phone).
- Make sure you create graphic in 'shape' format, so when we resize graphics everything will still look sharp!
Branding/Colors:
- See the UNAIDS branding guidelines.
- The client is interested in new and model design and therefore will be open to some variations to the brand guidelines, but only where it clearly aids in the user engagement & experience of the dashboard application. The designer should provide a rationale for deviating from the brand guidelines.
Supporting Documents:
See the attached files section of the challenge and/or follow links to relevant google files. The following documents have been provided for review:
- GARPR 2017 redesign - User Experience Requirements (specific for the community) - this document contains the overall user experience requirements, user stories, personas, examples etc...
- GARPR Dashboard Requirements Summary - this document's purpose is to summarize the requirements found in the user experience document above. This represents the core requirements described in the user experience requirements.
- GARPR Country Specific Reporting Example (ZAF-2014.pdf)
Target Audience:
National rapporteurs and personas described in User Experience Requirements in the Annex 2 section.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Overall design, UI and user experience.
- Consistency across the UX/UI
- How well you interpret the example screens and requirements and show us compelling ideas and concepts.
- Meeting of the functional and nonfunctional requirements -- this tool needs to be visually appealing, yet be designed to function in low- and middle-income countries with poor and sporadic internet and 3G connectivity.
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 Desktop PNG/JPG Screens. PSD source 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.
Round 1
Submit your initial design for a checkpoint feedback:1. Homepage - aka Main Dashboard (Desktop and Mobile)
2. Indicator / Topic Visualization Detail Page (one topic)
3. Settings / My Profile Page
As part of your checkpoint submission upload your submission to InvisionApp so we can provide direct feedback on your designs. Make sure to include a URL/Link to your design within your "notes.txt".
- If you need an Invision Project, please request one from adroc@topcoder.com
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Round 2
Final design plus checkpoint feedback:1. Homepage (aka Main Dashboard)
2. Indicator / Topic Visualization Detail Page (one indicator / topic)
3. Settings / My Profile Page
4. Publication Pages:
- Demonstrate how rapporteurs will extract the information for slide decks and presentations
5. Narrative Explanation Page
6. Offline Home and Indicator / Topics Pages
7. Show the flow of the dashboard - both desktop and mobile.
As part of your final submission upload your submission to Invision or Marvel App so we can provide direct feedback on your designs. Make sure to include a URL/Link to your design within your "notes.txt".
- If you need an Invision Project, please request one from adroc@topcoder.com
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
The goal of this challenge is to create visual design concepts for the UNAIDS GARPR Visual Dashboard based on the functionality listed below. In simple terms, the vision we are looking to create is the “Online Tax Preparation Software” equivalent for HIV monitoring & evaluation - to make the process of data entry and visualization easy, fun and productive, while the backend accounts for the formal indicators in the response and is updated on a yearly basis, just as the detailed tax code is updated yearly. This is the first step - creating a visualization dashboard allowing the analysis of key data and trends to enable the National AIDS Council (NAC) and national rapporteur in each country to use their data rapidly to influence policy and programmes.
We want unique and new concepts so we encourage only using the sketches and screenshots of existing exhibits for guidance only. It is critical that the visual clues & overall navigation theme be consistent across the entire application. Please review the attached User Experience Requirements and the Requirements Summary documents for a detailed explanation of the GARPR Dashboard requirements and vision. We are looking for desktop and mobile views of the new dashboard.
The Global AIDS Response Progress Reporting (GARPR) system is the core, global online tool for country reporting of data about the AIDS response. GARPR has been in production for 4 years, with the 2015 version bringing a robust and responsive platform for data entry and the 2016 (current) version providing the tools for the latest indicator set. Each new version of GARPR has focused on ensuring reporting against an up to date, comprehensive set of indicators and on improving the speed and performance of the core tool for data entry. For 2017, an update to the core platform to reflect the new indicators is required, in addition to the visualization capability described below that is required for the national rapporteurs.
Options that will need to be considered based on the UX design and specification will be whether to develop custom tools, or whether an existing data visualization suite would be a better platform issues to consider will be overall speed to deliver the product, lowest possible maintenance requirements and whether there is an ongoing licensing requirement for the tool.
Suggested Screens:
Competitors are encouraged envision the dashboard and add or modify the suggested screens as necessary. In simple terms, don’t limit your submissions to the screens below and / or feel free to change or modify the screens as your design requires.
Home Page
- Default view of the ten (10) key indicators / topics
- Links to My Account / Settings
- Ability to detail each insight / topic
Indicator / Topic Details Page
- Details of the relevant indicator / topic
- Includes the 3 key axis points: resources/inputs, process/outputs, outcome/impact
- Explanatory narrative and publish options as well as other substantive data points are encouraged in this view
My Account / Settings Page
- Account profile manage with link to GARPR with single sign on (SSO) integration assumptions
- Additional settings and features
- National rapporteurs resume page, links to social channels and networks, etc...
Narrative Explanation Page
- Narrative input & management by indicator / topic
- Publish view & settings
- Could support links to supporting narrative documentation, research, substantive data points, reports, etc...
Publish Results Page
- Publish report results main page
- Ability to publish entire report, selected indicators/topics or specific topics
- Format choices, links to google, Microsoft, Pages and other relevant publishing applications. Be creative here. Helping the rapporteurs communicate the story of each indicator/topic is critical to the success of the dashboard.
Offline Home Page
- How will the dashboard perform where internet connections are weak or absent?
- What functionality can be utilized in a connectivity situations?
- A reduced subset of features and functionality should be assumed - show how the dashboard would look and perform with weak or absent internet connections.
Offline Indicator / Topics Details Page
- Similar to home page view in weak or absent internet connection mode.
- How will the functionality of the indicator/topics detail page be handled with weak or absent internet connections?
- Be creative, access to the data and visualizations in these situations are crucial.
Keep all screens consistent and make it easy for the client to visualize how the rapporteurs will navigate within the application.
Ten (10) Core Indicators / Topics:
Please review the GARPR Guidelines for detailed information regarding the top indicators and topics. This document is informational only - it is intended to give you an idea of what GARPR is and the types of data collected for each indicator type. This is NOT a requirements document.
1) HIV prevention among general population
2) Key populations
3) Prevention of mother-to-child transmission (PMTCT)
4) Treatment
5) AIDS Spending
6) Gender
7) Stigma and discrimination
8) Travel restrictions
9) Health systems integration
10) HIV and other diseases
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
- Focus on the user experience! Focus on the navigation experience. Keeping consistent visual elements.
Screen Sizes:
- Please consider responsiveness while designing your solution.
- Desktop Size: 1280px width and height as required.
- Mobile Portrait Retina: 750px x 1334px
- The dashboards will need to run on a desktop and mobile (phone).
- Make sure you create graphic in 'shape' format, so when we resize graphics everything will still look sharp!
Branding/Colors:
- See the UNAIDS branding guidelines.
- The client is interested in new and model design and therefore will be open to some variations to the brand guidelines, but only where it clearly aids in the user engagement & experience of the dashboard application. The designer should provide a rationale for deviating from the brand guidelines.
Supporting Documents:
See the attached files section of the challenge and/or follow links to relevant google files. The following documents have been provided for review:
- GARPR 2017 redesign - User Experience Requirements (specific for the community) - this document contains the overall user experience requirements, user stories, personas, examples etc...
- GARPR Dashboard Requirements Summary - this document's purpose is to summarize the requirements found in the user experience document above. This represents the core requirements described in the user experience requirements.
- GARPR Country Specific Reporting Example (ZAF-2014.pdf)
Target Audience:
National rapporteurs and personas described in User Experience Requirements in the Annex 2 section.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Overall design, UI and user experience.
- Consistency across the UX/UI
- How well you interpret the example screens and requirements and show us compelling ideas and concepts.
- Meeting of the functional and nonfunctional requirements -- this tool needs to be visually appealing, yet be designed to function in low- and middle-income countries with poor and sporadic internet and 3G connectivity.
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 Desktop PNG/JPG Screens. PSD source 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.