The document outlines an agenda for a session on sketching for engineers. It discusses using sketching to enhance communication and as a tool to bridge understanding between engineers and designers. Various sketching methods and techniques are presented, such as sketching common UI elements, flows, and visual note taking. The importance of practicing sketching regularly is emphasized.

1. sketching for engineers
megan williams - @hellomeganw
1

2. 2

3. Agenda
Warm up: put pencil to paper
Intro: sketching at work
Sketching as a tool: enhance communication
Methods of sketching: practical application
Resources: beyond this session
3

4. Warm up
Get into groups of 4
Sketch!
a place, a thing, a person, and a way to pay
Create a story
Share your story
4

5. 5

6. 6

7. 7

8. Requirements
Design
Build
Q&A
Ship
Waterfall Design Process
8

9. Lean UX Process
Iteration 1 Iteration 2
9

10. 10

11. 11

12. 12

13. 13

14. 14

15. Sketching at PayPal
15

16. 16

17. 17

18. Why sketch?
Better empathetic connection
1 picture = 1,000 words
Bridges communication with Designers
Establishes mutual understanding
18

19. 19

20. 20

21. Sketching as a
communication tool
21

22. COMMUNICATION STYLES MATRIX BY DR. EILEEN RUSSO
High assertiveness
Direct
Tells
Asks
Low assertiveness
Low expressiveness
High expressiveness
Hides emotions
Displays emotions
Spirited
Systematic Considerate
22

23. COMMUNICATION STYLES MATRIX BY DR. EILEEN RUSSO
Direct Spirited
“let’s get the
job done now”
“let’s talk about
big ideas”
results driven idea driven
Systematic Considerate
“let’s talk about the
impact to our users”
“let’s do it right
the first time”
facts driven empathy driven
23

24. Collaboration with sketching
24

25. 25

26. Lean UX Process
Iteration 1 Iteration 2
26

27. 27

28. Problem statements
28

29. 29

30. http3://0101fundraising.org/wp-content/uploads/2013/08/customer-journey.png

31. Activity
Get into groups of 2
Sketch!
Take turns drawing an emotion
31

32. http3://2101fundraising.org/wp-content/uploads/2013/08/customer-journey.png

33. 33

34. 34

35. 35

36. 36

37. Common UI elements
37

38. 38

39. 39

40. 40

41. Flows and progress
41

42. 42

43. Visual note taking
43

44. 44

45. Paper prototyping
45

46. 46

47. 47

48. Mutual learning
48

49. http://appendto.com/2014/03/replacing-common-ui-icons-with-css-2/
49

50. 50

51. Practice
51

52. 52

53. thenounproject.com
53

54. Mail Chimp pattern library
54

55. 55

56. 56

57. 57

58. 58

59. Sketching + Engineers
Dive in with common UI elements
Use containers to organize
Connect with emotions
Use problem statements
Build your toolbox
Practice often!
59

60. 60

61. thank you.
megan@hellomegan.com
hellomeganw
61

62. Resources
The Sketchnote Handbook - Mike Rohde
The Doodle Revolution - Sunni Brown
Back of the Napkin - Dan Roam
Skillshare.com classes
62