the power of visual notetaking :: sf design week, general assembly [tue jun 17, 2014]
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
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