27
The Gauge & Widget Advantage for your Dashboard

The Gauge & Widget Advantage for your Dashboard

Embed Size (px)

DESCRIPTION

Learn how widgets and gauges including the speedometer chart, bulb gauge, sparklines and bullet graphs help you monitor your key metrics in business dashboards — current sales vs target, average order value, current stock levels and more. Also learn usability tips right from color selection to how to add more context to the widgets in this presentation.

Citation preview

Page 1: The Gauge & Widget Advantage for your Dashboard

The Gauge & Widget Advantage for your Dashboard

Page 2: The Gauge & Widget Advantage for your Dashboard

Monitor closed sales YTD.

Be alerted when KPIs reach a threshold value.

Critical issues your users face everyday…

& many more…

Report the current inventory level of a key raw material.

Keep track that the Quick Ratio is within acceptable limits.

Monitor whether the YTD revenue is on target.

Analyze theprice movement of stocks.

Page 3: The Gauge & Widget Advantage for your Dashboard

Is your dashboard helping users to keep an eye on their key metrics?

Help users get additional insights from your dashboard through widgets.

Page 4: The Gauge & Widget Advantage for your Dashboard

How can Gauges and Widgets in a dashboard benefit my users?

Users pressed for time may miss out to identify a problem through a

dashboard.

Gauges and Widgets enable instant recognition of the problem.

Provide actionable insights in a more understandable

form.

Time to replenish stocks

Page 5: The Gauge & Widget Advantage for your Dashboard

Ready to find out how a small addition to your dashboard can help your users do a lot more?

Page 6: The Gauge & Widget Advantage for your Dashboard

• monitor Average Order Value per day in a KPI dashboard? • monitor the current rating of a product?

• report current stock levels in an inventory dashboard?

• monitor the status of an ongoing project?

• report temperature on a weather dashboard?

Want to

Use Gauges!

Page 7: The Gauge & Widget Advantage for your Dashboard

• Ideal for indicating the status of a metric whose value falls within a well defined range.

How does a Gauge work?

• Uses either a linear or an angular scale of measurement.

• Data values are indicated either by a ticker or by a fill.

When to use a Gauge?

Page 8: The Gauge & Widget Advantage for your Dashboard

Types of Gauges

Speedometer/Angular Gauge Linear Gauge Cylindrical Gauge

Thermometer GaugeLED Gauge Circular Gauge

Page 9: The Gauge & Widget Advantage for your Dashboard

Want to create an alert system for a patient monitoring dashboard?

Try the Bulb Gauge which uses qualitative signals like color to depict data value. Each predefined color indicates whether the monitored data is within the corresponding predefined limit or not.

• Ideal for creating alert mechanisms where colors indicate the prevailing condition of the entire system.

Best use:

Page 10: The Gauge & Widget Advantage for your Dashboard

Need tips to use Gauges in a better way?

Here are some usability tips to help you get

started!

Page 11: The Gauge & Widget Advantage for your Dashboard

1. Stick to universally understood color schemes.

This LED progress gauge uses Red for Low, Yellow for Medium and Green for High.

Page 12: The Gauge & Widget Advantage for your Dashboard

2. Use trend points to establish a context to your plotted data.

Trend points tell your users ‘compared to what’.

Page 13: The Gauge & Widget Advantage for your Dashboard

3. Set up Alerts (like a sound or a message).

It informs users when the metric attains a threshold value and helps them take corrective actions in time.

Page 14: The Gauge & Widget Advantage for your Dashboard

Want to help your users analyze trends?

Help them see a complete picture instead of broken bits of data.

Hey, but you said you don’t have space on your prime dashboard real estate!

Try the Spark Charts& you will never run out of space

again.

Page 15: The Gauge & Widget Advantage for your Dashboard

Spark charts• Are ‘data-intense, design-simple, word-sized graphics’.

• Used to visualize the general shape of a variation.

• Intended to be succinct, memorable and located where they are discussed.

Best use:

• Frequently used inline with text to show the general movement of a data value.

• Can be used in space-efficient executive dashboards to show a lot of KPIs in

a single view.

Page 16: The Gauge & Widget Advantage for your Dashboard

Types of Spark Charts

Spark charts are primarily of 3 types: Spark Line, Spark Column and Spark Win/Loss:

• Use Spark Lines when you want to show trends. eg: Stock price movements

• Use Spark Columns when you want to compare values. eg: Revenues earned

• Use Spark Win/Loss when you want to visualize a Win/Loss scenario. eg: Yankees current season results

Page 17: The Gauge & Widget Advantage for your Dashboard

Need some usability tips on Spark Charts?

Here you go…

Page 18: The Gauge & Widget Advantage for your Dashboard

2. Use color bands to identify specific periods on the chart. eg: The chart below highlights every alternate 3 months in a weekly data plot.

1. Use colors to highlight specific data values. eg: The Spark line below uses blue for Open & Close price, Green for High and Red for Low.

Page 19: The Gauge & Widget Advantage for your Dashboard

Want to

Show a value,Compare it against a target &

Contextualize whether it’s good, bad or ugly?

That’s exactly what a Bullet Graph does!

Page 20: The Gauge & Widget Advantage for your Dashboard

Bullet GraphDeveloped by Stephen Few, the bullet graph provides a linear,no-frill display of a single data variable in a small space.

Best use:

• When a single data value (eg: revenue) needs to be shown and compared against a target .

• The plotted data also incorporates the context of qualitative ranges of performance (indicated by the background fill colors).

Page 21: The Gauge & Widget Advantage for your Dashboard

And the promisedusability tip

for Bullet Charts…

Page 22: The Gauge & Widget Advantage for your Dashboard

When multiple bullets are used together, ensure the sequence of the background fill is in sync with the metric being displayed.

For eg: In the chart below, the background fill uses the darkest gray for poor performance and the lightest gray for best performance. It works for Revenue, Profit and Avg. Order Size. But in Expenses, the situation is reversed (Expenses have to stay below Target to be the best).

Contd.

Page 23: The Gauge & Widget Advantage for your Dashboard

In such cases, reverse the sequence of background fill for the particular metric.

Reversed background fill for Expenses.

Page 24: The Gauge & Widget Advantage for your Dashboard

And here’s how you can use some of these Widgets in your dashboard

Page 25: The Gauge & Widget Advantage for your Dashboard
Page 26: The Gauge & Widget Advantage for your Dashboard
Page 27: The Gauge & Widget Advantage for your Dashboard

That’s it for now.

If you too want the Widget Advantage for your dashboards like thousands of our happy customers,

mail us at: [email protected]

Head here to see these widgets and more in action!

OR