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