Image for post
Image for post

Advanced dashboard design: Get more out of Google Data Studio

A selection of some of the best templates available (3 of them free to duplicate)

We’ve spent hundreds of hours working in Google Data Studio and we’re always on the look for ways to make it easier to get insights out of our dashboards.

Here’s a selection of our favorite dashboards. All of them have multiple elements to inspire you to build more useful and intuitive dashboards — and three of them are even free to fully duplicate.

Image for post
Image for post

BindMedia Google Ads Template

  • Elegant distribution of elements, use of blank space and choice of colors
  • The side navigation bar keeps the report consistent.
  • Many small design considerations details:
  • Grayed-out navigation text except the one selected, with a vertical line of a different color — the same color of the icon
  • Animated scrolling-mouse element shows which tables contain more information
  • Using a dotted line to connect related elements: used only once, connecting revenue and the top campaigns.
  • Clicking the Geo/Demographic section shows a hidden sub-menu, which shows the available regions. (And smart use of maps in the “Location Explorer” element).
  • Feature Requests button sends directly to a Google Form.
Image for post
Image for post

All-in-one Search Console Template

  • The side navigation bar with a solid color background and consistent location of charts makes the transition between report pages smoother than with other Data Studio reports.
  • Smart approach to have the navigation bar, the filters and the general information in the same panel.
  • Balanced use of the different type of charts available.
  • The titles of the elements, using a blue background and white text helps to identify sections with more ease.
  • Good use of font size and weight. Enough variety without being all over the place.
Image for post
Image for post

Search Console Explorer Studio

  • Thinking of the end-users: providing tables alongside the charts and visualizations. Some users might be interested in looking just at the numbers.
  • Navigation menu with icons.
  • Consistent use of pastel colors.
  • Trend lines below the scorecard KPIs to give context to the values.
  • Page 6 provides a comparison of the previous pages. Again, thinking of users that would need to be switching between pages otherwise.
  • Page 7 has support information with screenshots, links and helpful details.
Image for post
Image for post

All in One Analytics

  • A high density of information presented neatly.
  • Consistent “soft” border around all elements to tie the page together.
  • Every page has a button to go back to the overview (or home) page.
  • Style of maps adjusted beyond the standard 3 options provided. There’s enough flexibility to adapt every color and style element of the maps.
  • Page 5 shows the usefulness of combining scorecards with the change regarding the previous period and trendlines.

Supermetrics Shopify Report

  • The size/ratio of the report page is unusual, but probably very useful for some screens.
  • Good use of added illustrations and images to balance the report.
  • Transparency of the images can be adjusted.
  • Focused use of one brand-aligned color.
  • The background is different than the usual neutral-colored ones without being too distracting.
  • The navigation buttons match the shape of the filters.
Image for post
Image for post

SFO Passenger Summary

  • Part of the “Template Gallery” of Google Data Studio — Built by Josh Cottrell​ at Cottrell Consultancy.
  • Not sure if it would be pleasant to look at this every day, but is a good showcase of what can be done with a strict color palette, transparencies and chart styles.

Ricardo Ancona.

Written by

Agency of Business Intelligence specialists, based in Coburg, DE. Building modern, customized and cloud-based data warehouse solutions. https://www.datadice.io/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store