sketching workshop with product design team

58
Sketching and Brainstorming Arganka Yahya - IxD Tech Lead @traveloka Product Design Sharing Session, April 2016 [email protected]

Upload: arganka-yahya

Post on 09-Feb-2017

920 views

Category:

Design


4 download

TRANSCRIPT

Page 1: Sketching Workshop with Product Design Team

Sketching and

Brainstorming

Arganka Yahya - IxD Tech Lead @travelokaProduct Design Sharing Session, April 2016

[email protected]

Page 2: Sketching Workshop with Product Design Team

About sketching & brainstorming (15 mins)

Hands-on sketching (~60 mins)

Awarding & reflection (15 mins)

Page 3: Sketching Workshop with Product Design Team

TL;DR

-Sketching is NOT about drawing, it is about design

-Get the right design, THEN get the design right

Page 4: Sketching Workshop with Product Design Team

ABOUT SKETCHING &

BRAINSTORMING

Page 5: Sketching Workshop with Product Design Team

Getting the Right Designvs.

Getting the Design Right

Page 6: Sketching Workshop with Product Design Team

Sketching User Experiences: The Workbook (http://sketchbook.cpsc.ucalgary.ca/)

Page 7: Sketching Workshop with Product Design Team

Sketching User Experiences: The Workbook (http://sketchbook.cpsc.ucalgary.ca/)

You have a design idea, you see the top of the hill as the best possible design for the idea

Then, you iterate and develop it.But is it the best idea?

Page 8: Sketching Workshop with Product Design Team

Sketching User Experiences: The Workbook (http://sketchbook.cpsc.ucalgary.ca/)

Page 9: Sketching Workshop with Product Design Team

Sketching User Experiences: The Workbook (http://sketchbook.cpsc.ucalgary.ca/)

Is it the best idea? Have you explored the other hills before design and iterate on the idea?

How can we avoid a local maxima?Take a step back, see the landscape, and think holistically to understand the problem.

Page 10: Sketching Workshop with Product Design Team

Sketching User Experiences: The Workbook (http://sketchbook.cpsc.ucalgary.ca/)

Page 11: Sketching Workshop with Product Design Team

Sketching User Experiences: The Workbook (http://sketchbook.cpsc.ucalgary.ca/)

- Generate many ideas and variations- Reflect on all ideas- Develop them in parallel- Add new ideas “on the go”- THEN, iterate your final choice

Page 12: Sketching Workshop with Product Design Team

When & What Kind of Sketch?

Page 13: Sketching Workshop with Product Design Team

Sketching User Experiences: The Workbook (http://sketchbook.cpsc.ucalgary.ca/)

Page 14: Sketching Workshop with Product Design Team

Sketching User Experiences: The Workbook (http://sketchbook.cpsc.ucalgary.ca/)

Explore problems and ideas Iterate and refine the idea

Page 15: Sketching Workshop with Product Design Team

Lots of ideas. Go for quantity. Fewer, better ideas.

EXPLORATORY REFINEMENT

Page 16: Sketching Workshop with Product Design Team

ExploratoryLots of ideas, rough & varied, need to draw up 6 or so.

Can use a word list to pick new ideas, or an inspiration library of design artifacts, or conceptual models like spectrum, 2x2, or grids.

http://www.student.tue.nl/Y/j.m.h.meijers/Evidence/showcaseB3.2/exploratory-sketching.htmlhttp://www.lukew.com/ff/entry.asp?748

Page 17: Sketching Workshop with Product Design Team

http://design.tutsplus.com/tutorials/the-role-of-sketching-in-the-design-process--psd-153

Page 18: Sketching Workshop with Product Design Team

RefinementFewer, better ideas with a higher level of fidelity.

Can use shading to imply importance and call-outs to explain elements on the sketch.

Sketch: Carl Liuhttp://www.carlliu.com/about/

Page 19: Sketching Workshop with Product Design Team

Sketch: Carl Liuhttp://www.carlliu.com/about/

Page 20: Sketching Workshop with Product Design Team

Sketch: Carl Liuhttp://www.carlliu.com/about/

Page 21: Sketching Workshop with Product Design Team

Sketch: Carl Liuhttp://www.carlliu.com/about/

Page 22: Sketching Workshop with Product Design Team

“But, I can’t sketch!”

“I’m not an artist”

Page 23: Sketching Workshop with Product Design Team

“But, I can’t sketch!”

“I’m not an artist”

You don’t have to be an artist to sketch.

Sketch is a communication tool.

Page 24: Sketching Workshop with Product Design Team

Benefits of Sketching

Page 25: Sketching Workshop with Product Design Team

Benefits of SketchingA variety of ideas, quickly

Explore the alternatives

Foster better discussions

Lots of Ideas

The key to generating many ideas is to withhold judgment of them as good or bad until your sketching session is complete.

http://alistapart.com/article/sketching-the-visual-thinking-power-tool#section3

Page 26: Sketching Workshop with Product Design Team

Benefits of SketchingA variety of ideas, quickly

Explore the alternatives

Foster better discussions

Lots of Alternatives

Sketches help filter out “rabbit hole” ideas—concepts that are impossible to produce or impractical to deliver on. Drawing out ideas works as an early detection system—revealing potential issues before significant time is invested.

http://alistapart.com/article/sketching-the-visual-thinking-power-tool#section3

Page 27: Sketching Workshop with Product Design Team

Benefits of SketchingA variety of ideas, quickly

Explore the alternatives

Foster better discussions

Foster Discussions

Because sketches are unfinished and loose, they invite commentary.

http://alistapart.com/article/sketching-the-visual-thinking-power-tool#section3

Page 28: Sketching Workshop with Product Design Team

It's not about being a good artist,

it's about being a good thinker.

Page 29: Sketching Workshop with Product Design Team

Other Benefits of Sketching

Page 30: Sketching Workshop with Product Design Team

Why we sketch?A good sketch, even when done quickly, can be a powerful tool for the designer.

to communicate ideas

to record what we're seeing and hearing

to work through some thinking

to reflect what we're hearing

to document.

https://articles.uie.com/why_sketching/

Page 31: Sketching Workshop with Product Design Team

A rough idea deserves a rough-

looking sketch,

while a well-thought-through

idea warrants finely drawn,

detailed imagery.

Bill Buxton

Page 32: Sketching Workshop with Product Design Team

HANDS-ON:

GRAB YOUR SHARPIES & PAPERS

Page 33: Sketching Workshop with Product Design Team

1. Warm up (2 mins)

2. Generate lots of ideas (3 mins)

3. State design challenge (5 mins)

4. Generate at least 8 concepts (5 mins)

5. Reduce the number of design concepts (5 mins)

6. Choose the most promising (5 mins)

7. Produce 8 details/variations of that concepts (10 mins)

8. Choose best of the best idea (5 mins)

9. Present your best idea(s) (15 mins)Adopted from the 10 plus 10 method.

Page 34: Sketching Workshop with Product Design Team

Nicolai Marquardthttps://www.medien.ifi.lmu.de/lehre/ss14/id/Day%202%20Sketching%20IxD.pdf

Page 35: Sketching Workshop with Product Design Team

Nicolai Marquardthttps://www.medien.ifi.lmu.de/lehre/ss14/id/Day%202%20Sketching%20IxD.pdf

Page 36: Sketching Workshop with Product Design Team

1. Warm up (2 mins)

2. Generate lots of ideas (3 mins)

3. State design challenge (5 mins)

4. Generate at least 8 concepts (5 mins)

5. Reduce the number of design concepts (5 mins)

6. Choose the most promising (5 mins)

7. Produce 8 details/variations of that concepts (10 mins)

8. Choose best of the best idea (5 mins)

9. Present your best idea(s) (15 mins)

Page 37: Sketching Workshop with Product Design Team

GENERATE LOTS OF IDEAS:

PROBLEMS IN MOBILITY

Page 38: Sketching Workshop with Product Design Team

1. Warm up (2 mins)

2. Generate lots of ideas (3 mins)

3. State design challenge (5 mins)

4. Generate at least 8 concepts (5 mins)

5. Reduce the number of design concepts (5 mins)

6. Choose the most promising (5 mins)

7. Produce 8 details/variations of that concepts (10 mins)

8. Choose best of the best idea (5 mins)

9. Present your best idea(s) (15 mins)

Page 39: Sketching Workshop with Product Design Team

DESIGN CHALLENGE:

TRANSPORTATION

Page 40: Sketching Workshop with Product Design Team

1. Warm up (2 mins)

2. Generate lots of ideas (3 mins)

3. State design challenge (5 mins)

4. Generate at least 8 concepts (5 mins)

5. Reduce the number of design concepts (5 mins)

6. Choose the most promising (5 mins)

7. Produce 8 details/variations of that concepts (10 mins)

8. Choose best of the best idea (5 mins)

9. Present your best idea(s) (15 mins)

Page 41: Sketching Workshop with Product Design Team

GENERATE AT LEAST 8

CONCEPTS

Page 42: Sketching Workshop with Product Design Team

1. Warm up (2 mins)

2. Generate lots of ideas (3 mins)

3. State design challenge (5 mins)

4. Generate at least 8 concepts (5 mins)

5. Reduce the number of design concepts (5 mins)

6. Choose the most promising (5 mins)

7. Produce 8 details/variations of that concepts (10 mins)

8. Choose best of the best idea (5 mins)

9. Present your best idea(s) (15 mins)

Page 43: Sketching Workshop with Product Design Team

REDUCE THE NUMBER OF

DESIGN CONCEPTS

Page 44: Sketching Workshop with Product Design Team

1. Warm up (2 mins)

2. Generate lots of ideas (3 mins)

3. State design challenge (5 mins)

4. Generate at least 8 concepts (5 mins)

5. Reduce the number of design concepts (5 mins)

6. Choose the most promising (5 mins)

7. Produce 8 details/variations of that concepts (10 mins)

8. Choose best of the best idea (5 mins)

9. Present your best idea(s) (15 mins)

Page 45: Sketching Workshop with Product Design Team

CHOOSE THE MOST

PROMISING IDEA

Page 46: Sketching Workshop with Product Design Team

1. Warm up (2 mins)

2. Generate lots of ideas (3 mins)

3. State design challenge (5 mins)

4. Generate at least 8 concepts (5 mins)

5. Reduce the number of design concepts (5 mins)

6. Choose the most promising (5 mins)

7. Produce 8 details/variations of that concepts (10 mins)

8. Choose best of the best idea (5 mins)

9. Present your best idea(s) (15 mins)

Page 47: Sketching Workshop with Product Design Team

PRODUCE 8

DETAILS/VARIATIONS

Page 48: Sketching Workshop with Product Design Team

1. Warm up (2 mins)

2. Generate lots of ideas (3 mins)

3. State design challenge (5 mins)

4. Generate at least 8 concepts (5 mins)

5. Reduce the number of design concepts (5 mins)

6. Choose the most promising (5 mins)

7. Produce 8 details/variations of that concepts (10 mins)

8. Choose best of the best idea (5 mins)

9. Present your best idea(s) (15 mins)

Page 49: Sketching Workshop with Product Design Team

CHOOSE THE BEST IDEA

Page 50: Sketching Workshop with Product Design Team

1. Warm up (2 mins)

2. Generate lots of ideas (3 mins)

3. State design challenge (5 mins)

4. Generate at least 8 concepts (5 mins)

5. Reduce the number of design concepts (5 mins)

6. Choose the most promising (5 mins)

7. Produce 8 details/variations of that concepts (10 mins)

8. Choose best of the best idea (5 mins)

9. Present your best idea(s) (15 mins)

Page 51: Sketching Workshop with Product Design Team

PRESENT YOUR BEST IDEA(S)

Page 52: Sketching Workshop with Product Design Team

1. Warm up (2 mins)

2. Generate lots of ideas (3 mins)

3. State design challenge (5 mins)

4. Generate at least 8 concepts (5 mins)

5. Reduce the number of design concepts (5 mins)

6. Choose the most promising (5 mins)

7. Produce 8 details/variations of that concepts (10 mins)

8. Choose best of the best idea (5 mins)

9. Present your best idea(s) (15 mins)

Page 53: Sketching Workshop with Product Design Team

Congratulations!

Page 54: Sketching Workshop with Product Design Team

Awarding & Reflection

Page 55: Sketching Workshop with Product Design Team

Reflection

-What did you learn?

-Have I use sketch as a communication and design tool?

-How will you incorporate sketch to your process?

Page 56: Sketching Workshop with Product Design Team

Takeaways

-Sketching is NOT about drawing, it is about design

-Get the right design, THEN get the design right

Page 58: Sketching Workshop with Product Design Team

Sketching and

Brainstorming

Arganka Yahya - IxD Tech Lead @travelokaProduct Design Sharing Session, April 2016

[email protected]