Designing Executive Dashboards

Designing Executive Dashboards (Part 1)

By Thomas W. Gonzalez



(This is part one of a two-part series. Come here to read part two.)


Introduction


Corporate dashboards are becoming the “must have” business intelligence technology for executives and business users across corporate America. Dashboard solutions have been around for over a decade, but have recently seen a resurgence in popularity due to the advance of enabling business intelligence and integration technologies.


Designing an effective business dashboard is more challenging than it might appear due to the fact you are compressing large amounts of business information into a small visual area. Every dashboard component must effectively balance its share of screen real estate with the importance of the information it is imparting to the viewer.


This article will discuss how to create an effective operational dashboard and some of the associated design best practices.


Dashboard Design Goals:


Dashboards can take many formats, from glorified reports to highly strategic business scorecards. This article refers to operational or tactical dashboards employed by business users in performing their daily work; these dashboards may directly support higher-level strategic objectives or be tied to a very specific business function.


The goal of an operational dashboard is to provide business users with relevant and actionable information that empowers them to make effective decisions in a more efficient manner than they could without a dashboard. In this context, “relevant” means information that is directly tied to the user’s role and level within the organization. For instance, it would be inappropriate to provide the CFO with detailed metrics about Web site traffic but appropriate to present usage costs as they relate to bandwidth consumption. “Actionable” information refers to data that will alert the user as to when and what type of action needs to be taken in order to meet operational or strategic targets. Effective dashboards require an extremely efficient design that takes into account the role a user plays within the organization and the specific tasks and responsibilities the user performs on a daily/weekly basis.


Defining Key Performance Indicators:


The first step in designing a dashboard is to understand what key performance indicators (KPI) users are responsible for and which KPIs they wish to manage through their dashboard solution. A KPI can be defined as a measure (real or abstract) that indicates relative performance in relationship to a target goal. For instance, we might have a KPI that measures a specific number, such as daily Internet sales with a target goal of $10,000. In another instance we might have a more abstract KPI that measures “financial health” as a composite of several other KPIs, such as outstanding receivables, available credit and earnings before tax and depreciation. Within this scenario the higher-level “financial” KPI would be a composite of three disparate measures and their relative performance to specific targets. Defining the correct KPIs specific to the intended user is one of the most important design steps, as it sets the foundation and context for the information that will be subsequently visualized within the daashboard.


Defining Supporting analytics:


In addition to defining your KPIs, it is helpful to identify the information a user will want to see in order to diagnose the condition of a given KPI. We refer to this non-KPI information as “supporting analytics” as it provides context and diagnostic information for end users in helping to understand why a KPI is in a given state. Often times, these supporting analytics take the form. of more traditional data visualization representations such as charts, graphs, tables and, with more advanced data visualization packages, animated what-if or predictive analysis scenarios.


For each KPI on a given dashboard you should decide if you want to provide supporting analytics and, if so, what type of information would be needed to support analysis of that KPI. For instance, in the case of a KPI reporting on aging receivables, you might want to provide the user a list of accounts due with balances past 90 days. In this case when a user sees that the aging KPI is trending in the wrong direction he/she could click on a supporting analytics icon to bring up a table of accounts due sorted by balance outstanding. This information would then support the user in his/her ability to decide what, if any, action needed to be taken in relationship to the condition of the KPI.


Choosing the Correct KPI Visualization Components:


Dashboard visualization components fall into two main categories: key performance indicators and supporting analytics. In either case, it is important to choose the visualization that best meets the end users need in relationship to the information they are monitoring or analyzing.


For KPIs there are five common visualizations used in most dashboard solutions. The following lists each component’s relative merits and common usage scenario.


1. Alert Icons: The simplest visualization is perhaps an alert icon, which can be a geometric shape that is either color-coded or shaded various patterns based on its state. Potentially, the most recognizable alert icon is a green, yellow or red circle, whereby the color represents a more or less desirable condition for the KPI.


When to use: These types of visualizations are best used when they are placed in the context of other supporting information, or when you need a dense cluster of indicators that are clearly labeled. Traditional business scorecard dashboards that are laid out in table like format can benefit from this visualization, whereby other adjacent columns of information can be analyzed depending on the state of the alert icon. These types of icons are also useful in reporting on system state, such as whether a machine or application is online or not. Be cautious of using icons that depend exclusively on color to differentiate state, as 10 percent of the male population and 1 percent of the female population is color-blind; consider using shapes in conjunction with color to differentiate state.


2. Traffic Light Icons: The traffic light is a simple extension of the alert icon, and has little advantage over the alert icon in terms of data visualization. Like the alert icon, this component only offers one dimension of information, but it requires 300 percent of the screen real estate. The one advantage of the traffic light icon is that it is a more widely recognized symbol of communicating a “good state”, “warning state” or “bad state.”


When to use: In most cases a simple alert icon is a more efficient visualization, but in situations where your dashboard is being used by a wide audience on a less frequent basis, a traffic light component will allow users to more quickly assimilate the alert information due to their familiarity with the traffic light symbol from real world experience.


3. Trend Icons: A trend icon represents how a key performance indicator or metric is behaving over a period of time. It can be in one of three states: moving toward a target, away from a target, or static. Various symbols may be used to represent these states, including arrows or numbers. Trend icons can be combined with alert icons to display two dimensions of information within the same visual space. This can be accomplished by placing the trend icon within a color- or shape-coded alert icon.


When to use: Trend icons can be used by themselves in the same situation you would use an alert icon, or to supplement another more complex KPI visualization when you want to provide a reference to the KPI’s movement over time.


4. Progress Bars: A progress bar represents more than one dimension of information about a KPI via its scale, color and limits. At its most basic level a progress bar can provide a visual representation of progress along a one-dimensional axis. With the addition of color and alert levels, you can also indicate when you have crossed specific target thresholds as well as how close you are to a specific limit.


When to use: Progress bars are primarily used to represent a relative progress toward a positive quantity of a real number. They do not work well when the measure you want to represent can have negative values: The use of shading within a “bar” to represent a negative value can be confusing to the viewer as any shading is seen to represent some value above zero regardless of the label on the axis. Progress bars also work well when you have KPIs or metrics that share a common measure along an axis (similar to a bar chart) and you want to see relative performance across those KPIs/metrics.


5. Gauges: A gauge is an excellent mechanism by which to quickly assess both positive and negative values along a relative scale. Gauges lend themselves to dynamic data that can change over time in relationship to underlying variables. Additionally, the use of ××ded alert levels allows you to quickly see how close or far away you are from a specific threshold.


When to use: Gauges should be reserved for the highest level and most critical metrics or KPIs on a dashboard because of their visual density and tendency to focus user attention. Most of these critical operational metrics/KPIs will be more dynamic values that change on a frequent basis throughout the day. One of the most important considerations in using gauges is their size: too small and it is difficult for the viewer to discern relative values due to the density of the “ink” used to represent the various gauge components; too large and you end up wasting valuable screen space. With more sophisticated data visualization packages, gauges also serve as excellent context-sensitive navigation elements due to their visual predominance within the dashboard.

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/768773/viewspace-629305/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/768773/viewspace-629305/

技术选型 【后端】:Java 【框架】:springboot 【前端】:vue 【JDK版本】:JDK1.8 【服务器】:tomcat7+ 【数据库】:mysql 5.7+ 项目包含前后台完整源码。 项目都经过严格调试,确保可以运行! 具体项目介绍可查看博主文章或私聊获取 助力学习实践,提升编程技能,快来获取这份宝贵的资源吧! 在当今快速发展的信息技术领域,技术选型是决定一个项目成功与否的重要因素之一。基于以下的技术栈,我们为您带来了一份完善且经过实践验证的项目资源,让您在学习和提升编程技能的道路上事半功倍。以下是该项目的技术选型和其组件的详细介绍。 在后端技术方面,我们选择了Java作为编程语言。Java以其稳健性、跨平台性和丰富的库支持,在企业级应用中处于领导地位。项目采用了流行的Spring Boot框架,这个框架以简化Java企业级开发而闻名。Spring Boot提供了简洁的配置方式、内置的嵌入式服务器支持以及强大的生态系统,使开发者能够更高效地构建和部署应用。 前端技术方面,我们使用了Vue.js,这是一个用于构建用户界面的渐进式JavaScript框架。Vue以其易上手、灵活和性能出色而受到开发者的青睐,它的组件化开发思想也有助于提高代码的复用性和可维护性。 项目的编译和运行环境选择了JDK 1.8。尽管Java已经推出了更新的版本,但JDK 1.8依旧是一种成熟且稳定的选择,广泛应用于各类项目中,确保了兼容性和稳定性。 在服务器方面,本项目部署在Tomcat 7+之上。Tomcat是Apache软件基金会下的一个开源Servlet容器,也是应用最为广泛的Java Web服务器之一。其稳定性和可靠的性能表现为Java Web应用提供了坚实的支持。 数据库方面,我们采用了MySQL 5.7+。MySQL是一种高效、可靠且使用广泛的关系型数据库管理系统,5.7版本在性能和功能上都有显著的提升。 值得一提的是,该项目包含了前后台的完整源码,并经过严格调试,确保可以顺利运行。通过项目的学习和实践,您将能更好地掌握从后端到前端的完整开发流程,提升自己的编程技能。欢迎参考博主的详细文章或私信获取更多信息,利用这一宝贵资源来推进您的技术成长之路!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值