Deck from the Sketchnotes-SF meetup, in August at Tangible UX [http://www.tangible-ux.com/]. We discussed what makes an *awesomenote*, did some quick warm-ups, then had 2 rounds of capture and iteration of a short TED talk. Lots of intentional learning and rapid improvement. Woot. Details on the meetup at: https://www.meetup.com/Sketchnotes-SF/events/232773921/

1. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
Sketchnotes-SFWelcome!
Tonight’s topic:
Capture, Iterate,
Refine
August 2016 @sketchnotesSF

2. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
thanks to our hosts
http://www.tangible-ux
@tangibleux

3. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
What will you get
out of tonight?
• shots on goal practice
• intentional learning
• visible improvement
• critique & feedback

4. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
• Pizza talk
• Awesomenote gallery
• warm-up
• 3 rapid-rounds
• critique & next step
learning goals
what we’ll do

5. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
pizza talk
• welcome & intros
• previous experience

6. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
Awesomenotes
Learning from what
we love and admire

7. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
intro
Sketchnote
reminders

8. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
why sketchnotes?
• externalize and clarify ideas
• communicate with others
• highlight emotional content
• share & celebrate

9. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine

10. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine

11. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
Gray marker or pencil
Gel pens (.3 / .5 / .7) Unlined Moleskine
Common materials

12. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
Everyone got
materials?

13. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
warm-ups
quick activity to
get your hands
moving.

14. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine

15. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
30 seconds

16. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
5 minutes to clarify
• Make a visual summary of your day...
When did you wake up? Where did you go?
What did you do? What was the weather like?
sketch your day
• Take 5 minutes to visually clarify:
* structure the layout (connect the parts)
* add text emphasis (5 from 1!)
* add icons
* add labels (name, date, times) & color
3 minutes to capture

17. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
share
2 min!

18. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
rapid rounds
3 practice sessions
with intentional
improvement

19. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
sketchnote practice
ROUND 1

20. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
• Listen & capture"" " 3.5 min
• Post-note"" " " " " " 5 min
• Pair-share" " " " " " 5 min + 5 min
• Improve-list" " " " " 2 min
ROUND 1
Post-noting: 5 minutes to visually clarify:
* structure the layout " " (connect the parts)
* add text emphasis " " (text heirarchy!)
* add icons " " " " " (imagery)
* add labels " " " " " (name, date, times)
* add limited color

21. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
https://www.ted.com/talks/richard_st_john_s_8_secrets_of_success
• title of talk
• speaker name
• speaker portrait
• event
• date
• your name +
contact
TED talk 3.5 minutes
8 secrets of success
Richard St. John at TED 2005, Feb 2005

22. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
https://www.ted.com/talks/richard_st_john_s_8_secrets_of_success
• title of talk
• speaker name
• speaker portrait
• event
• date
• your name +
contact
TED talk 5 minutes
8 secrets of success
Richard St. John at TED 2005, Feb 2005
Add: structure, emphasis, text
heirarchy & styles, icons, labels,
color...
Post-note!

23. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
1 min quiet read & notes
3 min to discuss
Pair-Share
• Quiet read: take a look and jot down
* 2 good things you notice
* 2 things to improve.
• Discuss the note and the feedback.

24. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
2 min
Improve-list
•Write down 3 things
you want to improve
in the next round.

25. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
sketchnote practice
ROUND 2

26. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
• Listen & capture"" " 3.5 min
• Post-note"" " " " " " 5 min
• Pair-share" " " " " " 5 min + 5 min
• Improve-list" " " " " 2 min
ROUND 2
Post-noting: 5 minutes to visually clarify:
* structure the layout " " (connect the parts)
* add text emphasis " " (text heirarchy!)
* add icons " " " " " (imagery)
* add labels " " " " " (name, date, times)
* add limited color

27. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
https://www.ted.com/talks/richard_st_john_s_8_secrets_of_success
• title of talk
• speaker name
• speaker portrait
• event
• date
• your name +
contact
TED talk 3.5 minutes
8 secrets of success
Richard St. John at TED 2005, Feb 2005

28. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
https://www.ted.com/talks/richard_st_john_s_8_secrets_of_success
• title of talk
• speaker name
• speaker portrait
• event
• date
• your name +
contact
TED talk 5 minutes
8 secrets of success
Richard St. John at TED 2005, Feb 2005
Add: structure, emphasis, text
heirarchy & styles, icons, labels,
color...
Post-note!

29. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
1 min quiet read & notes
3 min to discuss
Pair-Share
• Quiet read: take a look and jot down
* 2 good things you notice
* 2 things to improve.
• Discuss the note and the feedback.

30. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
2 min
Improve-list
•Write down 3 things
you want to improve
in the next round.

31. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
sketchnote practice
ROUND 3

32. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
• Reference & capture" " " 10 min
ROUND 3
Work to visually clarify:
* layout & structure "" (connect the parts)
* text emphasis " " " (text heirarchy!)
* icons " " " " " " (imagery)
* labels "" " " " " (name, date, times)
* limited color
• Prepare to post" " " " " " " 2 min

33. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
collaborative
critique

34. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
What will
you improve
on next
time?

35. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
Sketchnoting
http://sketchnotearmy.com/
http://whiteboardwarrior.org
http://www.meetup.com/Sketchnotes-SF/
Resources

36. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
General Visual Practice
Resources

37. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
Graphic recording & facilitation
International Forum of Visual Practitioners:
http://ifvpcommunity.ning.com/
Center for Graphic Facilitation:
http://graphicfacilitation.blogs.com/
Resources

38. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
Lettering
Resources

39. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
People to follow
Sketchnote Army
http://sketchnotearmy.com/
Mike Rohde
http://rohdesign.com
@rhodesign
Sunni Brown
http://sunnibrown.com
@sunnibrown
David Sibbet @ the Grove
http://grove.com
Dave Gray
http://www.davegrayinfo.com
@davegray
Sacha Chua
http://sachachua.com
@sachachua
Alexis Finch
http://graphitemind.com
@agentfin
Austin Kleon
http://austinkleon.com
@austinkleon
Eva Lotta-Lamm
http://www.evalotta.net
@evalottchen
Doug Neil
http://www.thegraphicrecorder.com/
http://www.verbaltovisual.com/
@douglaspneill
Jeannel King
http://jeannelking.com/
@jeannelking
Kate Rutter
http://intelleto.com
@katerutter

40. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
Buy the book. There are 2.
Shameless plug

41. Sketchnotes-SF :: Aug 11, 2016 :: Capture, Iterate, Refine
may the sketch
be with you!
Sketchnotes-SF Meetup
Thu Aug 11, 2016
Kate Rutter | @katerutter