![Page 1: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/1.jpg)
Deloitte Digital 1
![Page 3: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/3.jpg)
Sketching andvisual storytelling:
Tips & tricks
![Page 4: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/4.jpg)
Sketching and visual storytelling:
Why is it important?
![Page 5: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/5.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/6.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/7.jpg)
Everything starts with a sketch…
![Page 8: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/8.jpg)
A typical workshop…
![Page 9: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/9.jpg)
Results in a concept…
![Page 10: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/10.jpg)
…Which is then visualized and polished
![Page 11: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/11.jpg)
…to a final infographic, poster or visual
![Page 12: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/12.jpg)
![Page 13: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/13.jpg)
![Page 14: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/14.jpg)
![Page 15: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/15.jpg)
![Page 16: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/16.jpg)
It can be used to explain the key elements of a concept
![Page 17: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/17.jpg)
It can be used to explain the key elements of a concept
![Page 18: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/18.jpg)
Or to convey a new customer journey in the form of a story…
![Page 19: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/19.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/20.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/21.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/22.jpg)
Deloitte Digital 22
![Page 23: UXCampNL: Sketch workshop slides by Frank van de Ven](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/23.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/24.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/25.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/26.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/27.jpg)
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](https://reader031.vdocuments.us/reader031/viewer/2022030311/58ef7ed01a28abaa398b4629/html5/thumbnails/28.jpg)
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!