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
slidesha...
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Visual Design of Clnical Dashboards
Próximos SlideShares
Carregando em…5
×

Visual Design of Clnical Dashboards

1.138 visualizações

Publicada em

Principles of design to apply to the creation of clinical dashboards. Presented at Cerner Physician Community conference May 2009.

Visual Design of Clnical Dashboards

  1. 1. Visual Design
  2. 2. Visual Design Dashboards with Impact
  3. 3. Jeff Belden MD University of Missouri Family & Community Medicine
  4. 4. Making dashboards
  5. 5. Decide content
  6. 6. Pare to the essentials
  7. 7. Sketch
  8. 8. Try several alternatives
  9. 9. Ask your users early & often
  10. 10. Ask your users early & often 3 - 5 real users at each iteration
  11. 11. Visual Design Elements
  12. 12. Keep it simple
  13. 13. Keep it simple Hide complexity
  14. 14. Stay focused
  15. 15. Stay focused on just the task at hand
  16. 16. For example
  17. 17. For example Finding ICD-9 Codes
  18. 18. Use “Visual Planes”
  19. 19. Use “Visual Planes” Emphasize key elements
  20. 20. Use “Visual Planes” Emphasize key elements Subdue the less important
  21. 21. Use “Small Multiples”
  22. 22. Eliminate ChartJunk
  23. 23. Eliminate ChartJunk Dampen visual noise
  24. 24. WINWINIANM
  25. 25. WINWINIANM What I need, when I need it, and nothing more
  26. 26. View for doing refills
  27. 27. Overall dashboard view
  28. 28. Use color deliberately
  29. 29. to call attention
  30. 30. to convey meaning
  31. 31. Hello Dave
  32. 32. Remember the color blind
  33. 33. Remember the color blind
  34. 34. Red-Yellow-Green Alternatives
  35. 35. Consider Printing
  36. 36. Avoid Glitter
  37. 37. Don’t make me think
  38. 38. Thinking hard
  39. 39. No-brainer
  40. 40. Four ways mPages affect office workflow
  41. 41. Saves time
  42. 42. from 60 clicks 5 minutes
  43. 43. to 2 clicks 1 minute
  44. 44. Trend-spotters
  45. 45. Trend-spotters Tiny graphs: sparklines, bullet graphs
  46. 46. Decision Support
  47. 47. Decision Support links to care algorithms
  48. 48. Quality feedback
  49. 49. Quality feedback at the point of care
  50. 50. Want to learn more?
  51. 51. Jeff Belden MD University of Missouri Family & Community Medicine beldenj@health.missouri.edu toomanyclicks.com slideshare.net/jeffbelden

×