Sketching to explore, explain and envision
-
Upload
ben-crothers -
Category
Design
-
view
144 -
download
2
Transcript of Sketching to explore, explain and envision
![Page 1: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/1.jpg)
Ben Crothers Director, Second Road@bencrothers | [email protected]
Sketching to explore, explain and envision
![Page 2: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/2.jpg)
Hi everyone, I’m Ben
DESIGN TOOLS & TECHNIQUES
BRING OUT CREATIVITY
HELP BRING VISIONS TO LIFE
Ben Crothers | @bencrothers | [email protected]
![Page 3: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/3.jpg)
Words fail
![Page 4: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/4.jpg)
Visuals stickImage: Rosie Joyce
![Page 5: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/5.jpg)
So I’m not talking about this…
![Page 6: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/6.jpg)
…or this
![Page 7: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/7.jpg)
Sketching to help us generate and communicate ideas to others The basics, figures and faces Common iconic objects, visual metaphor Conceptual sketching for systems and relationships
What I am talking about:
Ben Crothers | @bencrothers | [email protected]
![Page 8: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/8.jpg)
How comfortable are you with sketching?
![Page 9: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/9.jpg)
3 types of sketching
LITERAL REPRESENTATION
VISUAL METAPHOR
CONCEPTUAL REPRESENTATION
Ben Crothers | @bencrothers | [email protected]
![Page 10: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/10.jpg)
No more stick figures!
The basics
![Page 11: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/11.jpg)
Figures convey attitude, action, and story Sketch the body language
Sketching figures and expression
Ben Crothers | @bencrothers | [email protected]
![Page 12: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/12.jpg)
Faces convey emotion, connection, and story Think in comic language
Sketching faces and emotion
Ben Crothers | @bencrothers | [email protected]
![Page 13: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/13.jpg)
Amping up your visual vocabulary
Sketching objects and icons
![Page 14: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/14.jpg)
All objects can be broken into simple lines and shapes, such as rectangles and circles
Basic objects
Ben Crothers | @bencrothers | [email protected]
![Page 15: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/15.jpg)
Draw light foundation lines first in pencil or light marker Draw the final lines in black marker using the foundations lines as a guide
Foundation lines
Ben Crothers | @bencrothers | [email protected]
![Page 19: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/19.jpg)
Foundation lines
![Page 20: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/20.jpg)
Frames and ribbons highlight importance Thought and speech bubbles are good for storyboarding
Framing devices
Ben Crothers | @bencrothers | [email protected]
![Page 21: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/21.jpg)
Vary line weight for emphasis Add lozenges to group objects Add shadows to anchor the objects in space
Tips for adding vitality and interest
Ben Crothers | @bencrothers | [email protected]
![Page 22: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/22.jpg)
Playing your movie in other people’s heads
Visual metaphor
![Page 23: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/23.jpg)
We understand new concepts by relating them to previous concepts Simple images are powerful visual metaphors for communicating concepts
Visual metaphor
Ben Crothers | @bencrothers | [email protected]
![Page 24: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/24.jpg)
Clichés are boring. Visualising clichés is awesome.
Tip: Play the ‘What Would My Boring Uncle Say?’ game
MEANING METAPHOR SKETCH
This data is of dubious quality
Take this with a grain of salt
Ben Crothers | @bencrothers | [email protected]
![Page 26: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/26.jpg)
Combine objects and icons for richer meaning without words
Visual metaphor - on Red Bull
Ben Crothers | @bencrothers | [email protected]
![Page 27: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/27.jpg)
Moving beyond simple Venn diagrams
Systems and relationships
![Page 28: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/28.jpg)
Explore different comparison patterns to show relationships between elements
Connections and proportions
Ben Crothers | @bencrothers | [email protected]
![Page 29: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/29.jpg)
Sketch arrows to convey journey and process Treat the arrows like characters in themselves, and bring them to life
Time and flow
Ben Crothers | @bencrothers | [email protected]
![Page 30: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/30.jpg)
Show structured events and sequences by combining arrows and shapes Use business process notation, like fishbones and swimlanes
Order and sequence
Ben Crothers | @bencrothers | [email protected]
![Page 31: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/31.jpg)
Final words
![Page 32: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/32.jpg)
Get into the sketchbook habit Set yourself challenges - one new icon a week, draw on the whiteboard with your team Find your style - develop your look over time Display your sketches
Final words
Ben Crothers | @bencrothers | [email protected]
![Page 33: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/33.jpg)
Thanks@bencrothers
![Page 34: Sketching to explore, explain and envision](https://reader034.fdocuments.us/reader034/viewer/2022042907/58e6748c1a28ab2a298b57b9/html5/thumbnails/34.jpg)
• Drawing Ideas (Mark Baskinger and William Bardel) - my favourite sketching book right now
• Drawing on the Right Side of the Brain (Betty Edwards) - great approach; something from outside the UX domain
• Sketching User Experiences (Bill Buxton) - the most often referenced book
• Sketching User Experiences - The Workbook • Rapid Viz: A New Method for the Rapid Visualisation of Ideas
(Kurt Hanks & Larry Belliston)
References
Ben Crothers | @bencrothers | [email protected]