Leading through Visualization

Laura Gogia, MD, PhD

Associate Director, The Grace E Harris Leadership Institute

Virginia Commonwealth University

@googleguacamole - gogialp@vcu.edu - lauragogia.com

Photo by Bench Accounting,

unsplash.com

The demands of leadership are different today than they used to be.

Traditional Leadership Model:

Information flows in one direction.

Power comes from authority (official position or title).

Leadership is hierarchical, commanding, controlling.

Made with Easel.ly

The world is

more complex than it used to be.Constantly change | Sticky problems |Information

abundance.

The focus is no longer on the single person or product.

We focus on relationships.Information | Sources | People | Workflows.

Modern Leadership Model:

Information flows from multiple directions.

Power comes from influence (ability to impact behavior of others).

Leadership is networked, collaborative, inclusive, transformative.

Made with Easel.ly

Transparency & Accountability

Pattern Identification & Strategy

Relationship Building & Networking

Reflective Practice

Change Management

Collaborative, Creative, Inclusive, and Design

Leadership share certain behaviors or

competencies:

Information visualization is tool for putting these

competencies into practice.

Modern Leadership Model: Information flows from multiple directions.

Power comes from influence (ability to impact behavior of others).

Leadership is networked, collaborative, inclusive, transformative.

Made with Easel.ly

Connection to theory: Constructionism.

Good visualization makes the abstract concrete.

Students faced with performing or creating a product

for an audience will learn more deeply because they

must externalize their thoughts for the purpose of

sharing them. Once thoughts are made explicit, they

can be studied, refined, and made sharper through the

process.

Harel & Papert, 1991

Meeting posts for collaboration

Big pictures for planning and decision making

Tools for pathfinding

Power of Visualizations

Visualizations are a meeting post.

Important for:

Collaboration and sharing

Transparency and accountability

Photo by Annie Spratt,

unsplash.com

Made with Easel.ly

Visualizations offer a big picture.

Important for:

Systems planning

Dynamic decisions

Photo by Todd Diemer, unsplash.com

Visualizations support pathfinding.

Important for:

Evaluation

Reflective practice

Photo by Jean-Frederic Fortier,

unsplash.com

Inputs & Outputs

Measurable Outcomes

The Relationships Between Them

RESOURCE

http://toolkit.pellinstitute.org/evaluation-guide/plan-budget/using-a-logic-model/

Logic Models

Made with Power Point

The application of reflection for the purpose of

strategic planning and action

Reflective Practice

Made with Easel.ly

Reflective Practice

Critical Incident Analysis

Posing problems about practice, refusing to accept 'what is.'

Exploring incidents which occur in day-to-day work in order to

understand them better and find alternative ways of dealing with

them.

RESOURCES

http://www.weblearn.bham.ac.uk/prodait/resources/Critical%20Incident%20Analysis.doc

http://asq.org/learn-about-quality/cause-analysis-tools/overview/fishbone.html

Made with Easel.ly & Flickr.com

Ad

ap

ted

fro

m: R

ep

ort

on

th

e z

oo

log

ica

l co

llectio

ns m

ad

e in

th

e In

do

-Pa

cific

Ocean d

uring the v

oyage o

f H

.M.S

. 'A

lert

' 1881-2

. London: P

rinte

d b

y o

rder

of th

e T

ruste

es,1

88

4. b

iod

ive

rsitylib

rary

.org

/pa

ge

/120

67

68

8

Ad

ap

ted

fro

m: R

ep

ort

on

th

e z

oo

log

ica

l co

llectio

ns m

ad

e in

th

e In

do

-

Pa

cific

Oce

an

du

rin

g th

e v

oya

ge

of H

.M.S

. 'A

lert

' 1881

-2. L

on

do

n:

Prin

ted

by o

rde

r o

f th

e T

ruste

es,1

88

4.

bio

div

ers

itylib

rary

.org

/pa

ge

/120

676

88

Made with Easel.ly & Flickr.com

Design Basics

Content first | Tell a story | Write in data paragraphs | Simplicity is discipline

RESOURCES

Tufte, E. (2006). Beautiful Evidence. Graphics Press, LLC. https://www.edwardtufte.com/tufte/

Garr, R. (2011). Presentation Zen. New Riders. http://www.presentationzen.com/

Lupi, G. & Posavec, S. (2016). Dear Data. Princeton Architectural Press http://www.dear-data.com/

A visual is only as good as the content you present and

your impact is only as good as your documentation.

Identify yourself

Cite your sources

Credit your art

Make it easy to check your work

Content first.

Tell a story.

Write the story first, as you would for any article. Lay out

your narrative or argument in a logical, compelling order.

Part 1of 3

para i.

Title and subtitle

para ii. introduction

Why it matters to

employees

para iii. introduction

Why it matters to

employers

ww

w.w

ebpagefx

.com

/blo

g/g

enera

l/m

usic

-pro

ductivity-info

gra

phic

/

para iv. background

Basic science,

general

para v. background

Basic science,

specific

para vi. argument

Increased productivity is

probably related to health

benefits

ww

w.w

eb

pa

ge

fx.c

om

/blo

g/g

en

era

l/m

usic

-pro

ductivity-in

fog

raph

ic/

Part 2 of 3

Part 3 of 3

ww

w.w

eb

pa

ge

fx.c

om

/blo

g/g

en

era

l/m

usic

-pro

ductivity-in

fog

raph

ic/

para vii. argument

Benefits differ by musical

genre

para viii. argument

Here are some ways to be

strategic with your listening

para ix. references

Full citations and authorship

Write in data paragraphs.

Data paragraphs are made of numbers, words, and

graphics. Consider what each is bringing to the

understanding.

REFERENCE Tufte, E. (2006). Beautiful Evidence. Graphics Press, LLC. https://www.edwardtufte.com/tufte/

Ph

oto

by B

run

o M

art

ins,

un

sp

las

h.c

om

DATA PARAGRAPH

http://www.espn.com/mlb/scoreboard (June 28, 2017)

NumbersGraphics Words Graphics

2012 F

eltro

nA

nn

ua

l R

ep

ort

htt

p://f

eltro

n.c

om

/FA

R1

2.h

tml

In data paragraphs, every graphic element has a purpose.

Simplicity is discipline.

In matters of design, more is never better

Direct labeling when possible

Three to five colors

One to two fonts

Limit unnecessary punctuation (e.g. bullets, colons)

ChoosingCOLORS

PRE-FIXED COLOR PALETTES

http://www.color-hex.com/color-

palettes/

PALETTE GENERATORS

https://coolors.co/

HOW TO USE A PHOTO

http://bit.ly/gogiacolorpalettes

BOOK

Lupton, E. (2004). Thinking with

Type: A Primer for Designers. Princeton Architectural Press. http://elupton.com/

PAIRING SUGGESTIONS

http://www.creativebloq.com/typo

graphy/20-perfect-type-pairings-

3132120

WHEN IN DOUBT Helvetica. Garamond. Franklin

Gothic.

UnderstandingFONTS SARIFSansSerif