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