University of Washington HCDE 518 & INDE 545 Sketching HCDE 518 & INDE 545 Winter 2012 With credit to Jake Wobbrock, Dave Hendry, Andy Ko, Jennifer Turns, & Mark Zachry

University of Washington HCDE 518 & INDE 545 Agenda  Announcements  Lecture & Discussion – Sketching  Sketching exercise  Break – 5 mins  Lecture & Discussion - Filtering ideas  Next class

University of Washington HCDE 518 & INDE 545 Announcements  A1, R4 graded and returned  Ideation Sketching  P1 due Wednesday  Questions?

University of Washington HCDE 518 & INDE 545 LECTURE – SKETCHING

University of Washington HCDE 518 & INDE 545 Sketching

University of Washington HCDE 518 & INDE 545 Sketching Definition  A process that enables you to think through ideas and convey design ideas to others very early in the design phase

University of Washington HCDE 518 & INDE 545 Why is sketching useful?  Early ideation  Think through ideas  Force you to visualize how things come together  Communicate ideas to others to inspire new designs  Active brainstorming

University of Washington HCDE 518 & INDE 545 Sketch as a dialog with the mind Mind (new knowledge) Create Sketch (representation) Read (seeing that) (seeing as) Buxton, pp. 114

University of Washington HCDE 518 & INDE 545 Buxton's Sketch Properties  Quick  Timely  Inexpensive  Disposable  Plentiful  Clear vocabulary  Distinct gesture  Minimal detail  Appropriate degree of refinement  Suggest and explore rather than confirm  Ambiguity

University of Washington HCDE 518 & INDE 545 Quick  A sketch is quick to make, or at least gives that impression

University of Washington HCDE 518 & INDE 545 Timely  A sketch can be provided when needed

University of Washington HCDE 518 & INDE 545 Inexpensive  Cost must not inhibit the ability to explore a concept, especially early in design

University of Washington HCDE 518 & INDE 545 Disposable  If you can't afford to throw it away, it's not a sketch  Investment is in the process, not the physical sketch  However, not “worthless”

University of Washington HCDE 518 & INDE 545 Plentiful  They don't exist in isolation  Meaning & relevance is in the context of a collection or series

University of Washington HCDE 518 & INDE 545 Clear Vocabulary  The way it's rendered (e.g., style, form, signals) makes it distinctive that it is a sketch  Could be the way that a line extends through endpoints

University of Washington HCDE 518 & INDE 545 Distinct Gesture  Fluidity of sketches gives them a sense of openness and freedom  Opposite of engineering drawing, which is tight and precise Vs.

University of Washington HCDE 518 & INDE 545 Minimal Detail  Include only what is required to render the intended purpose or concept

University of Washington HCDE 518 & INDE 545 Appropriate Degree of Refinement  Make the sketch be as refined as the idea  If you have a solid idea, make the sketch look more defined  If you have a hazy idea, the sketch will look much rougher and less defined

University of Washington HCDE 518 & INDE 545 Suggest and Explore Rather than Confirm  Sketch should act as a catalyst to the desired and appropriate behaviors, conversations, and interactions

University of Washington HCDE 518 & INDE 545 Ambiguity  Intentionally ambiguous  Value comes from being able to be interpreted in different ways, even by the person who created them

University of Washington HCDE 518 & INDE 545 Sketch vs. Prototype SketchPrototype InviteAttend SuggestDescribe ExploreRefine QuestionAnswer ProposeTest ProvokeResolve Tentative, non committalSpecific Depiction The primary differences are in the intent

University of Washington HCDE 518 & INDE 545 Is this a sketch? Why or why not?

University of Washington HCDE 518 & INDE 545 Is this a sketch? Why or why not?

University of Washington HCDE 518 & INDE 545 Is this a sketch? Why or why not?

University of Washington HCDE 518 & INDE 545 Is this a sketch? Why or why not?

University of Washington HCDE 518 & INDE 545 Is this a sketch? Why or why not?

University of Washington HCDE 518 & INDE 545 Is this a sketch? Why or why not?

University of Washington HCDE 518 & INDE 545 Is this a sketch? Why or why not?

University of Washington HCDE 518 & INDE 545 Is this a sketch? Why or why not?

University of Washington HCDE 518 & INDE 545 Forms of Sketching?  Note that the properties Buxton describes doesn’t mention anything about form factor  Can be pencil/pen drawing on paper  Something scraped together in Photoshop  Traced photos  Quick-and-dirty prototyping  Magazine cut-outs  Modifications to existing objects  UI Tools  Programming as sketching (e.g., Processing)

University of Washington HCDE 518 & INDE 545 Activity: Sketching Practice  Sketch 2 ideas each for the two design problems:  1. Room arrangement – how might you rearrange this classroom to better facilitate discussion?  2. Elevator buttons – how would you design the arrangement of an elevator’s buttons for a 6 story building with a front and rear door?  Be quick! Don’t spend more than a couple of minutes per sketch.  Don’t worry about details. Just get the idea down.  Think about what you need to show to communicate the idea.

University of Washington HCDE 518 & INDE 545 Break – 5 minutes

University of Washington HCDE 518 & INDE 545 Critiquing Sketches is Important  Ideas are both good and bad  Both are useful in design  By making clear what’s a bad design, we can avoid actually implementing it  Bad ideas help you justify your good ideas  Collectively, feedback can turn a good idea into a great idea  Filtering  Brainstorming generates too many ideas to actually implement

University of Washington HCDE 518 & INDE 545 Filtering: How to do it?  Talk about the strengths of the idea  Talk about the weaknesses  Discuss the feasibility of it  Is it buildable? Does it meet user requirements?  Discuss the originality of it  What new task does this accomplish? Or what is out there that the idea is better than?  Sort into piles of good, okay, and off-the-table

University of Washington HCDE 518 & INDE 545 P2 – Ideation & Sketching  Due next Wedneday  As a team, conduct a brainstorming session where you generate at least 10 ideas per person (e.g., 30 total ideas for a 4 person team)  Feel free to go for more! More is better!  As a team, filter the ideas according to your users’ needs and pick the best three  Resketch these 3 ideas more neatly and provide a 1-2 paragraph written justification for why they're the best  Class time on Wednesday will be given for this

University of Washington HCDE 518 & INDE 545 Activity: Filtering Practice  Sketches generated from a brainstorm session with my directed research group  Topic: Technology that could support healthy sleep behaviors

University of Washington HCDE 518 & INDE 545 Summary  Sketching is a form of communication about design ideas  Sketches should be quick and not focused on details  Go for quantity, not quality, and then filter ideas to find the strongest, most original, and most feasible

University of Washington HCDE 518 & INDE 545 Next Class Topics  Wednesday, February 8 th  Ideation (and Jeena’s discussion questions)  Monday, February 13 th  Lo-Fi Prototyping  Discussant: John  Upcoming Work  P1, R6

University of Washington HCDE 518 & INDE 545 GROUP PROJECT TIME