Design Exploration - Stanford HCI Group
Transcription
Design Exploration - Stanford HCI Group
CS 377E: Design for Solving Global Grand Challenges Instructors: Landay and Aitamurto Stanford University Spring 2015 4/30/2015 CS377E: ENGELBART’S UNFINISHED LEGACY: DESIGNING SOLUTIONS TO GLOBAL GRAND CHALLENGES! Outline! • Sketching to explore! • Sketching user experiences! • Prototyping! Design Exploration! Prof. James A. Landay Computer Science Department Stanford University • Working on your “How Might We” Statements! • Brainstorming Solutions! Spring 2015 April 30, 2015 * slides marked Buxton are courtesy of Bill Buxton, from his talk Why I Love the iPod, iPhone, Wii and Google , remix uk, 18-19 Sept. 2008, Brighton Spring 2015! Design Process: Discovery! Discovery Design Exploration Design Refinement Production Spring 2015! Iteration Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 2! Design Process: Exploration! Assess Needs! Discovery • understand client’s expectations! • determine scope ! of project! • characteristics of customers & tasks! • evaluate existing practices & products! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! Design Exploration Design Refinement Expand Design Space! • • • • brainstorming! sketching! storyboarding! prototyping! Production Spring 2015! 3! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 4! At every stage! Design Prototype Sketch Paper Video Tool Program Spring 2015! Evaluate Gut Crit Expert Eval Lo-fi Test User Study Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! ! Sketching: ! * Courtesy Bill Buxton A Quintessential Activity of Design! 5! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 6! ! 1 CS 377E: Design for Solving Global Grand Challenges Instructors: Landay and Aitamurto Stanford University Spring 2015 4/30/2015 Kicker Studio, www.kickerstudio.com Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global GrandStudio, Challenges ! 7! Kicker www.kickerstudio.com Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges Kicker Studio, www.kickerstudio.com ! 9! From Sketch to Prototype! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 8! Courtesy Bill Buxton10! The Anatomy of Sketching! • Quick / Timely! • Inexpensive / Disposable! • Plentiful! • Clear vocabulary. You know that it is a sketch (lines extend through endpoints, …)! • No higher resolution than required to communicate the intended purpose/concept! • Resolution doesn’t suggest a degree of refinement of concept that exceeds actual state! • Ambiguous! Courtesy Bill Buxton11! Courtesy Bill Buxton Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 12! 2 CS 377E: Design for Solving Global Grand Challenges Instructors: Landay and Aitamurto Stanford University Spring 2015 If you want to get the most out of a sketch, you need to leave big enough holes. Sketching in Interaction Design! • Analogous to traditional sketching! • Shares all of the same key attributes! • More feel than look! • Must accommodate time & dynamics! • Phrasing! There has to be enough room for the imagination. Courtesy Bill Buxton Design as Choice! Elaboration 4/30/2015 Courtesy Bill Buxton Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 14! Exploration of Alternatives! Reduction … a designer that pitched three ideas would probably be fired. I’d say 5 is an entry point for an early formal review (distilled from 100’s). … if you are pushing one you will be found out, and also fired. … it is about open mindedness, humility, discovery, and learning. If you aren’t authentically dedicated to that approach you are just doing it wrong! Alistair Hamilton VP Design Symbol Technologies Laseau (1980) Courtesy Bill Buxton Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! Courtesy Bill Buxton Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 15! 16! Design Exploration of Alternatives! People on a design team must be as happy to be wrong as right. If their ideas hold up under strong (but fair) criticism, then great, they can proceed with confidence. If their ideas are rejected with good rationale, then they have learned something. … There are no dumb questions. There are no ideas too crazy to consider. Get it on the table, even if you are playing around. It may lead to something. Bill Buxton Sketching User Experiences pg. 147-149 Courtesy Bill Buxton Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 17! Courtesy Bill Buxton 3 CS 377E: Design for Solving Global Grand Challenges Instructors: Landay and Aitamurto Stanford University Spring 2015 Experience Design 4/30/2015 Experience vs. Interface Design! CitrusMate Plus “The experience of even simple artifacts does not exist in a vacuum but, rather, in dynamic relationship with other people, places, and objects” – Buchenau & Suri 2000 Courtesy Bill Buxton Experience Design! Spring 2015! Mighty OJ Manual Juicer OrangeX Manual Juicer! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 20! Minimal Detail! Include only what is required to render the intended purpose or concept! • Draw my phone! • Draw my phone’s interface! • Draw the experience of using my phone! • Which is the true object of design?! Courtesy Bill Buxton Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 21! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 22! Scott McCloud’s Understanding Comics People think focusing is about saying “yes.” But… “Focusing is about saying no.” – Steve Jobs Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 23! 4 CS 377E: Design for Solving Global Grand Challenges Instructors: Landay and Aitamurto Stanford University Spring 2015 4/30/2015 5 CS 377E: Design for Solving Global Grand Challenges Instructors: Landay and Aitamurto Stanford University Spring 2015 4/30/2015 Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 33! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 34! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 35! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 36! 6 CS 377E: Design for Solving Global Grand Challenges Instructors: Landay and Aitamurto Stanford University Spring 2015 4/30/2015 Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 37! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 38! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 39! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 40! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 41! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 42! 7 CS 377E: Design for Solving Global Grand Challenges Instructors: Landay and Aitamurto Stanford University Spring 2015 4/30/2015 Parallel Prototyping Goal! • Prototype to test an assumption! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 43! Summary! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 44! Next Time! • Sketching allows exploration of many concepts in the very early stages of design! • As investment goes up, need to use more and more formal criteria for evaluation! Spring 2015! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! • Lecture ! – Lo-fi Prototyping! – In-class Ideation Exercise! 45! Spring 2015! Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges ! 46! 8