The Power of Visual Notetaking :: SF Design Week, General Assembly [Tue Jun 17, 2014]

Post on 11-Aug-2014

25.448 views 3 download

Tags:

description

Visual note-taking is a powerful tool for design professionals who want to capture ideas and communicate them effectively. Known as sketchnoting or graphic recording, this practical technique enables you to capture key points of an idea, recall content and take action on new learnings. Whether used as a personal tool or as a facilitation method for group collaboration, visual notes are a powerful way to create memorable, engaging info summaries. In this hands-on workshop, participants developed a visual vocabulary of images of things and concepts, learned simple lettering techniques, and got familiar with structuring information into common layout patterns. Then they brought it all together by capturing visual notes in real time from video, and got feedback and inspiration in a group critique. If you're new to visual notetaking, this is a fun and fast way to get started. If you're a seasoned sketcher or visual note-taker, you can review this deck to advance your practice.

Transcript of The Power of Visual Notetaking :: SF Design Week, General Assembly [Tue Jun 17, 2014]

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Ulc te pwr o

ifrain wt Vsa

Nttkn

Wloe!

San Francisco

Design Week 2014

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

• Ito o vsa nts

• rpd-rud

•patc ssin

• gley & ciiu

•Nx ses

Wa w’l d

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Wo’s hr?• nm

• ps eprec ih

vsa nts / secig

• fvrt sproe

5 mnts

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

• Picpl, Itleo.cm

• C-Fudr, Lx.c

• Secntr, gahc rcre

• Eternusi + U

Kt Rte

@ktrte

ht://itleo.cm

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

secntn?

gahc rcrig?

gahc fcltto?

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Kate Rutterhttp://intelleto.com/2013/09/24/sketchnotes-from-napkin-academy-live-the-presenters-journey-with-dan-roam/

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Kate Rutterhttp://intelleto.com/portfolio/sketchnotes-service-experience-conference-2013/

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Kate Rutter for Great Work MBA

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Kate Rutterhttp://intelleto.com/2013/10/15/sketchnotes-from-design-thinking-meetup-with-audrey-crane/

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Kate Rutterfor Lippincott Customer Experience Event

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Kate Rutter for Code for America

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Wy?• cpue & rmme ies

• vsal eggn & mmrbe

• hglgt eoinl cnet

• Ognz no srcue

• Sae & clbae

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

I 1n ht hn I ae nts

vsal, I o ak vr hm

mr otn, n m be o

rcl h ies oe cery.

““

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Wa t epc

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Secntn Bsc

Ito

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Te bsc...

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Doug Neillhttp://www.thegraphicrecorder.com/2013/08/12/sketchnotes-of-austin-kleons-creative-mornings-talk-on-showing-your-work/

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Doug Neillhttp://www.thegraphicrecorder.com

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Alexis Finchhttp://www.flickr.com/photos/agentfin/8721881140/in/set-72157633702488134/

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Sacha Chuahttp://sachachua.com/blog/2012/12/visual-book-notes-best-practices-are-stupidstephen-m-shapiro/

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Kate Rutterhttp://intelleto.com/portfolio/sketchnotes-service-experience-conference-2013/

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Maria Marianohttps://medium.com/@mbfmariano/7e847855b27b

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Mike Rohde

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Cmo mtras

Gray marker or pencil

Gel pens (.3 / .5 / .7) Unlined Moleskine

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Go-eog mtras

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Eeyn gt

mtras?

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

qik atvt o e

yu ad mvn.

wr-us

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

3 scns

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

3 scns

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

• lteig

• mowrs

• pol

• tig

• ies

rpd rud

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

5 fo 1bsc • srf • dul • bbl • bok

Lteig

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

bsc

srf

dul

bbl

bok

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

2 scns

bsc

tl

wd

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

mowrs

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

2 scns

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

sleepy

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

wild

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

terrifying

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

bitter

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

surprise!

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

unique

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

pol

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Sa pol

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Sa pol

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

smilefrown

up brows

neutral

down brows

no brows

add a mouth...

add eyebrow

s...

Epesos mti

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

pol & epesos

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

“When’s the

next shuttle?”

1 scns

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

“Actually, I’m happy you’re miserable.”

1 scns

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

“I’m sorry I took the last

donut.”

1 scns

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

“Huzzah! You got that

awesome job!”

1 scns

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

tig

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

1 scns

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

coffee cup

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

smart phone

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

clouds

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

laptop

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

hammer

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

anchor

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

umbrella

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

globe

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

key

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

ies

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

2 scns

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

great idea

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

balance

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

adapt

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

capture

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

share

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

success

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Bt <rt, oe tp...Patc Ssin

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

• lna, vria & sycae

• rda & pt

• mdlr & ppon

Lyus

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

linear vertical

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

skyscraper

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Jessica Eldredgehttp://www.flickr.com/photos/jessabean/8705360625 lna

vria

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

radial

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Jason Aldermanhttp://www.flickr.com/photos/jalderman/10039867503 rda

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

path

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Alexis Finchhttp://www.flickr.com/photos/agentfin/10986121516/in/set-72157637923005334

pt

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

modular

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Stephani Batchetti://www.core77.com/blog/sketchnotes/sketchnotes_of_iit_institute_of_designs_design_research_conference_2013_by_stefani_bachetti_25727.asp modular

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Scott Torrencehttp://www.flickr.com/photos/100566070@N06/9727471316 mdlr

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Carolyn Sewellhttp://www.flickr.com/photos/pedestriantype/8741556545

mdlr

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

popcorn

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Timothy Reynoldshttp://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/ ppon

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Kate Rutterhttp://intelleto.com/2013/11/18/sketchnotes-get-traction-nir-eyal/ ppon

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Patc Ssin

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

TD tl }https://www.ted.com/talks/david_kelley_how_to_build_your_creative_confidence#t-399414

11:43 min

• tte f tl

• sekr ae

(& prri)

• eet

• dt

• or ae +

cnat

David Kelley at TED, March 2012

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Fns u...https://www.ted.com/talks/david_kelley_how_to_build_your_creative_confidence#t-399414

David Kelley at TED, March 2012

• tte f tl

• sekr ae (& prri)

• eet

• dt

• or ae + cnat

Ad: epai, tp sye,

cnetr, fae,

dph, clr....

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Gley & Ciiu

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

frhr epoain

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Ji te meu:ht://ww.meu.cm/Secnts-S/

@secntsF

Secnt Mrig

Eey Tusa mrig 8-9m

a h Ebraeo.

Mnhy Meu

Srcue meu ssin a

lt ie hs wrso.

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Pol t floSecnt Am

ht://secntam.cm/

Mk Rhe

ht://rhein.cm

@roein

Sni Bon

ht://snirw.cm

@snirw

Dvd Sbe @ h Goe

ht://goe.cm

Dv Gaht://ww.dvgaif.cm

@dvga

Sca Cu

ht://scaha.cm

@scaha

Aei Fnh

ht://gahtmn.cm

@aet>n

Asi Ken

ht://asiken.cm

@asiken

Ea Lta-Lm

ht://ww.eaot.nt

@eaothn

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Mr vz tik rsucs...

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

seil offe!

tak o ie o h

dson cd!

INTRO TO VISUAL NOTETAKING | JUN 17, 2104

Tak!@ktrteht://itleo.cm