Presentation is loading. Please wait.

Presentation is loading. Please wait.

Prof. James A. Landay Computer Science Department Stanford University Spring 2015 CS 377 E : ENGELBART ’ S UNFINISHED LEGACY : DESIGNING SOLUTIONS TO GLOBAL.

Published byHarold Rich Modified over 8 years ago

Similar presentations

Presentation on theme: "Prof. James A. Landay Computer Science Department Stanford University Spring 2015 CS 377 E : ENGELBART ’ S UNFINISHED LEGACY : DESIGNING SOLUTIONS TO GLOBAL."— Presentation transcript:

1 Prof. James A. Landay Computer Science Department Stanford University Spring 2015 CS 377 E : ENGELBART ’ S UNFINISHED LEGACY : DESIGNING SOLUTIONS TO GLOBAL GRAND CHALLENGES Design Exploration * 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 April 30, 2015

2 Outline Sketching to explore Sketching user experiences Prototyping Working on your “How Might We” Statements Brainstorming Solutions Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges 2

3 Design Process: Discovery Assess Needs understand client’s expectations determine scope of project characteristics of customers & tasks evaluate existing practices & products Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges 3 Production Design Refinement Design Exploration Discovery

4 Design Process: Exploration Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges 4 Production Design Refinement Design Exploration Discovery Expand Design Space brainstorming sketching storyboarding prototyping

5 Iteration At every stage! Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges 5 Design Prototype Evaluate Sketch Paper Video Tool Program Gut Crit Expert Eval Lo-fi Test User Study

6 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges Sketching: A Quintessential Activity of Design * Courtesy Bill Buxton 6

7 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges Kicker Studio, www.kickerstudio.com 7

8 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges Kicker Studio, www.kickerstudio.com 8

9 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges Kicker Studio, www.kickerstudio.com 9

10 Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand ChallengesSpring 2015 Courtesy Bill Buxton 10

11 From Sketch to Prototype 11 Courtesy Bill Buxton

12 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 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges12 Courtesy Bill Buxton

13 If you want to get the most out of a sketch, you need to leave big enough holes. There has to be enough room for the imagination. Courtesy Bill Buxton

14 Sketching in Interaction Design Analogous to traditional sketching Shares all of the same key attributes More feel than look Must accommodate time & dynamics Phrasing Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges14 Courtesy Bill Buxton

15 ElaborationReduction Laseau (1980) Design as Choice Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges 15 Courtesy Bill Buxton

16 Exploration of Alternatives Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges16 … 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 Courtesy Bill Buxton

17 Exploration of Alternatives Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges17 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

18 Design

19 Courtesy Bill Buxton Experience Design “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

20 Experience vs. Interface Design Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges 20 CitrusMate PlusMighty OJ Manual Juicer OrangeX Manual Juicer

21 Experience Design Draw my phone Draw my phone’s interface Draw the experience of using my phone Which is the true object of design? Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges21Spring 2015 Courtesy Bill Buxton

22 Minimal Detail Include only what is required to render the intended purpose or concept Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges22

23 People think focusing is about saying “yes.” But… “Focusing is about saying no.” – Steve Jobs Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges 23 Scott McCloud’s Understanding Comics

24

25

26

27

28

29

30

31

32

33 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges33

34 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges34

35 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges35

36 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges36

37 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges37

38 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges38

39 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges39

40 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges40

41 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges41

42 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges42

43 Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges43

44 Parallel Prototyping Goal Prototype to test an assumption Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges 44

45 Summary 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 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges 45

46 Next Time Lecture –Lo-fi Prototyping –In-class Ideation Exercise Spring 2015Engelbart’s Unfinished Legacy: Designing Solutions to Global Grand Challenges 46

Download ppt "Prof. James A. Landay Computer Science Department Stanford University Spring 2015 CS 377 E : ENGELBART ’ S UNFINISHED LEGACY : DESIGNING SOLUTIONS TO GLOBAL."

Similar presentations

Design, prototyping and construction

Design, prototyping and construction
creative confidence learning community Learning communitymomentum.

creative confidence learning community Learning communitymomentum.
Designing in the Wild Bill Buxton Microsoft Research www.billbuxton.com.

Designing in the Wild Bill Buxton Microsoft Research
Why Should I Sketch? Chapter 1.2 in Sketching User Experiences: The Workbook.

Why Should I Sketch? Chapter 1.2 in Sketching User Experiences: The Workbook.
Design for Engineering Unit 2 Engineering Design and Problem Solving Annette Beattie April 10, 2006 Engineering Design ETP 2006 – Annette Beattie This.

Design for Engineering Unit 2 Engineering Design and Problem Solving Annette Beattie April 10, 2006 Engineering Design ETP 2006 – Annette Beattie This.
Human Computer Interaction

Human Computer Interaction
From requirements to design

From requirements to design
Stanford hci group / cs376 Research Topics in Human-Computer Interaction Design Tools 01 November 2005.

Stanford hci group / cs376 Research Topics in Human-Computer Interaction Design Tools 01 November 2005.
DENIM: Finding a Tighter Fit with Web Design Practice James Lin, Mark W. Newman, Jason I. Hong, James A. Landay April 6, 2000 CHI 2000, The Hague

DENIM: Finding a Tighter Fit with Web Design Practice James Lin, Mark W. Newman, Jason I. Hong, James A. Landay April 6, 2000 CHI 2000, The Hague
Technical Writing II Acknowledgement: –This lecture notes are based on many on-line documents. –I would like to thank these authors who make the documents.

Technical Writing II Acknowledgement: –This lecture notes are based on many on-line documents. –I would like to thank these authors who make the documents.
Stanford hci group / cs376 Design Processes and Tools Sharon Lin Bowen Li.

Stanford hci group / cs376 Design Processes and Tools Sharon Lin Bowen Li.
The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #10 BOO! BOO!

The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #10 BOO! BOO!
SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.

SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.
CS147 - Terry Winograd - 1 Lecture 9 – Prototyping Terry Winograd CS147 - Introduction to Human-Computer Interaction Design Computer Science Department.

CS147 - Terry Winograd - 1 Lecture 9 – Prototyping Terry Winograd CS147 - Introduction to Human-Computer Interaction Design Computer Science Department.
Stanford hci group / cs376 u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping.

Stanford hci group / cs376 u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping.
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.

Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.

Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
CS 235: User Interface Design August 27 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak www.cs.sjsu.edu/~mak.

CS 235: User Interface Design August 27 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Interactive Sketching Methods for non-sketchers. Part 1. The Vanilla Sketch Captures: an essence of an idea a moment in time the look of an interface.

Interactive Sketching Methods for non-sketchers. Part 1. The Vanilla Sketch Captures: an essence of an idea a moment in time the look of an interface.
Lauren Bricker. Introduction “Presentation” (10 minutes) Low fidelity prototyping and App Inventor Determine teams (5 minutes) One App Inventor “expert”

Lauren Bricker. Introduction “Presentation” (10 minutes) Low fidelity prototyping and App Inventor Determine teams (5 minutes) One App Inventor “expert”

Similar presentations

Ads by Google