zingchart fantasy football dashboard design process
DESCRIPTION
ZingChart shares the data visualization process used to develop their fantasy football dashboard. The dashboard relies on principles for dataviz including chart selection, color palette, and user feedback. The dashboard is constructed with the ZingChart JavaScript charting library.TRANSCRIPT
Fantasy Football Dashboard
Fantasy Football Dashboard
A visualization of data found in tables and grids in popular sites.
Fantasy Football Dashboard
Overall Design Process
Initial sketch Refinement Wireframe 1 Coded Draft Final Product
Fantasy Football Dashboard
AudienceWhat story do fantasy football players care about?
And how do they flow through the data each week?
Fantasy Football Dashboard
Chart 1: High Level Overview
Most sites show general stats for top players. We wanted the structure to be familiar.
Fantasy Football Dashboard
Source: Metro.co.uk
Chart 2: Position Focus
Digging into each position’s metrics by difficulty of matchup.
What question do fantasy players care about?
Fantasy Football Dashboard
Chart 3: Defense metrics
Fantasy Football Players recognize grids. We used them to look deeper into position performance.
Fantasy Football Dashboard
Chart 4: Let’s socializeFantasy Sharks reports on who its members start weekly by position. We reflect this through stacked bars.
QB RB WR TE D/ST
Fantasy Football Dashboard
Visual Design: Colors
Qualitative data palette works for this application.
Dribble has examples of existing fantasy dashboards.
Fantasy Football Dashboard
Feedback and improvements
24 User Ideas collected from
5 Social Networks
How did we improve the design?
Fantasy Football Dashboard
What’s next?
Fantasy Football Dashboard
Read more
Try a dashboard with your data
http://www.zingchart.com/blog/2014/10/30/fantasy-football-dashboard-data-visualization/
http://www.zingchart.com/try
Fantasy Football Dashboard