zingchart fantasy football dashboard design process

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