sketching for design

Calvin C. Chan@calvincchan

Sketching for Design

Thursday, 15 November, 12

Warm Up


1. Draw a circle on the post-it note.(30 seconds)


2. en draw the face of the personnext to you.


2. en draw the face of the personnext to you.

(What’s his/her facial expression?)(Wearing glasses?)

(Hair style?)


3. Add the name of the person to the note


at will be the name cardfor him/her for the night.


- Who is Calvin- Why sketching?

- Calvin’s Tips

Flow


Who’s Calvin?


Born and grew up in HK.


Studied in Canada.Majored in Computer Science.


Engineer: Coding coding coding...


1. Code ninja alonecan’t make good product.

2. Design whole experiencewith human in mind.


Go to Japan:Experience different design culture


Japan:1. Web Designer at “ACO Tokyo”

2. Mobile App Designer at “Genenix”


Why Sketching?


Not going to talk about:sketching presentation (sketch-noting)


Not going to talk about:Wireframing


Sketch To:

Input ⇢ Process ⇢ Output


Sketch To:

Input: SeeProcess: ink, Create, Remember

Output: Communicate


Why Sketching #1

Input: See, and see more.


ings in front of you ⇢Your eyes to look at details ⇢

Your mind to process & simplify ⇢Your hand to materialize ⇢

Picture on paper!


Why Sketching #2

Process: remember things,create something new


“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


Why Sketching #3

Output: communicate your ideas


Like sign-language,but reader doesn’t need to learn it.


e.g. UX Consultant Service:

“I have a prototype but have too many questions to launch in con#dence.

I have a good idea of the experience my service should provide, but can’t seem to

create it.”


I have a prototype ... (blah blah blah)


Just want to share...


Calvin’s tips


PRACTICE


PRACTICE

and have fun doing it!!!


Calvin’s tip #0

One pen. Some recycled paper.


Pen, no eraser.Recycled paper: less scary,

no guilt to throw away.


Calvin’s tip #1

Practice the basics.


Line, circle, box.Shading.

(may be perspective.)


Line, circle, box.Shading.

(May be perspective.)


What do you see mostas a UX practitioner?


Calvin’s tips #2

Create your building blocks.


PeopleFace, Facial Expression

Body LanguageHand Gesture

Hand Holding a Phone


Calvin’s tips #3

Build up your visual vocab.


Vocab (Keyword):Dream, Con#dent, Peace, Nervous,

Sense of security


Example:How to express “Con#dent”?


Tip: Image Search Engine


Con#dent about future!


Calvin’s tips #4

Photos Journal ⇢ Sketch Summary


Apple store opening at Festival Walk


(1) Take lots of photos


(2) Sit down and draw


(3) Make sure to capture interesting points. Add imagination.


Let’s draw!


Open your photo album in your phone.Any recent photos of something that

interests you?


Draw a quick sketch of it. (5 mins)en explain to the group what you’re

drawing and why.


To sum it up...


• 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


Have fun!


Calvin C. Chant: @calvincchan

e: [email protected]: www.calvin-c.com


mailto:[email protected]

mailto:[email protected]

http://www.calvin-c.com

http://www.calvin-c.com

sketching for design

Design

calvins tipsthursday

design calvin

quick sketch

recycled paper

coding coding coding

input process outputthursday

whos calvin

experience myservice