Presentation of sharing session in IxDA HK Meetup on Nov 2012, about sketching simple pictures to keep ideas and communicate concepts.

1. Sketching for Design
Calvin C. Chan
@calvincchan
Thursday, 15 November, 12

2. Warm Up
Thursday, 15 November, 12

3. 1. Draw a circle on the post-it note.
(30 seconds)
Thursday, 15 November, 12

4. 2. en draw the face of the person
next to you.
Thursday, 15 November, 12

5. 2. en draw the face of the person
next to you.
(What’s his/her facial expression?)
(Wearing glasses?)
(Hair style?)
Thursday, 15 November, 12

6. 3. Add the name of the person to the note
Thursday, 15 November, 12

7. at will be the name card
for him/her for the night.
Thursday, 15 November, 12

8. Flow
- Who is Calvin
- Why sketching?
- Calvin’s Tips
Thursday, 15 November, 12

9. Who’s Calvin?
Thursday, 15 November, 12

10. Born and grew up in HK.
Thursday, 15 November, 12

11. Studied in Canada.
Majored in Computer Science.
Thursday, 15 November, 12

12. Engineer: Coding coding coding...
Thursday, 15 November, 12

13. 1. Code ninja alone
can’t make good product.
2. Design whole experience
with human in mind.
Thursday, 15 November, 12

14. Go to Japan:
Experience different design culture
Thursday, 15 November, 12

15. Japan:
1. Web Designer at “ACO Tokyo”
2. Mobile App Designer at “Genenix”
Thursday, 15 November, 12

16. Why Sketching?
Thursday, 15 November, 12

17. Not going to talk about:
sketching presentation (sketch-noting)
Thursday, 15 November, 12

18. Not going to talk about:
Wireframing
Thursday, 15 November, 12

19. Sketch To:
Input ⇢ Process ⇢ Output
Thursday, 15 November, 12

20. Sketch To:
Input: See
Process: ink, Create, Remember
Output: Communicate
Thursday, 15 November, 12

21. Why Sketching #1
Input: See, and see more.
Thursday, 15 November, 12

22. ings in front of you ⇢
Your eyes to look at details ⇢
Your mind to process & simplify ⇢
Your hand to materialize ⇢
Picture on paper!
Thursday, 15 November, 12

23. Thursday, 15 November, 12

24. Thursday, 15 November, 12

25. Thursday, 15 November, 12

26. Thursday, 15 November, 12

27. Why Sketching #2
Process: remember things,
create something new
Thursday, 15 November, 12

28. “whenever we go travel to together, you spend
much time taking tons of pictures...
but after a few months,
you forget about the fun moments during the trip.”
- My Wife
Thursday, 15 November, 12

29. Thursday, 15 November, 12

30. Thursday, 15 November, 12

31. Thursday, 15 November, 12

32. Why Sketching #3
Output: communicate your ideas
Thursday, 15 November, 12

33. Like sign-language,
but reader doesn’t need to learn it.
Thursday, 15 November, 12

34. e.g. UX Consultant Service:
“I have a prototype but have too many
questions to launch in confidence.
I have a good idea of the experience my
service should provide, but can’t seem to
create it.”
Thursday, 15 November, 12

35. Thursday, 15 November, 12

36. I have a prototype ... (blah blah blah)
Thursday, 15 November, 12

37. Just want to share...
Thursday, 15 November, 12

38. Thursday, 15 November, 12

39. Thursday, 15 November, 12

40. Calvin’s tips
Thursday, 15 November, 12

41. PRACTICE
Thursday, 15 November, 12

42. PRACTICE
and have fun doing it!!!
Thursday, 15 November, 12

43. Calvin’s tip #0
One pen. Some recycled paper.
Thursday, 15 November, 12

44. Pen, no eraser.
Recycled paper: less scary,
no guilt to throw away.
Thursday, 15 November, 12

45. Calvin’s tip #1
Practice the basics.
Thursday, 15 November, 12

46. Line, circle, box.
Shading.
(may be perspective.)
Thursday, 15 November, 12

47. Line, circle, box.
Shading.
(May be perspective.)
Thursday, 15 November, 12

48. What do you see most
as a UX practitioner?
Thursday, 15 November, 12

49. Calvin’s tips #2
Create your building blocks.
Thursday, 15 November, 12

50. People
Face, Facial Expression
Body Language
Hand Gesture
Hand Holding a Phone
Thursday, 15 November, 12

51. Thursday, 15 November, 12

52. Thursday, 15 November, 12

53. Thursday, 15 November, 12

54. Thursday, 15 November, 12

55. Thursday, 15 November, 12

56. Calvin’s tips #3
Build up your visual vocab.
Thursday, 15 November, 12

57. Vocab (Keyword):
Dream, Confident, Peace, Nervous,
Sense of security
Thursday, 15 November, 12

58. Example:
How to express “Confident”?
Thursday, 15 November, 12

59. Tip: Image Search Engine
Thursday, 15 November, 12

60. Thursday, 15 November, 12

61. Confident about future!
Thursday, 15 November, 12

62. Calvin’s tips #4
Photos Journal ⇢ Sketch Summary
Thursday, 15 November, 12

63. Apple store opening at Festival Walk
Thursday, 15 November, 12

64. (1) Take lots of photos
Thursday, 15 November, 12

65. (2) Sit down and draw
Thursday, 15 November, 12

66. (3) Make sure to capture interesting
points. Add imagination.
Thursday, 15 November, 12

67. Thursday, 15 November, 12

68. Let’s draw!
Thursday, 15 November, 12

69. Open your photo album in your phone.
Any recent photos of something that
interests you?
Thursday, 15 November, 12

70. Draw a quick sketch of it. (5 mins)
en explain to the group what you’re
drawing and why.
Thursday, 15 November, 12

71. To sum it up...
Thursday, 15 November, 12

72. • Why Sketching?
• Input: See More
• Process: ink, Create, Remember
• Output: Communicate
• Tips
• One pen. Some recycled paper.
• Practice the basics.
• Create your building blocks.
• Build up your visual vocab.
• Photos Journal ⇢ Sketch Summary
Thursday, 15 November, 12

73. Have fun!
Thursday, 15 November, 12

74. Calvin C. Chan
t: @calvincchan
e: hello@calvin-c.com
w: www.calvin-c.com
Thursday, 15 November, 12