good or bad dashboard?...• high performance hmi graphics – isa.org • storytelling with data...

54
#PIWorld ©2019 OSIsoft, LLC Good or Bad Dashboard? 1 https://www.matillion.com/insig hts/dashboard-examples-the- good-the-bad-and-the-ugly/

Upload: others

Post on 20-Mar-2020

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Good or Bad Dashboard?

1

https://www.matillion.com/insig

hts/dashboard-examples-the-

good-the-bad-and-the-ugly/

Page 2: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Good or Bad Dashboard?

2

Page 3: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Good or Bad Dashboard?

3

Page 4: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Good or Bad Dashboard?

4

Page 5: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Good or Bad Dashboard?

5

Page 6: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Color Blindness?

6

Page 7: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Storytelling with Data

Presented by: Jim Gavigan

7

Page 8: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

RESULTS CHALLENGE SOLUTION

Storytelling With Data

Use good visual design concepts, simplify designs, convey information simply

Drill down to get detail

Allows our users to see what is going on in their processes

• PI Vision, Analytics, Event Frames, and PI Integrator for Business Analytics all play a role

• Visual summaries, less large displays with just numbers

• Multi-states used smartly

• BI tools are the BOMB!

• Faster analysis

• Quicker actions being taken

• Reusable, scalable solutions

• Large displays with just numbers

• “Prego” displays (“It’s in there!”)

• Excel H#ll and “one off” solutions built by engineers who move on or up rapidly, so no ability to scale

Lots of retirements, less experience in the plants. How do we assist with knowledge transfer?

Industrial Insight

8

Page 9: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

No…Just No….

9

Page 10: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

No…Just No….

10

Page 11: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

No…Just No….

11

Page 12: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

No…Just No….

12

Page 13: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Better, Sum the Data, Drill Down….

13

Page 14: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Beware of color blindness

14

Page 15: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Be Strategic With Color

15

Page 16: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Draw the eyes with BIG numbers, top left

16

Page 17: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

BIG numbers but Just Say No to Pie/Donuts

17

Page 18: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

More on Pie/Donuts, no 3-D

18

Page 19: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

One Final Just PLEASE No….

19

Page 20: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Summary

20

• Tell a story – what should the display tell its audience?

• Summarize and drill down – don’t throw hundreds of numbers at someone

• Watch color blindness – 8% of males and 11% of Caucasian males are color

blind in some way

• BIG NUMBERS at the top left of the display get attention. Top left is

where eyes in many cultures are drawn to from norms about reading

• Be sparing and strategic with the use of color

• No pie or donut charts – hard for the eye to compare pie slices that are similar

size

• I will leave it with the next quote – what is relevant information?

Page 21: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Final Thought From the Design of Everyday Things

21

"Hindsight is always superior to foresight. When the accident investigation

committee reviews the event that contributed to the problem, they know what

actually happened, so it is easy for them to pick out which information was

relevant, which was not. This is retrospective decision making. BUT WHEN THE

INCIDENT WAS TAKING PLACE, THE PEOPLE WERE PROBABLY

OVERWHELMED WITH FAR TOO MUCH IRRELEVANT INFORMATION AND

PROBABLY NOT A LOT OF RELEVANT INFORMATION. How were they to

know which to attend to and which to ignore? Most of the time, experienced

operators get things right. The one time they fail, the retrospective analysis is apt

to condemn them for missing the obvious. Well, during the event, nothing may

be obvious."

Page 22: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Resources

22

• Storytelling With Data - Cole Nussbaumer Knaflic

• The Big Book Of Dashboards – Steve Wexler

• The Design of Everyday Things – Don Norman

• Tableau eye tracking study

• Tableau 10 best practices on dashboard design whitepaper

• High Performance HMI Graphics – ISA.org

• Storytelling With Data Blog – Death to Pie Charts

• Storytelling With Data Blog – An Update on Pie Charts

Page 23: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

About Industrial Insight

23

• Consultant and Integrator focused on the PI System, BI Tools, and Data

Science Tools (MVDA, ML, etc.):

• PI AF, PI EF, PI Analytics, PI Integrator for BA

• Tableau and Power BI

• SIMCA multi-variate data analysis

• Still searching for the RIGHT Machine Learning tool that handles time-

series data well

• Heavy presence in Pulp and Paper

• Jim is a former OSIsoft Account Manager with a background in control

systems integration

Page 24: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Challenge…..Then Rich…

24

Page 25: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Storytelling with Data

Presented by: Rich Ermlick

25

Page 26: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

#PIWorld ©2019 OSIsoft, LLC

Presentation Agenda

• Talk about Stuff

• Some Stuff Rich did

• Discuss Numbers and Stuff

• Stories about Stuff

• Stuff about Stories

• Why Stuff matters

• Activity: Build some Stuff

• Questions and Stuff with Jim and Rich

26

Page 27: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Rich Ermlick

27

Rich works with and advises organizations who want to FIND and SOLVE the small

problems that are costing them BIG money.

Page 28: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

29 29

9

Page 29: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

30

Favorite Number?

30

Page 30: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

31

Favorite Number?

31

9

Page 31: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

32 32

Page 32: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

33 33

Page 33: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

34 34

Page 34: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

35 35

Page 35: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

36 36

Page 36: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

37 37

1

Page 37: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

38 38

1

Page 38: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

39 39

20

Page 39: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

40 40

79

x 2

- 69 10

20

Avg Life Span

Visits per year

Visits

Mom & Dad

Page 40: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

41 41

20 Visits

Page 41: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

42 42

Page 42: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

43

Dig it!

Boss

or

Page 43: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

44 44

Page 44: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Five Second Rule!

Page 45: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Page 46: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

47

Considerations: 1) Categories of Information 2) Leading, Lagging, Balancing 3) Scope / Context

47

Page 47: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

48 48

Page 48: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

49

Leading

49

Lagging

Balancing

Page 49: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

50 50

Page 50: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

51 51

Page 51: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

52

Page 52: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

Data Storytellers

53

• Jim Gavigan

• Chief Data Storyteller (President)

• Industrial Insight

[email protected]

• Rich Ermlick

• Consultant

• re:engaged

Page 53: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

54

Questions?

Please wait for

the microphone

State your

name & company

Please remember

DOWNLOAD THE MOBILE APP

Page 54: Good or Bad Dashboard?...• High Performance HMI Graphics – ISA.org • Storytelling With Data Blog – Death to Pie Charts • Storytelling With Data Blog – An Update on Pie

#PIWorld ©2019 OSIsoft, LLC

55