Draw It Out: The Power of Visual Communication MJ Broadbent Amine - - PowerPoint PPT Presentation

▶
draw it out the power of visual communication
SMART_READER_LITE
LIVE PREVIEW

Draw It Out: The Power of Visual Communication MJ Broadbent Amine - - PowerPoint PPT Presentation

Jan 25, 2024 377 likes •731 views

SATURN 2016 Draw It Out: The Power of Visual Communication MJ Broadbent Amine Chigani @mjbroadbent @AmineChigani Todays Session Exercise: Drawing warm-up 5 MINUTES Intro: Visual communication 10 MINUTES Practice: Build your

slide-1
SLIDE 1

Draw It Out: The Power of Visual Communication

Amine Chigani

@AmineChigani

MJ Broadbent

@mjbroadbent

SATURN 2016

slide-2
SLIDE 2

2 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

  • Exercise: Drawing warm-up 5 MINUTES
  • Intro: Visual communication 10 MINUTES
  • Practice: Build your visual toolkit 30

MINUTES

  • Exercise: Visual “telephone” 30 MINUTES
  • Wrap-up: Practice into action 15 MINUTES

Today’s Session

slide-3
SLIDE 3

3 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Exercise: Drawing warm-up

1. On a blank sheet of paper, make a random mark…a squiggle. 2. Pass the sheet to the person on your right. 3. Take the sheet from the person

  • n your left and add something

more…whatever occurs to you. 4. Continue drawing and passing the sheets for about 3 minutes.

Keep it moving!

slide-4
SLIDE 4

4 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Exercise: Debrief

What do you notice?

  • Abstract marks quickly

become faces, animals, etc. Only basic information is needed to convey the idea.

  • Humans can’t help but

make meaning; we’re hard- wired to see patterns.

  • It was easy! Drawing is

something you already know how to do.

Image: https://dragonmyjess.wordpress.com/2013/08/20

slide-5
SLIDE 5

5 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Exercise: Take-away

Image: http://gamestorming.com/games-for-any-meeting/squiggle-birds

If you can draw something from nothing, you can also draw things with intention.

What is the minimum information necessary to communicate? Squiggles can be a helpful starting point.

slide-6
SLIDE 6

6 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Why visual communication?

  • Nearly 50% of your brain is involved in visual processing
  • 70% of all your sensory receptors are in your eyes
  • Human ability to quickly interpret visual information is

far greater than written words

– Sense of a visual scene in less than 0.01 second – 323% better comprehension by following instruction with images and text than text alone

  • Information retention

– People remember 10% of what they hear; 20% of what they read; 80% of what they see and do

Source: Ann Algier, Everything You Need To Know About Learning, Dartmouth College

slide-7
SLIDE 7

7 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

What is visual communication?

  • One or more symbol languages:

– Letterforms are symbols for phonetic speech (A = “Ah” etc.) or modular pictograms for ideas – Numerals are symbols for specific quantitative ideas – Graphics or icons are symbols of objects, concepts, abstract ideas, etc.

  • Integrates visual (left) and verbal (right) sides of the brain
  • Both a process and a product
  • Cost- and time-efficient way to achieve shared

understanding

– Helps mitigate language barriers

slide-8
SLIDE 8

8 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

  • A powerful way to generate

new ideas THINK

  • The fastest way to develop

and test an idea SHOW

  • An effective way to share

ideas with other people TALK

Visual communication is…

Image: http://www.slideshare.net/raydelapena/sketching-across-the-design-process

slide-9
SLIDE 9

9 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Visual communication is…

Image: http://www.slideshare.net/raydelapena/sketching-across-the-design-process

  • A powerful way to generate

new ideas LEARN

  • The fastest way to develop

and test an idea BUILD

  • An effective way to share ideas

with other people MEASURE

slide-10
SLIDE 10

10 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Integral to collaboration

m

  • 1. Define the (right) problem

FRAME

  • 2. Create and consider many options

GENERATE

  • 3. Refine selected directions

ITERATE

  • 4. Develop the winner

EXECUTE

slide-11
SLIDE 11

11 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

How do we use it today?

slide-12
SLIDE 12

12 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

slide-13
SLIDE 13

13 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

slide-14
SLIDE 14

14 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

slide-15
SLIDE 15

15 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

slide-16
SLIDE 16

16 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

slide-17
SLIDE 17

Practice: Build Your Visual Toolkit

slide-18
SLIDE 18

18 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Visual Grammar

slide-19
SLIDE 19

19 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Practice: Basic Shapes

slide-20
SLIDE 20

20 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Practice: Lines and connectors

Image: http://www.trainedengineers.in/frontpage.php?cmdserialid=47

slide-21
SLIDE 21

21 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Practice: Lines and connectors

Image: http://engineeronadisk.com/book_implementation/draftinga2.html

slide-22
SLIDE 22

22 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Practice: Lettering

slide-23
SLIDE 23

23 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Practice: Containers

Pro tip: Create little “pillows”

  • f white space
slide-24
SLIDE 24

24 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Practice: People

slide-25
SLIDE 25

25 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Practice: Faces

slide-26
SLIDE 26

26 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Practice: Structures

slide-27
SLIDE 27

27 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Exercise: Visual “telephone”

1. In the top section of your handout WRITE :

  • One or two required quality attributes
  • A brief scenario of use

2. Pass the page to your neighbor. 3. When you receive your neighbor’s page, read what they wrote then fold the page backwards along the line so the writing is hidden. 4. Now DRAW a solution that addresses the scenario you just hid and then pass the handout to the person on your right. 5. Continue hiding and writing/drawing until the last section is complete.

No peeking!

WRITE DRAW WRITE DRAW WRITE

slide-28
SLIDE 28

28 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Exercise: Debrief and Take-away

  • Where did the visual communication break down?
  • Where did it remain intact?
  • Do you see things you might have done differently?
  • What’s challenging to represent? Easy?
  • How will this inform your approach in the future?
slide-29
SLIDE 29

29 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Wrap-up: Practice into action

Why not? Michelangelo illustrated his grocery lists (16th century)

Image: http://www.openculture.com/2013/12/michelange los-illustrated-grocery-list.html

slide-30
SLIDE 30

30 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Wrap-up: Practice into action

  • Hang a flip chart in your home and/or office
  • Dedicate a notebook
  • Practice drawing anything you’d normally write

(user stories, for example, or even your grocery list)

  • Find a drawing buddy or mentor you trust; draw with your

kids

  • Hold brown bag practice sessions or online hangouts

Practice makes permanent: 60 days to cement new behavior (via FastCo.)

slide-31
SLIDE 31

31 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Picture Here

Wrap-up: Methods

Click to launch interactive chart (in slide mode)

slide-32
SLIDE 32

32 Draw It Out: The Power of Visual Communication | SATURN 2016 | MJ Broadbent & Amine Chigani

Wrap-up: Resources

Click to launch books

  • nline (in

slide mode)

slide-33
SLIDE 33

Thank you!

Amine Chigani

chigani@ge.com @AmineChigani

MJ Broadbent

mj.broadbent@ge.com @mjbroadbent