{"id":11620,"date":"2022-01-27T15:44:11","date_gmt":"2022-01-27T21:44:11","guid":{"rendered":"https:\/\/threecloud.wpengine.com\/?p=11620"},"modified":"2023-05-01T16:14:56","modified_gmt":"2023-05-01T21:14:56","slug":"improve-analytics-dashboards-visualizations","status":"publish","type":"post","link":"https:\/\/3cloudsolutions.com\/resources\/improve-analytics-dashboards-visualizations\/","title":{"rendered":"3 Tips to Improve Your Analytics Dashboard&#8217;s Visual Narrative"},"content":{"rendered":"<p><img decoding=\"async\" style=\"width: 800px;\" src=\"https:\/\/cdn2.hubspot.net\/hubfs\/5670923\/Images\/Blog%20\/BI%20and%20Reporting%20\/BI_Data%20Visualizations.png\" alt=\"BI_Data Visualizations\" width=\"800\" \/><\/p>\n<p>If you think about it, many organizations are collecting and storing data in hopes of deriving valuable information from it. In other words, they want their data to tell them a story. While that story should be non-fiction, it doesn\u2019t have to be as dry and un-captivating as an encyclopedia. Because dashboards are the \u2018storybooks\u2019 of the data analytics world, then it would require the same steps to construct a captivating and informative narrative.<\/p>\n<p><!--more--><\/p>\n<ol>\n<li>Adequate planning<\/li>\n<li>A good first draft<\/li>\n<li>Communicative imagery<\/li>\n<\/ol>\n<h2>1. Adequate Planning<\/h2>\n<p>Every great narrative starts with a great idea. But most ideas, no matter how great, need planning and refinement\u2014and the same can be said when building your dashboard. A good starting point is to determine how your dashboard will respond to the following questions:<\/p>\n<ul>\n<li>What business needs will it fulfill? Are there information gaps you need to fill? Are there any problems that need to be solved? Or is this a strategy to target minor issues before they become major problems?\n<ul>\n<li>For example: The marketing team needs more visibility into the effectiveness of their latest marketing campaign. They are spending millions of company dollars on this campaign, but they aren\u2019t clear on how much revenue this campaign is bringing to the business.<\/li>\n<\/ul>\n<\/li>\n<li>Who is your target audience? Who will need the information in this dashboard? Is this a niche report for a specific department, or would multiple departments benefit from this?\n<ul>\n<li>For example: Continuing the marketing example\u2014while this hypothetical report would primarily benefit the marketing team, it may also help the finance team determine how much budget to allocate to the marketing team for the next fiscal quarter.<\/li>\n<\/ul>\n<\/li>\n<li>Does your organization have the data you need to convey this message on your dashboard? All too often, an organization isn\u2019t far enough along on the<a href=\"https:\/\/www.gartner.com\/en\/documents\/3136418\" rel=\" noopener\"> BI maturity scale<\/a> to obtain the right data to create meaningful reports. If you don\u2019t yet have the data you need, you may first need to work with a data scientist and\/or data governance team to ensure you\u2019re gathering the right data for the business need(s).<\/li>\n<\/ul>\n<h2>2. A Good First Draft<\/h2>\n<p>By \u2018good first draft\u2019\u2014I\u2019m not talking about a first draft that perfectly paints your narrative and is ready to be productionized for your report\u2019s consumers. Instead, I\u2019m talking about a draft that will help you determine the most effective design for your dashboard.; In the BI industry, this is known as wireframing.<\/p>\n<p>There is <a href=\"https:\/\/careerfoundry.com\/en\/blog\/ux-design\/how-to-create-your-first-wireframe\/\" rel=\" noopener\">no single right way to wireframe<\/a>. Some mock up their report designs on a cocktail napkin; some prefer using Visio.<\/p>\n<p><img decoding=\"async\" style=\"width: 400px;\" src=\"https:\/\/cdn2.hubspot.net\/hubfs\/5670923\/3%20TIPS%20TO%20IMPROVE%20YOUR%20DASHBOARDS%20VISUAL%20NARRATIVE_image1.png\" alt=\"3 TIPS TO IMPROVE YOUR DASHBOARDS VISUAL NARRATIVE_image1\" width=\"400\" \/><\/p>\n<p>Whatever your preference, a successful wireframe considers the following:<\/p>\n<ul>\n<li><em>Alignment<\/em> \u2013 it might not seem mission critical, but poorly-aligned visuals not only look unappealing and messy (like the Power BI example below), but also can distract the reader from the report\u2019s story.<\/li>\n<li><em>Order of metrics\/visuals<\/em> \u2013 <a href=\"https:\/\/uxplanet.org\/f-shaped-pattern-for-reading-content-80af79cd3394\" rel=\" noopener\">studies<\/a> have shown that humans of typically interpret a visual from the top left to the top right and then downwards (sometimes referred to as F-pattern scanning); thus, it would help your readers obtain quicker insight by placing the most important visuals at the top of your report(s).<\/li>\n<\/ul>\n<p><img decoding=\"async\" style=\"width: 400px;\" src=\"https:\/\/cdn2.hubspot.net\/hubfs\/5670923\/3%20TIPS%20TO%20IMPROVE%20YOUR%20DASHBOARDS%20VISUAL%20NARRATIVE_image2.png\" alt=\"3 TIPS TO IMPROVE YOUR DASHBOARDS VISUAL NARRATIVE_image2\" width=\"400\" \/><\/p>\n<ul>\n<li><em>Proximity of metrics\/visuals<\/em> \u2013 do your visuals contain interrelated metrics or data points? It might be more strategic to place these visuals closer together on your dashboard for ease in analysis\u2014or better yet, incorporate both metrics onto the same visual. In the visual example below, the two graphs show a relationship to the number of medals for a given team vs. the number of athletes on that team.<\/li>\n<\/ul>\n<p><img decoding=\"async\" style=\"width: 400px;\" src=\"https:\/\/cdn2.hubspot.net\/hubfs\/5670923\/3%20TIPS%20TO%20IMPROVE%20YOUR%20DASHBOARDS%20VISUAL%20NARRATIVE_image4.png\" alt=\"3 TIPS TO IMPROVE YOUR DASHBOARDS VISUAL NARRATIVE_image4\" width=\"400\" \/><\/p>\n<p>Right after the planning phase, you might have an idea of metrics you\u2019ll want to include as well as what visuals you\u2019ll use to best convey those metrics. However, getting all those metrics into one report screen may be challenging. Thus, a good first draft will help you best understand which \u2018characters\u2019 are critical to your plot, which ones can be omitted, and which ones may be introduced later in the story\u2014or perhaps in another story altogether.<\/p>\n<h2>3. Communicative Imagery<\/h2>\n<p>If a reader cannot visualize the story you\u2019re trying to tell, they aren\u2019t going to get a rich experience from your story\u2014and possibly, they may not fully understand the story\u2019s message\u2014which is why communicative imagery is so important to storytelling. Communicative imagery helps readers stay engaged with the story by helping them build their own mental images.<\/p>\n<p>When creating a dashboard, however, a lot of the visuals are already there for the report consumer.; What is more, too many words are strongly discouraged on any dashboard\u2014the whole point of such reports is to use visuals to communicate key point(s).<\/p>\n<p>So, then, how do you use communicative imagery on an already-visible-dashboard? By using color. Using color strategically not only mitigates the need for verbose captions, but it can also aid in better articulating important information. Because we as humans tend to associate specific feelings and emotions with certain colors, you can use that to your advantage when selecting colors for your dashboard\u2019s visuals. In other words, you can use colors and their associations to articulate your most important points. Here are a few colors and their respective psychological associations:<\/p>\n<ul>\n<li><strong><span style=\"color: #ff0201;\">Red:<\/span><\/strong> This color attracts attention more than any other color, so try to use it sparingly. Red can be used to convey some of your most critical points\u2014especially points where immediate action needs to be taken. This color can be used to indicate specific performance areas that are putting a heavy strain on the business.<\/li>\n<li><strong><span style=\"color: #ff9902;\">Orange:<\/span><\/strong> This color isn\u2019t as much of an attention grabber as red, but still an intense color that draws attention quickly. Orange can be used to convey areas of high risk, warning, and enthusiasm. Using this color would work for metrics that aren\u2019t performing well, but haven\u2019t yet reached a point where they are a strain on the business.<\/li>\n<li><span style=\"color: #ffff04;\"><strong><span style=\"color: #ffd966;\">Yellow:<\/span><\/strong><\/span> This color can signify joy and happiness, as it produces a warming effect that arouses cheerfulness. The other side of yellow, however, can simply entering an area of caution. Using this color would be great for KPIs that are falling short of business expectations, but are still performing adequately.<\/li>\n<li><strong><span style=\"color: #69a84f;\">Green:<\/span><\/strong> This color, most closely associated with nature, symbolizes harmony, growth, and healing\u2014in the business world, it can also be associated with money and profit.Using this color would be great for KPIs that are performing well and meeting business expectations (i.e., profitable).<\/li>\n<\/ul>\n<p><img decoding=\"async\" style=\"width: 393px;\" src=\"https:\/\/cdn2.hubspot.net\/hubfs\/5670923\/3%20TIPS%20TO%20IMPROVE%20YOUR%20DASHBOARDS%20VISUAL%20NARRATIVE_image5.png\" alt=\"3 TIPS TO IMPROVE YOUR DASHBOARDS VISUAL NARRATIVE_image5\" width=\"393\" \/><\/p>\n<p>For more colors and more information on color association, <a href=\"https:\/\/www.colorpsychology.org\/\" rel=\" noopener\">here is a great source<\/a>.<\/p>\n<h2>Conclusion<\/h2>\n<p>By this point, you\u2019ve come up with a plan for your dashboard\u2014you know the business requirements, you know who will be consuming your report, and you have access to the data you need to incorporate the key points of your report.<\/p>\n<p>You have also drafted or sketched out a wireframe\u2014determining not only the general layout and aesthetic of your report but also the order in which you want to display your visuals and their respective proximity to each other.<\/p>\n<p>Lastly, with the aid of basic color psychology, you have selected a color palette that not only looks great but also helps to better articulate important information.<\/p>\n<p>By following these three simple tips, you\u2019ll have all you need to tell a captivating, yet informative narrative. Happy dashboarding!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you think about it, many organizations are collecting and storing data in hopes of&mldr;<\/p>\n","protected":false},"author":21,"featured_media":11829,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[260],"tags":[],"class_list":["post-11620","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-data-ai","topics-blog"],"acf":[],"_links":{"self":[{"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/posts\/11620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/comments?post=11620"}],"version-history":[{"count":0,"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/posts\/11620\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/media\/11829"}],"wp:attachment":[{"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/media?parent=11620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/categories?post=11620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/3cloudsolutions.com\/wp-json\/wp\/v2\/tags?post=11620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}