Challenge Summary
Welcome to the Appirio Data Science Scoreboard Design Challenge! For this challenge we are looking for you to help us with creating a unique interactive scoreboard experience for our Data Science challenges. The scoreboard will track several metrics of the challenge and allow our clients to get a unique view of their data science challenge before, during, and after the challenge has completed.
We are looking for DESIGN CONCEPTS on what the user should see and experience when using the application.
Good luck and we’re looking forward to your submissions!
Round 1
Submit your initial designs for Checkpoint Feedback
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Please note any comments about your design
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.
Feel free to add any other additional screens which are necessary to explain your concept.
Notes.jpg: Please note any comments about your design
Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
The Purpose of this challenge is to come up with the the look & feel and capturing overall interactions in the scoreboard design your are coming up with. We are looking for the Topcoder Design Community to help us with planning our new "user experience" (UX).
About the Project:
The scoreboard will live on crowdsourcing.appirio.com in the project metrics section of a Data Science case study. Using the existing look and feel of the website and the provided wireframes, we want you to explore how to create this interactive scoreboard experience. What is the best user experience and design that will bring this interactive scoreboard to life.
The scoreboard will be rich in data content, but it is up to you to figure out how to best display this content without being overly complex. We’ve based the initial concept of our interactive scoreboard concept off of existing data plots taken from http://plot.ly. We’ve pulled several examples of data plots that work for our interactive scoreboard, please make sure to familiarize yourself with these and work them into your design
More information of Data science can be seen here:
http://help.topcoder.com/data-science/
Challenege Assets:
Please find all the below assets here:
https://drive.google.com/a/appirio.com/folderview?id=0B5pMhoyHTg-IUzdVeV96M3NSM3c&usp=sharing
1) Wireframes (attached)
2) Plot Examples: https://docs.google.com/document/d/1aoWdkfmz_9LSH9GVr0yQs0HB5GH6OG5nYeqe8247xzY/edit?usp=sharing
3) Site Design PSD (provided PSD from existing site to match look and feel to)
4) Inspiration Folder (UI, graphs, and UX that we like. Please use as inspiration....don't copy)
Design Ideas:
- Looking for modern, intuitive user interface
- Focus on the design being a great user experience, think simple but effective solutions.
- Give importance to the overall layout and think on how a user would interact with the content on the page.
- Show all the screens and provide a user flow/click-path and navigation, so we can see how the interactions fit together in the application.
- What should the priority features be?
- How quickly could you find information?
Design Size:
- Desktop: 1280px width and height as required
Required Features / Interactions:
Use the wireframes as a suggestion, but ultimately we’re looking for you to build off of this and make your submission unique. Explore how to best display the data that allows a user to get a better understanding of what is going on in the Data Science challenge. We’re looking for unique user interface exploration as well as good clean design that works with our existing look and feel.
There are several key aspects that we want to display in the scoreboard. Make sure your design captures all of these..
1) Match Duration:
- While match is live - countdown clock to when challenge ends
- When match is finished - static # aka “14 days”
- Pre-launch - date range EX 10/10 - 10/24
2) Challenge Metrics:
Number of Registrants, Submitters and Total # of Submission attempts
- For instance: MDM leaderboard below had 86 reg, 28 submitters, with 138 submissions total
3) Challenge Activity over time:
This is the main interaction of the scoreboard:
- Need the ability to show submissions for each day
- Show with a tool tip the “handle’ of the submitter and the total # of submissions that the handle has submitted. Also show submission time
- The ability to zoom in and see submissions over a time period. (Full Contest Length, Last 48 Hours, Custom date range, or a single day)
4) Score Improvement Over Time:
- As a user starts to filter into days of the challenge we want the ability to see the improvement in the score over a period of time. There should be a Delta for total improvement as well as a delta for improvement for the day being viewed. - filter by days of challenge (Day 1, Day 7, Day 13, etc…)
a. Delta Improvement - % Improvement (2 Variations)
- Total Improvement - tied to standard scoreboard
- Filtered Range Improvement - date bound (EX. day, 12, 13, 14 of competition)
5) Member Filter:
Track specific contestants over time - I think this is the same as #3, if we can track by handle and rating):
- This can be displayed as a filter for the scoreboard. Show an individual’s submission over the duration of the challenge.
- Additional filters to consider are for showing submissions from a country, a particular rating of members (I.E. Red rated members).
6) Alternate Geographic view of challenge:
Geographical location of contestants (e.g. a geomap of contestants)
- In an alternate view of the data...we’d like to see a geographic map showing a heat map of the total number of submissions per country
7) Geographic Filter:
Do submissions follow certain patterns based on geographical location?
a. Country Filter - Show a country filter on the default view of the scoreboard.
8) Success Metrics:
There are several measurements that show the success of the challenge. Please show a UI element that allows a user to display these metrics to gauge overall challenge success.
1. Baseline - starting point aka where are they now?
2. Agreed ‘Success Bar’ Success criteria
3. Theoretical Maximum
- How well is the score compared to the original ‘base line’ (the value of which will be provided) - Horizontal indicator ‘floating x axis’ (easy for viewer to discern what the starting point is for the challenge/allows Ragu or viewers to easily discern how close we came to it or blew past it.)
9) Expanded Challenge Details:
- In the expanded view of the challenge we are showing the challenge participants as well as an “Activity stream” for the challenge.
- The activity stream should show notifications for submissions, general alerts, and for forum activity.
- A user should be able to click on a “view more” in the comments section to get a view of the challenge forum
10) Required Page views:
- Default Results Graph (Show storyboard instances for filters, success metrics)
- Default Detail (Show storyboard instance for a zoom in on the default graph to show a single or range of days in the challenge)
- Geographic View
- Additional details panel (Show expandable details to include Challenge Members, and activity feed)
- Challenge Forum Page: (If a user clicks on "see more" in the forum activity...show what a forum page would look like in this design look and feel)
Target Audience:
- Topcoder Clients
Judging Criteria:
- Is the design styled to be appealing and desirable?
- Have you explored interactive graph designs to display the data?
- Is the design visually resolved and does it evoke an emotional connection with the user?
- Does the design convey the function and use unambiguously and intuitively
- Does it clearly convey what the app is supposed to let you achieve / what problem it is designed to solve.
- Is it consistent of IA, visual and interaction design throughout the site?
- Does the design perform the function it was designed for?
- Is the design easy to use and understand?
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.