29
Deloitte Digital 1

UXCampNL: Sketch workshop slides by Frank van de Ven

Embed Size (px)

Citation preview

Page 1: UXCampNL: Sketch workshop slides by Frank van de Ven

Deloitte Digital 1

Page 2: UXCampNL: Sketch workshop slides by Frank van de Ven

Deloitte Digital 2

Page 3: UXCampNL: Sketch workshop slides by Frank van de Ven

Sketching andvisual storytelling:

Tips & tricks

Page 4: UXCampNL: Sketch workshop slides by Frank van de Ven

Sketching and visual storytelling:

Why is it important?

Page 5: UXCampNL: Sketch workshop slides by Frank van de Ven

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

Page 6: UXCampNL: Sketch workshop slides by Frank van de Ven

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

Page 7: UXCampNL: Sketch workshop slides by Frank van de Ven

Everything starts with a sketch…

Page 8: UXCampNL: Sketch workshop slides by Frank van de Ven

A typical workshop…

Page 9: UXCampNL: Sketch workshop slides by Frank van de Ven

Results in a concept…

Page 10: UXCampNL: Sketch workshop slides by Frank van de Ven

…Which is then visualized and polished

Page 11: UXCampNL: Sketch workshop slides by Frank van de Ven

…to a final infographic, poster or visual

Page 12: UXCampNL: Sketch workshop slides by Frank van de Ven
Page 13: UXCampNL: Sketch workshop slides by Frank van de Ven
Page 14: UXCampNL: Sketch workshop slides by Frank van de Ven
Page 15: UXCampNL: Sketch workshop slides by Frank van de Ven
Page 16: UXCampNL: Sketch workshop slides by Frank van de Ven

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

Page 17: UXCampNL: Sketch workshop slides by Frank van de Ven

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

Page 18: UXCampNL: Sketch workshop slides by Frank van de Ven

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

Page 19: UXCampNL: Sketch workshop slides by Frank van de Ven

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

Page 20: UXCampNL: Sketch workshop slides by Frank van de Ven

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

Page 21: UXCampNL: Sketch workshop slides by Frank van de Ven

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

Page 22: UXCampNL: Sketch workshop slides by Frank van de Ven

Deloitte Digital 22

Page 23: UXCampNL: Sketch workshop slides by Frank van de Ven

Deloitte Digital 23

Now you! draw symbols/icons for:

1. Connectivity

2. Action

3. Human-product interaction

4. Ecosystem

5. Disruption

Page 24: UXCampNL: Sketch workshop slides by Frank van de Ven

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!

Page 25: UXCampNL: Sketch workshop slides by Frank van de Ven

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

Page 26: UXCampNL: Sketch workshop slides by Frank van de Ven

Deloitte Digital 26

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

Page 27: UXCampNL: Sketch workshop slides by Frank van de Ven

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

Page 28: UXCampNL: Sketch workshop slides by Frank van de Ven

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!

Page 29: UXCampNL: Sketch workshop slides by Frank van de Ven

Deloitte Digital 29