Challenge Summary
Welcome to Health Department Responsive Dashboard Design Concepts Challenge.
In this challenge, we are looking for topcoder community’s help in designing an interactive dashboard that will allow users to create visual stories / reports of healthcare data and shows data in a clear and interactive way, we are looking for the best way to visualize them.
At the end of this challenge, we would like to have an interactive dashboard visualization that satisfies all the requirements mentioned below.
Round 1
Submit your initial designs for Checkpoint Feedback
02 Claims Dashboard (Desktop)
You must upload your submission to MarvelApp so we can provide direct feedback on your designs.
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Please note any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Your Final designs for all the required designs with all Checkpoint Feedback implemented.
01 Landing Page (Desktop)
02 Claims Dashboard (Desktop + Mobile)
03 Pharmacy Dashboard (Desktop)
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Please note any comments about your design for the Client
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Please go through the existing problem and the solution we are expecting on how we visualize the dashboards
Problem:
- Existing dashboards looks not so appealing
- Currently we can see bars and pie charts but that doesn’t convey the information better
- We have huge amount of data that makes the charts not clear and also make it look clumsy / very clutter.
- Visualization and further drill down is not easy to understand, apart from clumsy it’s not impactful as numbers should speak loud.
Solutions:
We want to make sure your design addresses below solutions:
- Easily projected screens: On a first glance at the dashboard, we should be able to say what the visuals/charts talk about.
- Easy to understand: It should be easy to understand, give loads of insight at each graph or dashboard level
- Modern: We want to make it look modern than the existing dashboards.
- Interactive: Should allow users should be able to interact with the charts by allowing users to control the period they are viewing the charts for, change/choose the metrics, add/remove the charts as required /pin it in dashboard etc
- Drill-down: Should allow the users to drill-down to view more granular data.
- Responsive: Dashboard designs need to be responsive
Dashboard Considerations:
- We are looking for modern designs (think FLAT, futuristic).
- We don’t have any existing branding scheme, you are free to choose any color scheme!
- Try not to have too much information on your dashboard, you can make them compelling by making the visualization interactive and enable users to walk through the different insights.
- Use color, visual comparison and drill-down charts to highlight comparison.
- Provide visual tool-tips that can highlight certain key statistics, etc.
- We will provide additional color guidance after the Checkpoint (if needed).
- Since we don’t have real data for all the below request, feel free to use dummy data...we are focussing on giving the user best visuals for dashboard and user experience.
Required Design Size:
- We are looking to have a responsive dashboard:
- - - Desktop of size 1366px width and height as required.
- - - Mobile of size 750 x 1334px
Required Dashboard Screens:
We need below dashboards to be designed, think from a user perspective on how to design it.
00 General:
- Your designs should include descriptions of what data should be pulled for dashboards
- Allow users to change the time period for which the dashboard data is being viewed / try to keep it simple and efficient.
- All Charts/Graphs should have drill down capability to see underlying data.
- Include filter, search or anything else that help manipulate the data being shown in dashboard
- Provide ways to customize the dashboard (add charts, change graph type, pin charts to dashboard, etc)
01 Landing Page (Desktop):
- We would like you to come up with a landing page / this page will be staright forward.
- Need to provide links to 6 dashboards that are a part of this application (note: for this challenge, we will be designing only couple of dashboards)
- Six dashboards are "Claims Dashboard, Management Dashboard, DMS (Mental Health) Dashboard, DHSS (Health and Senior Services) Dashboard, Pharmacy Dashboard, Managed Care Dashboards" (please take a look at more details here: https://docs.google.com/document/d/1GkLRLZ_hUUcqW7jDCpRpFbP72luaDZNUGXAQB8zIQXo/edit?usp=sharing on the purpose of each dashboards)
- We are open to your thoughts on what else need to shown in this landing page (keep it simple)
02 Claims Dashboard (Desktop + Mobile):
In this dashboard we need to show the claims aggregate data (count) for the past month / or based on the date range chosen (would be nice to be able to expand time period easily)
- Show claims count based on the distribution by input source (Paper, Web Form, FTP, NDM, and POS)
- Show claims count based on the distribution by Claim Type (Medical, Outpatient, Inpatient, Dental, Nursing Home, Pharmacy, Home Health, Crossover)
- Show claims count based on the distribution by Procedure Code/Revenue Code/NDC
- Show claims count based on the distribution by Diagnosis Code (Primary/Secondary/Tertiary)
- Show claims count and cost for Top 25 Procedure (you can use the procedure names listed here / Diagnosis Code compared to rest of claims.
Drill Down:
- Allow users to click on a segment within the chart to view a detail report of the list of claims that make up that segment.
- They will see a listing of claims that gives you ICN, Provider, Member, Dates of Service, and Total Paid.
- This applies to any of the charts across any of the dashboard page.
Dashboard should allow for what-if analysis. For Example:
- What if I changed the allowed amount of a specific Procedure Code?
- What if I allowed/denied a specific Procedure code?
- What if I allowed/denied a specific Diagnosis Code?
- So on...
Please research more on what if analysis and come up with your concepts!
03 Pharmacy Dashboard (Desktop):
We need charts / visuals that would include:
- Top number of Prescriptions per prescribing provider
- Top NDC’s (national drug code) prescribed by count
- Top Opioid users (people using Opioid), by count of prescriptions that fit Opioid category by NDC.
- Top Opioid prescribers by count of prescriptions that fit Opioid category by NDC.
- Where the above two categories cross over, eg, where the Top Opioid user is getting the prescription from the top Opioid Prescriber.
- Demographic Data: We would like you to show demographic data on members: Age, Sex, County, City, etc...do you think a map (basically within US) works here?
Drill-down
Looking for something that would make it easy to drill into information presented. For Example: If I am looking at Top Opioid Users, I should be able to see the claims that made up that count.
~
Glossary:
- Input source: This denotes the source by which the user filed a medical insurance claim
- Claim Type: What type of medical treatment did the patient undergo
- Procedure code: This is code related to the surgical treatment
- Diagnosis code: This is just a code again
- Opioid: These are medicines that act on the nervous system to relieve pain (pain killers)
- NDC: National drug codes
- Opioid prescribers: Those who prescribe opioid for relieving pain to patients
- Opioid user: Patients using opioid.
MarvelApp Prototype
- We need you to upload your screens to Marvel App.
- Please send your Marvel app request to csystic@gmail.com
- You MUST include your Marvel app URL in notes /comments while uploading (in your marvel app prototype, click on share and then copy the link & share it within your notes while you upload).
~
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 User Experience! Focus on the navigation experience. Keeping consistent visual elements.
Target Audience:
- Dept's Business and IT team - Internal User's
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 (business relevance) and show us new ideas and concepts.
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
- Submit Marvelap as part of your submission.
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 or Sketch!
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.