Sketching Workshop with Product Design Team

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

Transcript of Sketching Workshop with Product Design Team

Sketching and

Brainstorming

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

[email protected]

About sketching & brainstorming (15 mins)

Hands-on sketching (~60 mins)

Awarding & reflection (15 mins)

TL;DR

-Sketching is NOT about drawing, it is about design

-Get the right design, THEN get the design right

ABOUT SKETCHING &

BRAINSTORMING

Getting the Right Designvs.

Getting the Design Right

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

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?

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

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.

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

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

When & What Kind of Sketch?

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

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

Explore problems and ideas Iterate and refine the idea

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

EXPLORATORY REFINEMENT

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

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

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/

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

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

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

“But, I can’t sketch!”

“I’m not an artist”

“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.

Benefits of Sketching

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

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

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

It's not about being a good artist,

it's about being a good thinker.

Other Benefits of Sketching

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/

A rough idea deserves a rough-

looking sketch,

while a well-thought-through

idea warrants finely drawn,

detailed imagery.

Bill Buxton

HANDS-ON:

GRAB YOUR SHARPIES & PAPERS

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.

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

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

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)

GENERATE LOTS OF IDEAS:

PROBLEMS IN MOBILITY

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)

DESIGN CHALLENGE:

TRANSPORTATION

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)

GENERATE AT LEAST 8

CONCEPTS

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)

REDUCE THE NUMBER OF

DESIGN CONCEPTS

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)

CHOOSE THE MOST

PROMISING IDEA

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)

PRODUCE 8

DETAILS/VARIATIONS

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)

CHOOSE THE BEST IDEA

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)

PRESENT YOUR BEST IDEA(S)

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)

Congratulations!

Awarding & Reflection

Reflection

-What did you learn?

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

-How will you incorporate sketch to your process?

Takeaways

-Sketching is NOT about drawing, it is about design

-Get the right design, THEN get the design right

Sketching and

Brainstorming

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

[email protected]