Sketchnotes+Service Design=BFFs :: Service Design Meetup [Tue Feb 11, 2014]

sketchnotes + service design :: SDN Meetup :: Feb 11, 2014

Sketchnoting

+ Service Design = BFFs

Welcome!

intro to visual note-taking


• welcome & wtf

• warm-ups• rapid-rounds• practice sessio

n

• further explorations

what we’ll do


Who’s here?

• service designers?

• ux designers?• other?


Who’s here?

• storytellers?• sketchers?• sketchnoters?


• Principal, Intelleto.com

• Co-Founder, Luxr.co

• Sketchnoter, graphic recorder

• Entrepreneurship + UX

Kate Rutter

@katerutter

http://intelleto.com


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




What to expect


Service Design +

visual notetaking


Service Design +

visual notetaking


Why?• stories -> experiences

• listen & capture

• find new stories &

communicate them


Why?• emerging ideas• capture & remember

• highlight emotions and

structures


What’s your story?

• think of a service

experience you’ve had

lately• multiple channels

• beginning, middle, end


What is sketchnoting?


The basics...


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


http://www.thegraphicrecorder.com/2013/02/20/sketchnotes-of-the-sketchnote-handbook-video-series/


http://www.flickr.com/photos/rohdesign/8483922691/in/pool-thesketchnotehandbook|rohdesign


http://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/


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


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


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




Common materials

Gray marker or pencil

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


Your materials


Everyone got

materials?


quick activity to get

your hand moving.

warm-ups



30 seconds


30 seconds


• lettering

• stuff

• layouts

Elements


MRP:Minimum Readable Product

Lettering


rapid rounds

Lettering: 5 from 1

basic • serif •!double

bubble •!block







Clarity.Not Art.

Stuff


draw-along

• star people

• expressionsPeople


Star people


Star people


Star people


ExpressionsMatrix


Expressions matrix

smilefrown

up brows

neutral

down brows

no brows

add a mouth...

add eyebrow

s...


rapid rounds

• people & expressions

• things• ideas

Objects


people & expressions

(4)



“When’s the

next shuttle?”

10 seconds


“Actually, I’m

happy you’re

miserable.”

10 seconds


“I’m sorry I

took the last donut.”

10 seconds


“they paid HOW

MUCH for instagram?

10 seconds


things(6)




smart phone

10 seconds


arrows

10 seconds


10 seconds

clock


ladder

10 seconds


gears

10 seconds


10 seconds

wrench


ideas(6)



bright idea

10 seconds


10 seconds

direction


involvement

10 seconds


patience

10 seconds


learning

10 seconds


choices

10 seconds


Structure over styling

Relationships &

Layouts


• linear & vertical

• radial & path

• skyscraper

• modular & popcorn

Layouts


http://www.flickr.com/photos/jessabean/8705360625

linear

SKETCHNOTES FTW | Google U | DEC 16, 2013

http://www.flickr.com/photos/jalderman/10039867503 radial


http://www.flickr.com/photos/agentfin/8721881140/in/set-72157633702488134/ path


http://www.flickr.com/photos/100566070@N06/9727471316 modular


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


http://intelleto.com/2013/11/18/sketchnotes-get-traction-nir-eyal/

hybrid


practice in action


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


finish up


Swap!

•1 storyteller:

tell a service

experience story

•1 sketchnoter:

capture the story:

- emotion

- structure

- imagery

2.5 min


finish up


show & share

learn from others


further explorations


TED talk }http://www.ted.com/talks/julian_treasure_5_ways_to_listen_better.html

7.5 min


Join the meetup:

@sketchnotesSF

Thu, Feb 13, 2014

@ Runway in SF


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


special offer!

thanks to Mike for the

discount code!


Feb 11, 2014

Thanks!@katerutter

http://intelleto.com