sketching for design

Post on 27-Jan-2015

115 Views

Category:

Design

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

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

TRANSCRIPT

Calvin C. Chan@calvincchan

Sketching for Design

Thursday, 15 November, 12

Warm Up

Thursday, 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 personnext to you.

Thursday, 15 November, 12

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

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

(Hair style?)

Thursday, 15 November, 12

3. Add the name of the person to the note

Thursday, 15 November, 12

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

Thursday, 15 November, 12

- Who is Calvin- Why sketching?

- Calvin’s Tips

Flow

Thursday, 15 November, 12

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 alonecan’t make good product.

2. Design whole experiencewith human in mind.

Thursday, 15 November, 12

Go to Japan:Experience different design culture

Thursday, 15 November, 12

Japan:1. Web Designer at “ACO Tokyo”

2. Mobile App Designer at “Genenix”

Thursday, 15 November, 12

Why Sketching?

Thursday, 15 November, 12

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

Thursday, 15 November, 12

Not going to talk about:Wireframing

Thursday, 15 November, 12

Sketch To:

Input ⇢ Process ⇢ Output

Thursday, 15 November, 12

Sketch To:

Input: SeeProcess: ink, Create, Remember

Output: Communicate

Thursday, 15 November, 12

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 & simplify ⇢Your hand to materialize ⇢

Picture on paper!

Thursday, 15 November, 12

Thursday, 15 November, 12

Thursday, 15 November, 12

Thursday, 15 November, 12

Thursday, 15 November, 12

Why Sketching #2

Process: remember things,create something new

Thursday, 15 November, 12

“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

Thursday, 15 November, 12

Thursday, 15 November, 12

Thursday, 15 November, 12

Why Sketching #3

Output: communicate your ideas

Thursday, 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 con#dence.

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

create it.”

Thursday, 15 November, 12

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 tips

Thursday, 15 November, 12

PRACTICE

Thursday, 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.

Thursday, 15 November, 12

Calvin’s tip #1

Practice the basics.

Thursday, 15 November, 12

Line, circle, box.Shading.

(may be perspective.)

Thursday, 15 November, 12

Line, circle, box.Shading.

(May be perspective.)

Thursday, 15 November, 12

What do you see mostas a UX practitioner?

Thursday, 15 November, 12

Calvin’s tips #2

Create your building blocks.

Thursday, 15 November, 12

PeopleFace, Facial Expression

Body LanguageHand Gesture

Hand Holding a Phone

Thursday, 15 November, 12

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, Con#dent, Peace, Nervous,

Sense of security

Thursday, 15 November, 12

Example:How to express “Con#dent”?

Thursday, 15 November, 12

Tip: Image Search Engine

Thursday, 15 November, 12

Thursday, 15 November, 12

Con#dent about future!

Thursday, 15 November, 12

Calvin’s tips #4

Photos Journal ⇢ Sketch Summary

Thursday, 15 November, 12

Apple store opening at Festival Walk

Thursday, 15 November, 12

(1) Take lots of photos

Thursday, 15 November, 12

(2) Sit down and draw

Thursday, 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 you?

Thursday, 15 November, 12

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

drawing and why.

Thursday, 15 November, 12

To sum it up...

Thursday, 15 November, 12

• 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

Have fun!

Thursday, 15 November, 12

Calvin C. Chant: @calvincchan

e: hello@calvin-c.comw: www.calvin-c.com

Thursday, 15 November, 12

top related