Upload
kate-rutter
View
2.006
Download
1
Embed Size (px)
DESCRIPTION
Deck from the Service Design Network Meetup at Adaptive Path in San Francisco. The talk introduces sketchnoting and creating a visual practice in the context of service design. Activities include warm-ups and rapid rounds, then pairing up to make visual notes of a service story told by your peer. Details on the meetup at: http://www.eventbrite.com/o/sdn-sf-4654524183?s=21308657
Citation preview
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Sketchnoting
+ Service Design = BFFs
Welcome!
intro to visual note-taking
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
• welcome & wtf
• warm-ups• rapid-rounds• practice sessio
n
• further explorations
what we’ll do
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Who’s here?
• service designers?
• ux designers?• other?
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Who’s here?
• storytellers?• sketchers?• sketchnoters?
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
• Principal, Intelleto.com
• Co-Founder, Luxr.co
• Sketchnoter, graphic recorder
• Entrepreneurship + UX
Kate Rutter
@katerutter
http://intelleto.com
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://intelleto.com/portfolio/sketchnotes-service-experience-conference-2013/
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://intelleto.com/portfolio/sketchnotes-service-experience-conference-2013/
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
What to expect
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Service Design +
visual notetaking
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Service Design +
visual notetaking
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Why?• stories -> experiences
• listen & capture
• find new stories &
communicate them
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Why?• emerging ideas• capture & remember
• highlight emotions and
structures
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
What’s your story?
• think of a service
experience you’ve had
lately• multiple channels
• beginning, middle, end
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
What is sketchnoting?
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
The basics...
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://www.thegraphicrecorder.com/2013/08/12/sketchnotes-of-austin-kleons-creative-mornings-talk-on-showing-your-work/
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://www.thegraphicrecorder.com/2013/02/20/sketchnotes-of-the-sketchnote-handbook-video-series/
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://www.flickr.com/photos/rohdesign/8483922691/in/pool-thesketchnotehandbook|rohdesign
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://www.flickr.com/photos/agentfin/8721881140/in/set-72157633702488134/
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://sachachua.com/blog/2012/12/visual-book-notes-best-practices-are-stupidstephen-m-shapiro/
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://sachachua.com/blog/2012/12/visual-book-notes-best-practices-are-stupidstephen-m-shapiro/
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://intelleto.com/portfolio/sketchnotes-service-experience-conference-2013/
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Common materials
Gray marker or pencil
Gel pens (.3 / .5 / .7) Unlined Moleskine
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Your materials
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Everyone got
materials?
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
quick activity to get
your hand moving.
warm-ups
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
30 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
30 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
• lettering
• stuff
• layouts
Elements
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
MRP:Minimum Readable Product
Lettering
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
rapid rounds
Lettering: 5 from 1
basic • serif •!double
bubble •!block
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Clarity.Not Art.
Stuff
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
draw-along
• star people
• expressionsPeople
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Star people
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Star people
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Star people
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
ExpressionsMatrix
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Expressions matrix
smilefrown
up brows
neutral
down brows
no brows
add a mouth...
add eyebrow
s...
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
rapid rounds
• people & expressions
• things• ideas
Objects
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
people & expressions
(4)
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
“When’s the
next shuttle?”
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
“Actually, I’m
happy you’re
miserable.”
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
“I’m sorry I
took the last donut.”
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
“they paid HOW
MUCH for instagram?
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
things(6)
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
smart phone
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
arrows
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
10 seconds
clock
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
ladder
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
gears
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
10 seconds
wrench
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
ideas(6)
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
bright idea
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
10 seconds
direction
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
involvement
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
patience
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
learning
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
choices
10 seconds
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Structure over styling
Relationships &
Layouts
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
• linear & vertical
• radial & path
• skyscraper
• modular & popcorn
Layouts
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://www.flickr.com/photos/jessabean/8705360625
linear
SKETCHNOTES FTW | Google U | DEC 16, 2013
http://www.flickr.com/photos/jalderman/10039867503 radial
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://www.flickr.com/photos/agentfin/8721881140/in/set-72157633702488134/ path
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://www.flickr.com/photos/100566070@N06/9727471316 modular
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://www.flickr.com/photos/pedestriantype/8741556545
modular
SKETCHNOTES FTW | Google U | DEC 16, 2013
http://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/ popcorn
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
http://intelleto.com/2013/11/18/sketchnotes-get-traction-nir-eyal/
hybrid
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
practice in action
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
service stories
•1 storyteller:
tell your service
experience story
•1 sketchnoter:
capture the story:
- emotion
- structure
- imagery
pair up...then we’ll swap
2.5 min
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
finish up
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Swap!
•1 storyteller:
tell a service
experience story
•1 sketchnoter:
capture the story:
- emotion
- structure
- imagery
2.5 min
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
finish up
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
show & share
learn from others
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
further explorations
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
TED talk }http://www.ted.com/talks/julian_treasure_5_ways_to_listen_better.html
7.5 min
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Join the meetup:
@sketchnotesSF
Thu, Feb 13, 2014
@ Runway in SF
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
More sketchnote resources...
http://sketchnotearmy.com/
the Back of the Napkin
by Dan Roam
Sketching User Experiences: The Workbook
by Saul Greenberg,Sheelagh Carpendale,
Nicolai Marquardt, Bill Buxton
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
special offer!
thanks to Mike for the
discount code!
sketchnotes + service design :: SDN Meetup :: Feb 11, 2014
Feb 11, 2014
Thanks!@katerutter
http://intelleto.com