Challenge Summary
Welcome to the Cockpit Enterprise Dashboard Overwiew Page Wireframe.
The goal of this contest focus to bring new navigation and layout that convert informations and data from the provided graphic source into some design that will have more visual approach by using "Dashboard" design theme. This contest only focus on Overview page where user can summary data
The plan is, so Cockpit Enterprise Dashboard can grab the attention of executives users by transform "metrics" data into graphical charts, maps, gauges, circular gauges, speedometer. The new design must can bring more advance and innovative dashboard design into Cockpit Application.
Round 1
Your submitted solution for client review.
1(One) Page of Cockpit Enterprise Dashboard with these requirements:
1. Navigation
2. Cost
3. Pipeline
4. Roadmap
5. Community
6. Project Health
Notes: Please put any notes/comments in your wireframe
Round 2
Final Design
1(One) Page of Cockpit Enterprise Dashboard with these requirements:
1. Navigation
2. Cost
3. Pipeline
4. Roadmap
5. Community
6. Project Health
Notes: Please put any notes/comments in your wireframe
Contest Details
TopCoder has recently introduced the TopCoder Cockpit Direct Application, which allows Customers, as well as Staff, Copilots, etc., to directly engage with the TopCoder processes and Community. For this contest we are asking you to upgrade "Enterprise Dashboard" design based on previous graphic source into the new level of usability and User Experience.
ENTERPRISE DASHBOARD IMPROVEMENT
This contest goal is to get a NEW looks & feel of Enterprise Dashboard by improve each sections listed below, that will help Management/Director/Executive users read all informations easily.
Before you start working on this contest, please check following references and best practices to help you design more advanced and innovative dashboard:
- https://www.google.com/search?q=salesforce+dashboard&hl=en&client=firefox-a&hs=xyk&sa=X&rls=org.mozilla:en-US:official&prmd=imvns&tbm=isch&tbo=u&source=univ&ei=u77TToqGAYjo0QH_u_UN&ved=0CF8QsAQ&biw=1440&bih=699
- http://www.idashboards.com/
- http://www.dundas.com/dashboard/online-examples/
Design Considerations
- Make sure your design leverage Cockpit Enterprise Dashboard into New Level of User Experience.
- We need you transform following "metrics" data as requested below into graphical charts, maps, gauges, circular gauges, speedometer, or any more idea?
- Please do some research, so when implement the wireframe, the new Enterprise Dashboard look awesome on Website or iPad platform. We like how this page looks http://dashboards.org/size-of-ipad-dashboards/
- Make sure all design can impress executive use with all creative ideas! But remember, all data and information must can still understandable and easy to read.
Cockpit Enterprise Dashboard sections need to improved:
General
- We need something like www.mint.com approach visualizations of finance data.
- Overview page always displayed current month information by default, but there will be some way to configured range data need displayed This Month, Last Month, This Year and All time. We need you to create way to access all month in current year.
- The option to display range data located in top side that will affect all data's in overview page
- We need simple but clever solutions for all Enterprise Dasboard section.
- We provide some of our initial sketch, you're encourage to expand the feature/layout/placement etc. Suggest us any clever way on this page.
1. Navigation
- We need create how the layout of submenu of Enterprise Dashbord below the "Enterprise" tab.
- Attached screenshot only our sketch design. We need you think how implement the submenu more natural, maybe by add some link in each sections of Enterprise Dashboard.
- Submenu navigations under "Enterprise" are:
-- Overview
-- Cost
-- Project
-- Community
-- Analytics
2. Cost
- Cost will displayed data from some Projects. You can grab content from provided attachment
- We need simple way to visualize the Cost data like show in https://www.mint.com/how-it-works/accounts/
- Need some alert design IF "Actual Cost" spent more close to "Total Budget".
- Need displayed total budget etc.
- Need some quick summary of cost somewhere in this section.
3. Pipeline
- We need to design a basic bar chart that displays the count of "Draft", "Completed", "Cancelled" and "Active"contests per month.
- The user should be able to toggle the chart between Project and Contest. When select "Project" view shows the # of activated projects. When select "Contests" view shows the # of launched contests.
- Need some quick summary of pipeline somewhere in this section.
4. Roadmap
- This sections will display "Recent" & "Upcoming" Contests
- Notice that we need displayed date of roadmap can viewed easily
- We need improve how this layout of roadmap should presented.
- Need some quick summary of roadmap somewhere in this section.
5. Community
- We have sketch design to display map that will show our community
- We need your idea, how to access community information and how to do that?
- What should information need displayed?
- Need some quick summary of community somewhere in this section. What they should contains of?
6. Project Health
- This sections will displayed health status from any projects.
- We need better visualization of the health status.
- Suggest us better placement of this section.
- We need your idea, what the proper information displayed here?
Target Audience
Topcoder Customer Executive User.
Topcoder Customer Employees.
Topcoder Executives.
Topcoder PM.
Judging Criteria
- How well you bring NEW and FRESH idea of "Enterprise Dashboard".
- Cleanliness of your layout and brilliant.
- User Experience & Usability.
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
Wireframes should be built in HTML, Axure, MS Visio or OmniGraffle. The resulting files are not critical in this contest. The most important point is that all the content is listed and the pages are linked together to show page flow. Keep your source files (.rp file) out from this submission folder.
Source Files
All original source files of the submitted ideas. If you would like to submit notes please include notes.txt file.
Final Fixes
As part of the final fixes phase you may be asked to modify content or user click paths.
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.