Collaborative design workshop preparation - Introduction to sketching

Collaborative design workshopIntroduction and how to sketch

Background

Why?

• Challenge of doing good design work• Explore as many options as possible• Come up with solid design solutions

We need a tool that…

• Avoids unnecessary detail• Reveals the best of multiple solutions• Gets everyone's input and by in

Collaborative design sessions…

Sketch > Present > Critique

(Iterate)

Sketching

Sketchboard

Come up with the best solution

Introduction to sketching

Interaction design sketching

How your idea works on the pageand then communicate that to other people

Interaction design sketching

• Information• Interface structure• Flow

Sketching

• It’s not about “bad” or “good”

• “Can you see it?”• “Can you understand it”

Tools

Tools for sketching

• Markers• Templates (6up and 1up)

Rules of thumb

Use markers not pencilsIf you mess up keep going

Warm up exercises

Drawing lines

1. Use the small point of your marker2. Draw a series of horizontal lines in

one box3. Draw vertical lines in the next box

Try drawing from your shoulder Try drawing at different speedsSee what works for you

Lines and rectangles experiment

1. Turn your page over2. Fill the page with overlapping

rectangles at least 103. Choose one rectangle and

highlight it yellow4. Use a fat sharpie and outline 3

rectangles5. Shade 3 rectangles with a grey

marker

Homework

Your homework

• Practice your sketching• Send me an email of a product that you

think that the redeveloped LA search should be like and why