Challenge Summary
Welcome to KPI Dashboard Design Challenge!
In this challenge, we are looking for you to design the Key Performance Indicator (KPI) dashboard tool for use by executives in a company. We are providing sketches that are illustrative of the concepts we want to see, but we do not want to constrain the ideas to the provided sketches. The sketches can work as wireframe on what data need to be included, you don’t need to copy paste the sketch as is.
Round 1
Submit your initial design for a checkpoint feedback:1. Homepage.
2. Dashboards.
3. Create New Dashboard Page.
- 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 checkpoint feedback:
1. Homepage.
2. Dashboards.
3. Create New Dashboard Page.
4. Mobile Homepage.
- 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 goal of this challenge is to design the KPI dashboard tool based on required functionality below and concepts provided in the sketches. We want unique presentation ideas so we do encourage using the sketches as guidance only.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Required Functionality:
- This application will collect data from many sources and display it in a dashboard that will be configured by the User. We want to create the ability to create/update the dashboard on the “fly”
-- Each KPI will have a default “acceptable” threshold and indicate if the KPI is RED/YELLOW/GREEN.
-- It should be easy to ADD/DELETE KPI’s as necessary from the dashboard.
-- All KPI’s will be expressed as a numerical value and have a graphical display
- We want our community to design the “portal” interface for accessing the KPI Repository in order to do the following:
-- Create and view customized “KPI dashboards”.
-- Authenticate the User upon accessing the portal
-- Create multiple, custom user-specific views based on KPI’s they have access to:
---- User should be able to create his/her own customize/standard KPI view (for example, using a radio button or check boxes)
---- Each “view” should be delivered with the frequency and timing that the user designates. Delivery method should include: emailed report, online view thru the portal, published to an established SharePoint, or “pushed” to a mobile app.
---- Publishing via email should allow the online user to designate a chosen time/date to receive the report.
-- To give users the ability to set custom “threshold values” for KPI’s and have the system send an alert to their Mobile Devices, SharePoint site, Online Portal view, or have reflected on their email report.
Required Screens:
- Please refer to KPI Dashboard & Repository-use case.pptx for sketches.
1. Homepage:
- Please refer to slide 1 of KPI Dashboard & Repository-use case.pptx.
- Default View/Dashboard.
- Ability to go to:
-- View other dashboards.
-- Quick links to favorite dashboards.
-- View Subscribed/publishable Reports.
-- View list of Available KPIs.
-- View list of all feeds and their status.
- Dashboards can contain combination of widgets.
2. Dashboards:
- Please refer to slide 2 of KPI Dashboard & Repository-use case.pptx.
- Users will see list of Dashboards:
-- View Dashboards.
-- Edit/Modify Dashboards.
-- Delete Dashboards.
- Create new Dashboard:
-- When users click on new dashboard, they will be able to:
---- New dashboard from scratch.
---- Copy existing dashboard and modify.
---- Copy existing report as-is or modify.
3. Create New Dashboard Page:
- Please refer to slide 3 of KPI Dashboard & Repository-use case.pptx.
- User names the dashboard:
- Selects a KPI:
-- KPI can be at org or sub-org level.
- Drags and drops selected KPI into a widget container.
- Widget asks (for each KPI):
-- Time period to be used.
-- Duration.
-- Type of widget. (Please see the Widgets heading below)
- As user inserts a widget in a designated place on the dashboard designer with a KPI, another widget container outline appears that designates a place for the next widget
- Once the necessary widgets are added, user saves
-- Can select as default dashboard.
-- Can save as Report:
---- How to subscribe/publish:
------ Email.
------ Push to Mobile.
------ Push to Sharepoint.
------ Viewable as Dashboard.
---- When (frequency of subscription/publish)
---- Recipients (applicable for email, mobile, view as dashboard: self or others, to whom it becomes available).
4. Mobile Homepage:
- Default View/Dashboard.
- Ability to go to:
-- View dashboards.
-- Quick links to favorite dashboards.
-- Report Notifications. Be able to download reports which provided the notifications and view them.
-- View list of all feeds and their status.
Widgets:
- Please refer to slide 4 of KPI Dashboard & Repository-use case.pptx.
- We’re looking to create and display many different types of widgets as the core elements of engaging dashboards:
-- Charts (Bar, Pie etc.)
-- Tabular
-- Speedometer
-- Any other graphic types you would like to suggest/recommend. You’re creativity here is encouraged, but we would like to maintain a consistent look and feel.
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
Screen Sizes:
- Design for desktop display 1280px width and height as required.
- For Mobile Homepage (#4), please design for 320px x 480px screen resolution.
Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
Supporting Documents:
- Sketches (KPI Dashboard & Repository-use case.pptx).
Target Audience:
- Employees and executives of a company
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
- How well you interpret the example screens 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.
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.