top of page

Blogs & Past Meetups

Cursory Dashboard Principles




I was asked to send “a few lines presenting the design principles behind your creation.” I’m not sure how much of my response will make the book, and given the book is in French, I may never know, so I thought I’d post it here. The points are by no means exhaustive, or even prioritized, but all are worth considering the next time you are putting together a dashboard or analytic tool.

The data should be the star of the show. There are no distracting extra elements like clip art, background images or grids (chart junk as Tufte would call it).

Don't distort the data. All the bar chart axes start at zero, so comparing bar lengths is meaningful. No exploding pies, no 3D graphs.

Use color judiciously to highlight and provide meaning. There is only one color other than black/grey/white and it is used to show the currently selected data and set it apart from what it is compared to. This consistent and restrained color usage draws attention where it should be directed and gives the dashboard a professional look.

Alignment is important. The elements are all aligned to a grid to give it a pleasing, organized layout and an easy to follow flow.

Provide context. In this case the context of the whole data set is always available for comparison against the selected data set.

Put it on one screen. Information seen together on one screen allows you to identify relationships and make connections. You can pack a lot of information in one screen without losing meaning or depth.

Keep interaction simple and elegant. This dashboard has only one interaction: filtering by region and/or position. It is easy to understand and achieve with all the instruction necessary summed up in a single sentence.

Make it responsive. Response to user interactions should be immediate (or at least feel immediate). If people have to wait for the computer they will be frustrated with the tool and/or they will spend less time gathering insight and more time staring at the "calculating %".

bottom of page