UXCampNL: Sketch workshop slides by Frank van de Ven

Deloitte Digital 1

Deloitte Digital 2

Sketching andvisual storytelling:

Tips & tricks

Sketching and visual storytelling:

Why is it important?

Design thinking &service design principles:

1. It’s user-centered2. It’s co-creative & multi-disciplinary3. It revolves around tangible touchpoints4. It is holistic (the ‘bigger picture’)5. It’s visual

Sketching plays animportant role in all of these principles

Design thinking &service design principles:

1. It’s user-centered2. It’s co-creative & multi-disciplinary3. It revolves around tangible touchpoints4. It is holistic (the ‘bigger picture’)5. It’s visual

Everything starts with a sketch…

A typical workshop…

Results in a concept…

…Which is then visualized and polished

…to a final infographic, poster or visual

It can be used to explain the key elements of a concept

It can be used to explain the key elements of a concept

Or to convey a new customer journey in the form of a story…

And can even be used to visualize the process of a workshop you’re about to give

Principles of effective

Sketching & visualstorytelling:

1. Keep it simple, but lively

2. Use metaphors and icons to make it memorable

3. Composition and framing are key

4. Layer your story and link it

Deloitte Digital 21

1. A few lines can say a lot

2. Use emphasizing lines to make it lively

3. Use facial expressions if emotions play a role

4. Straight, clean lines

Try it yourself for 5 min:Draw a happy scholar and a dancing teacher

Deloitte Digital 22

Deloitte Digital 23

Now you! draw symbols/icons for:

1. Connectivity

2. Action

3. Human-product interaction

4. Ecosystem

5. Disruption

Deloitte Digital 24

• What’s the purpose of you drawing?

• Is it a chronological story, concept explanation, a storyboard?

• 3 sec, 30 sec, 3 min rule

• Close up vs long shots

• End personally!

Deloitte Digital 25

• Pay attention to framing your story and the way characters are positioned

• Left: use dividers to increase interaction and connection

• Right: form follows content – decide how much content you want to show before you draw the container

• Pay respect to perspective and the visual relation between shapes and bodies.

• Be careful where you ‘cut off’ your objects

Deloitte Digital 26

• Link nodes and show their interaction• Layering to create depth of field• Scale and use of metaphors• Symbols and icons

Deloitte Digital 27

Catchy, personal and engaging opening

Key facts, USPs or 3 most importantsaspects of your story

Process overview with end result

Benefits for the company

Deloitte Digital 28

Final assigment.We need a…

1. Favorite family member

2. Last purchased product

3. Favorite spot

4. Key emotion

Now:

Brainstorm (5 min), choose your format (customer journey, infographic, storyboard) and try to apply the 5 principles!

Deloitte Digital 29