0
Sketching for Design                               Calvin C. Chan                               @calvincchanThursday, 15 N...
Warm UpThursday, 15 November, 12
1. Draw a circle on the post-it note.                               (30 seconds)Thursday, 15 November, 12
2. en draw the face of the person                              next to you.Thursday, 15 November, 12
2. en draw the face of the person                              next to you.                    (What’s his/her facial exp...
3. Add the name of the person to the noteThursday, 15 November, 12
at will be the name card                            for him/her for the night.Thursday, 15 November, 12
Flow                              - Who is Calvin                            - Why sketching?                             ...
Who’s Calvin?Thursday, 15 November, 12
Born and grew up in HK.Thursday, 15 November, 12
Studied in Canada.                            Majored in Computer Science.Thursday, 15 November, 12
Engineer: Coding coding coding...Thursday, 15 November, 12
1. Code ninja alone                            can’t make good product.                            2. Design whole experie...
Go to Japan:                   Experience different design cultureThursday, 15 November, 12
Japan:                   1. Web Designer at “ACO Tokyo”                 2. Mobile App Designer at “Genenix”Thursday, 15 No...
Why Sketching?Thursday, 15 November, 12
Not going to talk about:           sketching presentation (sketch-noting)Thursday, 15 November, 12
Not going to talk about:                                 WireframingThursday, 15 November, 12
Sketch To:                            Input ⇢ Process ⇢ OutputThursday, 15 November, 12
Sketch To:                                 Input: See                      Process: ink, Create, Remember                ...
Why Sketching #1                            Input: See, and see more.Thursday, 15 November, 12
ings in front of you ⇢                        Your eyes to look at details ⇢                      Your mind to process & ...
Thursday, 15 November, 12
Thursday, 15 November, 12
Thursday, 15 November, 12
Thursday, 15 November, 12
Why Sketching #2                            Process: remember things,                              create something newThu...
“whenever we go travel to together, you spend                  much time taking tons of pictures...                     bu...
Thursday, 15 November, 12
Thursday, 15 November, 12
Thursday, 15 November, 12
Why Sketching #3                        Output: communicate your ideasThursday, 15 November, 12
Like sign-language,                    but reader doesn’t need to learn it.Thursday, 15 November, 12
e.g. UX Consultant Service:           “I have a prototype but have too many              questions to launch in confidence...
Thursday, 15 November, 12
I have a prototype ... (blah blah blah)Thursday, 15 November, 12
Just want to share...Thursday, 15 November, 12
Thursday, 15 November, 12
Thursday, 15 November, 12
Calvin’s tipsThursday, 15 November, 12
PRACTICEThursday, 15 November, 12
PRACTICE                    and have fun doing it!!!Thursday, 15 November, 12
Calvin’s tip #0                            One pen. Some recycled paper.Thursday, 15 November, 12
Pen, no eraser.                            Recycled paper: less scary,                             no guilt to throw away....
Calvin’s tip #1                            Practice the basics.Thursday, 15 November, 12
Line, circle, box.                                  Shading.                            (may be perspective.)Thursday, 15 ...
Line, circle, box.                                  Shading.                            (May be perspective.)Thursday, 15 ...
What do you see most                            as a UX practitioner?Thursday, 15 November, 12
Calvin’s tips #2                            Create your building blocks.Thursday, 15 November, 12
People                            Face, Facial Expression                                Body Language                    ...
Thursday, 15 November, 12
Thursday, 15 November, 12
Thursday, 15 November, 12
Thursday, 15 November, 12
Thursday, 15 November, 12
Calvin’s tips #3                            Build up your visual vocab.Thursday, 15 November, 12
Vocab (Keyword):                     Dream, Confident, Peace, Nervous,                             Sense of securityThursd...
Example:                            How to express “Confident”?Thursday, 15 November, 12
Tip: Image Search EngineThursday, 15 November, 12
Thursday, 15 November, 12
Confident about future!Thursday, 15 November, 12
Calvin’s tips #4                     Photos Journal ⇢ Sketch SummaryThursday, 15 November, 12
Apple store opening at Festival WalkThursday, 15 November, 12
(1) Take lots of photosThursday, 15 November, 12
(2) Sit down and drawThursday, 15 November, 12
(3) Make sure to capture interesting                      points. Add imagination.Thursday, 15 November, 12
Thursday, 15 November, 12
Let’s draw!Thursday, 15 November, 12
Open your photo album in your phone.               Any recent photos of something that                          interests ...
Draw a quick sketch of it. (5 mins)               en explain to the group what you’re                        drawing and ...
To sum it up...Thursday, 15 November, 12
• Why Sketching?            • Input: See More            • Process: ink, Create, Remember            • Output: Communicat...
Have fun!Thursday, 15 November, 12
Calvin C. Chan                                t: @calvincchan                            e: hello@calvin-c.com            ...
Upcoming SlideShare
Loading in...5
×

Sketching for Design

563

Published on

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

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
563
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Sketching for Design"

  1. 1. Sketching for Design Calvin C. Chan @calvincchanThursday, 15 November, 12
  2. 2. Warm UpThursday, 15 November, 12
  3. 3. 1. Draw a circle on the post-it note. (30 seconds)Thursday, 15 November, 12
  4. 4. 2. en draw the face of the person next to you.Thursday, 15 November, 12
  5. 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. 6. 3. Add the name of the person to the noteThursday, 15 November, 12
  7. 7. at will be the name card for him/her for the night.Thursday, 15 November, 12
  8. 8. Flow - Who is Calvin - Why sketching? - Calvin’s TipsThursday, 15 November, 12
  9. 9. Who’s Calvin?Thursday, 15 November, 12
  10. 10. Born and grew up in HK.Thursday, 15 November, 12
  11. 11. Studied in Canada. Majored in Computer Science.Thursday, 15 November, 12
  12. 12. Engineer: Coding coding coding...Thursday, 15 November, 12
  13. 13. 1. Code ninja alone can’t make good product. 2. Design whole experience with human in mind.Thursday, 15 November, 12
  14. 14. Go to Japan: Experience different design cultureThursday, 15 November, 12
  15. 15. Japan: 1. Web Designer at “ACO Tokyo” 2. Mobile App Designer at “Genenix”Thursday, 15 November, 12
  16. 16. Why Sketching?Thursday, 15 November, 12
  17. 17. Not going to talk about: sketching presentation (sketch-noting)Thursday, 15 November, 12
  18. 18. Not going to talk about: WireframingThursday, 15 November, 12
  19. 19. Sketch To: Input ⇢ Process ⇢ OutputThursday, 15 November, 12
  20. 20. Sketch To: Input: See Process: ink, Create, Remember Output: CommunicateThursday, 15 November, 12
  21. 21. Why Sketching #1 Input: See, and see more.Thursday, 15 November, 12
  22. 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. 23. Thursday, 15 November, 12
  24. 24. Thursday, 15 November, 12
  25. 25. Thursday, 15 November, 12
  26. 26. Thursday, 15 November, 12
  27. 27. Why Sketching #2 Process: remember things, create something newThursday, 15 November, 12
  28. 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 WifeThursday, 15 November, 12
  29. 29. Thursday, 15 November, 12
  30. 30. Thursday, 15 November, 12
  31. 31. Thursday, 15 November, 12
  32. 32. Why Sketching #3 Output: communicate your ideasThursday, 15 November, 12
  33. 33. Like sign-language, but reader doesn’t need to learn it.Thursday, 15 November, 12
  34. 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. 35. Thursday, 15 November, 12
  36. 36. I have a prototype ... (blah blah blah)Thursday, 15 November, 12
  37. 37. Just want to share...Thursday, 15 November, 12
  38. 38. Thursday, 15 November, 12
  39. 39. Thursday, 15 November, 12
  40. 40. Calvin’s tipsThursday, 15 November, 12
  41. 41. PRACTICEThursday, 15 November, 12
  42. 42. PRACTICE and have fun doing it!!!Thursday, 15 November, 12
  43. 43. Calvin’s tip #0 One pen. Some recycled paper.Thursday, 15 November, 12
  44. 44. Pen, no eraser. Recycled paper: less scary, no guilt to throw away.Thursday, 15 November, 12
  45. 45. Calvin’s tip #1 Practice the basics.Thursday, 15 November, 12
  46. 46. Line, circle, box. Shading. (may be perspective.)Thursday, 15 November, 12
  47. 47. Line, circle, box. Shading. (May be perspective.)Thursday, 15 November, 12
  48. 48. What do you see most as a UX practitioner?Thursday, 15 November, 12
  49. 49. Calvin’s tips #2 Create your building blocks.Thursday, 15 November, 12
  50. 50. People Face, Facial Expression Body Language Hand Gesture Hand Holding a PhoneThursday, 15 November, 12
  51. 51. Thursday, 15 November, 12
  52. 52. Thursday, 15 November, 12
  53. 53. Thursday, 15 November, 12
  54. 54. Thursday, 15 November, 12
  55. 55. Thursday, 15 November, 12
  56. 56. Calvin’s tips #3 Build up your visual vocab.Thursday, 15 November, 12
  57. 57. Vocab (Keyword): Dream, Confident, Peace, Nervous, Sense of securityThursday, 15 November, 12
  58. 58. Example: How to express “Confident”?Thursday, 15 November, 12
  59. 59. Tip: Image Search EngineThursday, 15 November, 12
  60. 60. Thursday, 15 November, 12
  61. 61. Confident about future!Thursday, 15 November, 12
  62. 62. Calvin’s tips #4 Photos Journal ⇢ Sketch SummaryThursday, 15 November, 12
  63. 63. Apple store opening at Festival WalkThursday, 15 November, 12
  64. 64. (1) Take lots of photosThursday, 15 November, 12
  65. 65. (2) Sit down and drawThursday, 15 November, 12
  66. 66. (3) Make sure to capture interesting points. Add imagination.Thursday, 15 November, 12
  67. 67. Thursday, 15 November, 12
  68. 68. Let’s draw!Thursday, 15 November, 12
  69. 69. Open your photo album in your phone. Any recent photos of something that interests you?Thursday, 15 November, 12
  70. 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. 71. To sum it up...Thursday, 15 November, 12
  72. 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 SummaryThursday, 15 November, 12
  73. 73. Have fun!Thursday, 15 November, 12
  74. 74. Calvin C. Chan t: @calvincchan e: hello@calvin-c.com w: www.calvin-c.comThursday, 15 November, 12
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×