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