<ul class="anchorlinks">
	<li><a href="#poor">Poor Design Choices</a></li>
	<li><a href="#5">1. 5 Second Rule</a></li>
	<li><a href="#logical">2. Logical Layout</a></li>
	<li><a href="#Minimalism">3. Minimalism</a></li>
	<li><a href="#choosing">4. Choosing Data Visualization</a></li>
	<li><a href="#else">What Else to Consider</a></li>
</ul>


To Explore Our Library of BI Dashboard Examples


<a class="action-btn " href="https://www.sisense.com/dashboard-examples/">Click here</a>


<hr />

Building an effective dashboard according to best practices for <a href="https://www.sisense.com/blog/a-product-designers-tips-for-impactful-dashboard-design/">dashboard design</a> is the culmination of a comprehensive BI process that would usually include gathering requirements, defining KPIs, and creating a data model.


However, the importance of proper dashboard design should not be understated — poorly designed dashboards could fail to convey useful information and insights and even make the data less comprehensible than it was originally.


A great design is one that:


<ul>
	<li>Makes the complex simple: we have lots of information, lots of data that changes all the time and different analytical needs and questions. We want to take all this complexity and make it simple.</li>
	<li>Tells a clear story: we want to be able to connect data to its context in the business and to answer the viewer’s questions. This is where the visual layout of a dashboard plays a crucial role.</li>
	<li>Expresses the meaning of the data: the chosen data visualizations need to correctly represent the data and the information you want to extract from it.</li>
	<li>Reveals details as needed: we want each viewer to have access to the data they need — no less but also no more. Some users might need to be able to see a more granular view of the data — others could suffice with an overview.</li>
</ul>


While each data dashboard has its own requirements, limitations, and goals, there are certain guidelines that are almost always relevant for dashboard creation. We will proceed to present four of these principles, and how you can start applying them to your dashboards right now.


First, let’s examine how a poorly designed dashboard might look:


<div class="wp-block-image fancybox image">
<figure class="aligncenter"><a class="fancybox image" href="https://cdn.sisense.com/wp-content/uploads/common-dashboard-mistakes.png"><img decoding="async" class="wp-image-12208" src="https://cdn.sisense.com/wp-content/uploads/common-dashboard-mistakes-770x364.png" alt="A poorly designed BI dashboard" /></a>
<figcaption>Click to enlarge</figcaption>
</figure>
</div>


<hr />

Get the full guide to data visualization including checklists and cheat sheets.


<a class="action-btn " href="https://www.sisense.com/whitepapers/everything-you-need-for-clear-and-efficient-data-visualization/" target="_blank" rel="noopener noreferrer">Get the Guide Here</a>


<hr />

<h2 class="wp-block-heading" id="poor">Which poor design choices are immediately noticeable?</h2>


<ul>
	<li>Too many widgets (about 30 of them) create visual clutter</li>
	<li>Basic questions such as “what is the total amount of sales?” take much more than 5 seconds to answer</li>
	<li>No organizing principle behind the visual layout — widgets seem to be strewn randomly</li>
	<li>Tables in the bottom add very little in the way of insights</li>
</ul>


By applying the following good dashboard design principles, this dashboard could have been improved dramatically.


<h2 class="wp-block-heading" id="5">1. The 5 Second Rule</h2>


&nbsp;


&nbsp;
Your dashboard should provide the relevant information in about 5 seconds.
&nbsp;


&nbsp;


Your dashboard should be able to answer your most frequently asked business questions at a glance. This means that if you’re scanning the information for minutes, this could indicate a problem with your dashboard’s visual layout.


When designing a dashboard, try to follow the five-second rule — this is the amount of time you or the relevant stakeholder should need to find the information you’re looking for upon examining the dashboard. Of course, ad hoc investigation will obviously take longer; but the most important metrics, the ones that are most frequently needed for the dashboard user during her workday, should immediately pop from the screen.


<h2 class="wp-block-heading" id="logical">2. Logical Layout: the Inverted Pyramid</h2>


&nbsp;


&nbsp;
Display the most significant insights on the top part of the dashboard, trends in the middle, and granular details in the bottom.
&nbsp;


&nbsp;


When designing a dashboard, it’s important to follow some kind of organizing principle. One of the most useful ones is the <a href="https://en.wikipedia.org/wiki/Inverted_pyramid" target="_blank" rel="noopener noreferrer">inverted pyramid</a> (see image). This concept originated from the world of journalism, and basically divides the contents of a news report into three, in order of diminishing significance: the most important and substantial information is at the top, followed by the significant details that help you understand the overview above them; and at the bottom you have general and background information, which will contain much more detail and allow the reader or viewer to dive deeper (think of the headline, subheading, and body of a news story).


How does a journalistic technique relate to dashboard design? Well, business intelligence dashboards, like news items, are all about telling a story. The story your dashboard tells should follow the same internal logic: keep the most significant and high-level insights at the top, the trends, which give context to these insights, underneath them, and the higher granularity details that you can then drill into and explore further at the bottom.


<div class="wp-block-image">
<figure class="aligncenter"><img decoding="async" src="https://cdn.sisense.com/wp-content/uploads/inverted-pyramid-design-for-dashboards-example-770x399.png" alt="Designing dashboards according to the inverted pyramid framework" /></figure>
</div>


<h2 class="wp-block-heading" id="Minimalism">3. Minimalism: Less Is More</h2>


&nbsp;
Each dashboard should contain no more than 5-9 visualizations.
&nbsp;


Some dashboard designers feel the need to cram as many details as possible into their dashboard in an effort to provide a fuller picture. While this might sound good in theory, cognitive psychology tells us that the human brain can only comprehend around 7+-2 images in one time — this is the number of items you want in your dashboard. More than that just translates into clutter and visual noise that distracts and detracts from the dashboard’s intended purpose.


You can avoid visual clutter by using filters and hierarchies (e.g. instead of having one indicator for amount of sales in North America and one for South America, give the user the option to apply a filter which changes the same indicator between one and the other) — or simply by breaking your dashboard into two or more separate dashboards.


<hr />

To Explore Our Library of BI Dashboard Examples


<a class="action-btn " href="https://www.sisense.com/dashboard-examples/">Click here</a>


<hr />

<h2 class="wp-block-heading" id="Choosing">4. Choosing the Right Data Visualization</h2>


&nbsp;


&nbsp;
Select the appropriate type of <a href="https://www.sisense.com/product/data-visualization/">data visualization</a> according to its purpose.
&nbsp;


&nbsp;


We’ve written before about <a href="/blog/10-useful-ways-visualize-data-examples/" target="_blank" rel="noopener noreferrer">ways to visualize data</a> so I won’t go into too much detail here — suffice to say that data visualization is intended to be more than mere eye candy — they should serve a specific purpose and convey specific facts in a more effective way than the basic tabular format.


Before choosing a visualization, consider which type of information you are trying to relay:


<ul>
	<li>Relationship: connection between two or more variables</li>
	<li>Comparison: compare two or more variables side by side</li>
	<li>Composition: breaking data into separate components</li>
	<li>Distribution: range and grouping of values within data</li>
</ul>


<h2 class="wp-block-heading" id="else">Dashboard Design: What Else to Consider</h2>


Choosing the right visualization is key to making sure your end-users understand what they&#8217;re looking at, but that&#8217;s not all you should consider. When thinking about how to design a dashboard, you need to also take into account who will be the end-user of the dashboard in the first place.


For example, when designing a dashboard for an end user-focused on ad platform optimization, you probably want to focus your widgets on metrics that will increase conversion rates. Because your end user is in the thick of what goes on with every ad on a day-to-day level, looking at the nitty-gritty measures such as CPM (cost per mille) makes a lot of sense. However, a VP of Marketing probably just wants to see, at first glance, the more broad strokes on how ad performance changes leads brought in.


To that end, as we mentioned earlier, before diving headfirst into dashboard design, sit with your end-users in order to gather requirements and define KPIs. Without doing that, you can design the most beautiful dashboard in the world, but it won&#8217;t change the way users make decisions in the long run.


<hr />

Get the full guide to data visualization including checklists and cheat sheets.


<a class="action-btn " href="https://www.sisense.com/whitepapers/everything-you-need-for-clear-and-efficient-data-visualization/" target="_blank" rel="noopener noreferrer">Get the Guide Here</a>

Dashboard Design Best Practices – 4 Key Principles

Dashboards

Hack Your Analyst Skillset

Visualizations

LinkedIn

Twitter

GitHub

curve-image-unique-image-unique

curve

3-dark-2-image-unique-image-unique

3 DARK 2

Get the latest in analytics right in your inbox.

Article