{"id":5358,"date":"2012-06-05T20:42:58","date_gmt":"2012-06-05T18:42:58","guid":{"rendered":"http:\/\/www.graphomate.com\/?p=5358"},"modified":"2022-01-20T13:55:51","modified_gmt":"2022-01-20T12:55:51","slug":"visualization-efficient-dashboard-design-part-i","status":"publish","type":"post","link":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/","title":{"rendered":"Visualization: Efficient Dashboard Design (1\/2)"},"content":{"rendered":"

Donald MacCormick \u2013 long-time -Xcelsius aficionado at Business Objects and now Chief Product and Marketing Officer at antivia \u2013 has recently published an article<\/span><\/strong><\/span> about \u201eEffective Visual Design\u201d and its meaning for Dashboards. According to his opinion, there is something more important than that!<\/span><\/p>\n

I have a slightly different opinion …<\/p>\n

I have met Donald MacCormick last year and had the pleasure to experience on of his presentations \u2013 simply brilliant! I assume that we have, in principal, similar views concerning Dashboard Design. However, for me “Visual Design” has a higher significance.<\/p>\n

Donald concludes his remarks with this sentence:<\/p>\n

\u201eI would argue that understanding the business context of a dashboard and how it will be used is many, many times more important \u2026 than any visual design.\u201d<\/p>\n

I agree unreservedly with the fact that customer-requirements for a Dashboard are decisive for a successful implementation. But for me the visual design of a dashboard is an inseparable part in the process of requirement elicitation. Therefore visual design is not more important or less significant but an equally important integral part for the successful implementation of Dashboards.<\/p>\n

Donald quotes Andreas Bitterer, analyst at Gartner, saying that<\/p>\n

\u201cBI is not there to let you know, it is there to let you act\u201d.<\/strong><\/p>\n

Hold on, how can I act in a targeted way if I do not know what is going on? Until now my simple BI-triad was: Data \u2192 Information \u2192 Knowledge. BI \u201econverts\u201c Data to information thus generating knowledge. This knowledge is the basis for decisions.<\/p>\n

Therefore BI has the goal to support decisions (\u201eto let you act\u201d), which is not possible without the receiver-appropriate processing of information as the basis for the deduction of knowledge (\u201eto let you know\u201d). For that reason visual design of dashboards is so important for me.<\/p>\n

Efficient<\/strong> dashboard design on the basis of graphical visualizations helps the eye-brain vision system with the generating of knowledge.<\/p>\n

A simple example of how efficient information presentation supports our cognition of knowledge. Look at the following block of numbers as a visualization of information. How often can you find the digit “3” in the following block of numbers?<\/p>\n

\"\"<\/a><\/p>\n

It takes some time until we have the answer. And it is not proven if we really have found all of the digit “3” . So we are checking again and that takes some time \u2026<\/p>\n

On the other hand, see how different it is if we just make a slight change to the layout of the block of numbers and highlight the important information – in this case the digit 3.<\/p>\n

\"\"<\/a>Source: http:\/\/www.slideshare.net\/janwillemtulp\/data-visualization-5724069<\/p>\n

Within seconds \u2013 if at all \u2013 we recognize the right answer: the block contains the digit 3 five times. Both layouts enable us to answer the proposed question. Therefore both are effective<\/strong>. The gray and red formatting, however, is much more efficient<\/strong> because the results are faster to recognize! Therefore I rather prefer to talk about efficient<\/strong> visual Design.<\/p>\n

I am not concerned about the rate of information processing as a value per se but about the possibility to process more information simultaneously at a glance<\/strong> with an intelligent Dashboard-Design. This is the only way to recognize patterns, trends, structure breaks or outliers more easily. At this point visual design on the basis of charts comes into play.<\/p>\n

Let us take a look at the following table:<\/p>\n

\"\"<\/a><\/p>\n

Here we can see 88 informations about sales and marketing costs by region about a period of time. Such or similar tables can be found in countless reports. But is it possible to derive trends and patterns easily using this table?\u00a0More likely no. Similar to the search of the digit 3 we gaze at the table and have to compile the correlation behind the data with great effort.<\/p>\n

Let us now take a look at the visualization of this data basis as simple line charts:<\/p>\n

\"\"<\/a><\/p>\n

Within seconds, we are able to recognize how each region has developed, if there is a connection between turn over and marketing costs and which sales manager will get a call! The line charts provide for an efficient processing of the depicted data by our brain. The hidden connections are made obvious straight away with less effort.<\/p>\n

Donald is right in one point, when he states that:<\/p>\n

\u201ethe speed at which people pick numbers out of a dashboard seems \u2026 to be of fairly low importance \u2026\u201d<\/p>\n

A dashboard does not serve for the mapping of individual numerical values but shall provide an overview of the general situation. It is not about speed but about the right use of our cognitive resources!<\/p>\n

Ben Shneiderman<\/a><\/strong><\/span> got to the heart of the matter with his \u201cVisual Information Seeking mantra\u201d perfectly:<\/p>\n

\u201cOverview first, zoom and filter, then details-on-demand\u201d<\/strong><\/p>\n

Just in the next step, after the user of a dashboard got a general idea of the data, the “numberpicking” begins.<\/p>\n

You may only get a general idea if many information are presented simultaneously \u2013 thus only with a high information density. A demand which only few dashboards satisfy.<\/p>\n

Another means of getting a general overview is the banishment of everything disturbing, everything not holding information or everything distracting .<\/p>\n

Maybe I am a bit of a fanatic in this point: Please, no effects, no glare and colors only if they make sense. Everything else is just distracting and our brain is burdened with unproductive processes. Cognitive tasks like the identification of patterns and correlations may be fulfilled with less effort without this “noise”.<\/p>\n

At the end I will show you a visual design which, in my point of view, does by no means meet these requirements:<\/p>\n

\"\"<\/a><\/p>\n

And I will show you why in the second Part<\/a><\/strong><\/span> of my article on the efficient Dashboard-Design .<\/p>\n

Stay tuned,<\/p>\n

\"Unterschrift\"<\/p>\n

_<\/p>\n

\"ccbync\"<\/a>
\nThis file is licenced under the\u00a0Creative Commons-Licence<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"Donald MacCormick \u2013 long-time -Xcelsius aficionado at Business Objects and now Chief Product and Marketing Officer at antivia \u2013 has recently published an article about \u201eEffective Visual Design\u201d and its meaning for Dashboards. According to his opinion, there is something more important than that! I have a slightly different opinion … I have met Donald","protected":false},"author":17,"featured_media":5356,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"tags":[],"class_list":["post post-type-post post-view- post-scope-","status-publish","post-format-standard","has-post-thumbnail","category-general","clear"],"acf":[],"yoast_head":"\nVisualization: Efficient Dashboard Design (1\/2) - graphomate<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visualization: Efficient Dashboard Design (1\/2) - graphomate\" \/>\n<meta property=\"og:description\" content=\"Donald MacCormick \u2013 long-time -Xcelsius aficionado at Business Objects and now Chief Product and Marketing Officer at antivia \u2013 has recently published an article about \u201eEffective Visual Design\u201d and its meaning for Dashboards. According to his opinion, there is something more important than that! I have a slightly different opinion … I have met Donald\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/\" \/>\n<meta property=\"og:site_name\" content=\"graphomate\" \/>\n<meta property=\"article:published_time\" content=\"2012-06-05T18:42:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-20T12:55:51+00:00\" \/>\n<meta name=\"author\" content=\"Lars\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@graphomate\" \/>\n<meta name=\"twitter:site\" content=\"@graphomate\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lars\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2012\\\/06\\\/visualization-efficient-dashboard-design-part-i\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2012\\\/06\\\/visualization-efficient-dashboard-design-part-i\\\/\"},\"author\":{\"name\":\"Lars\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#\\\/schema\\\/person\\\/6e3bdc48e7b183261940f7340907f50f\"},\"headline\":\"Visualization: Efficient Dashboard Design (1\\\/2)\",\"datePublished\":\"2012-06-05T18:42:58+00:00\",\"dateModified\":\"2022-01-20T12:55:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2012\\\/06\\\/visualization-efficient-dashboard-design-part-i\\\/\"},\"wordCount\":953,\"publisher\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2012\\\/06\\\/visualization-efficient-dashboard-design-part-i\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"articleSection\":[\"General\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2012\\\/06\\\/visualization-efficient-dashboard-design-part-i\\\/\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2012\\\/06\\\/visualization-efficient-dashboard-design-part-i\\\/\",\"name\":\"Visualization: Efficient Dashboard Design (1\\\/2) - graphomate\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2012\\\/06\\\/visualization-efficient-dashboard-design-part-i\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2012\\\/06\\\/visualization-efficient-dashboard-design-part-i\\\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2012-06-05T18:42:58+00:00\",\"dateModified\":\"2022-01-20T12:55:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2012\\\/06\\\/visualization-efficient-dashboard-design-part-i\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2012\\\/06\\\/visualization-efficient-dashboard-design-part-i\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2012\\\/06\\\/visualization-efficient-dashboard-design-part-i\\\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2012\\\/06\\\/visualization-efficient-dashboard-design-part-i\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visualization: Efficient Dashboard Design (1\\\/2)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/\",\"name\":\"graphomate\",\"description\":\"Einfach und einheitlich IBCS Dashboards visualisieren\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#organization\",\"name\":\"graphomate Gmbh\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/graphomate_logo_2014_500px_transparent.png\",\"contentUrl\":\"https:\\\/\\\/www.graphomate.com\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/graphomate_logo_2014_500px_transparent.png\",\"width\":500,\"height\":82,\"caption\":\"graphomate Gmbh\"},\"image\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/graphomate\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/graphomate-gmbh\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCvrjaoVJ-xDFGLCAzKN_11Q\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#\\\/schema\\\/person\\\/6e3bdc48e7b183261940f7340907f50f\",\"name\":\"Lars\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/author\\\/lschubert\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visualization: Efficient Dashboard Design (1\/2) - graphomate","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/","og_locale":"en_US","og_type":"article","og_title":"Visualization: Efficient Dashboard Design (1\/2) - graphomate","og_description":"Donald MacCormick \u2013 long-time -Xcelsius aficionado at Business Objects and now Chief Product and Marketing Officer at antivia \u2013 has recently published an article about \u201eEffective Visual Design\u201d and its meaning for Dashboards. According to his opinion, there is something more important than that! I have a slightly different opinion … I have met Donald","og_url":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/","og_site_name":"graphomate","article_published_time":"2012-06-05T18:42:58+00:00","article_modified_time":"2022-01-20T12:55:51+00:00","author":"Lars","twitter_card":"summary_large_image","twitter_creator":"@graphomate","twitter_site":"@graphomate","twitter_misc":{"Written by":"Lars","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/#article","isPartOf":{"@id":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/"},"author":{"name":"Lars","@id":"https:\/\/www.graphomate.com\/en\/#\/schema\/person\/6e3bdc48e7b183261940f7340907f50f"},"headline":"Visualization: Efficient Dashboard Design (1\/2)","datePublished":"2012-06-05T18:42:58+00:00","dateModified":"2022-01-20T12:55:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/"},"wordCount":953,"publisher":{"@id":"https:\/\/www.graphomate.com\/en\/#organization"},"image":{"@id":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/#primaryimage"},"thumbnailUrl":"","articleSection":["General"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/","url":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/","name":"Visualization: Efficient Dashboard Design (1\/2) - graphomate","isPartOf":{"@id":"https:\/\/www.graphomate.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/#primaryimage"},"image":{"@id":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/#primaryimage"},"thumbnailUrl":"","datePublished":"2012-06-05T18:42:58+00:00","dateModified":"2022-01-20T12:55:51+00:00","breadcrumb":{"@id":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/www.graphomate.com\/en\/2012\/06\/visualization-efficient-dashboard-design-part-i\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.graphomate.com\/en\/"},{"@type":"ListItem","position":2,"name":"Visualization: Efficient Dashboard Design (1\/2)"}]},{"@type":"WebSite","@id":"https:\/\/www.graphomate.com\/en\/#website","url":"https:\/\/www.graphomate.com\/en\/","name":"graphomate","description":"Einfach und einheitlich IBCS Dashboards visualisieren","publisher":{"@id":"https:\/\/www.graphomate.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.graphomate.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.graphomate.com\/en\/#organization","name":"graphomate Gmbh","url":"https:\/\/www.graphomate.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.graphomate.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/06\/graphomate_logo_2014_500px_transparent.png","contentUrl":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/06\/graphomate_logo_2014_500px_transparent.png","width":500,"height":82,"caption":"graphomate Gmbh"},"image":{"@id":"https:\/\/www.graphomate.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/graphomate","https:\/\/www.linkedin.com\/company\/graphomate-gmbh\/","https:\/\/www.youtube.com\/channel\/UCvrjaoVJ-xDFGLCAzKN_11Q"]},{"@type":"Person","@id":"https:\/\/www.graphomate.com\/en\/#\/schema\/person\/6e3bdc48e7b183261940f7340907f50f","name":"Lars","url":"https:\/\/www.graphomate.com\/en\/author\/lschubert\/"}]}},"_links":{"self":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/posts\/5358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/comments?post=5358"}],"version-history":[{"count":2,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/posts\/5358\/revisions"}],"predecessor-version":[{"id":17341,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/posts\/5358\/revisions\/17341"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/media?parent=5358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/categories?post=5358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/tags?post=5358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}