Visual Design

Visual Design
Dashboards with Impact

Jeff Belden MD
University of Missouri
Family & Community Medicine

Making dashboards

Decide content

Pare to the essentials

Sketch

Try several alternatives

Ask your users
early & often

Ask your users
early & often
3 - 5 real users at each iteration

Visual Design Elements

Keep it simple

Keep it simple
Hide complexity

Stay focused

Stay focused
on just the task at hand

For example

For example
Finding ICD-9 Codes

Use “Visual Planes”

Use “Visual Planes”
Emphasize key elements

Use “Visual Planes”
Emphasize key elements
Subdue the less important

Use “Small Multiples”

Eliminate ChartJunk

Eliminate ChartJunk
Dampen visual noise

WINWINIANM

WINWINIANM
What I need, when I need it, and nothing more

View for doing refills

Overall dashboard view

Use color deliberately

to call
attention

to convey meaning

Hello Dave

Remember
the color blind

Remember
the color blind

Red-Yellow-Green
Alternatives

Consider Printing

Avoid Glitter

Don’t make me think

Thinking hard

No-brainer

Four ways mPages
affect office workflow

Saves time

from 60 clicks
5 minutes

to 2 clicks
1 minute

Trend-spotters

Trend-spotters
Tiny graphs: sparklines, bullet graphs

Decision Support

Decision Support
links to care algorithms

Quality feedback

Quality feedback
at the point of care

Want to learn more?

Jeff Belden MD
University of Missouri
Family & Community Medicine
beldenj@health.missouri.edu
toomanyclicks.com
slideshare.net/jeffbelden