stanford hci group / cs376 u jeffrey heer · 5 may 2009 design methods: prototyping

18
stanford hci group / cs376 http:// cs376.stanford.edu Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

Post on 22-Dec-2015

219 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

stanford hci group / cs376

http://cs376.stanford.eduJeffrey Heer · 5 May 2009

Design Methods: Prototyping

Page 2: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

Iterative Design Cycle

Getting it right the first time is hardNeed better support for quick turns around

loop

Design

PrototypeEvaluate

Page 3: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

[Buxton, Sketching User Experiences]

Page 4: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

[Buxton, Sketching User Experiences]

Page 5: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

“Enlightened trial and error outperforms the planning of flawless intellect.”

- David Kelley

Page 6: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

What is a prototype?

An instantiation of a design hypothesis.

A means for communicating ideas and intent.

A vehicle for evaluating design ideas.

Multiple audiences: intended users, design teams, and supporting organizations.

Page 7: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping
Page 8: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping
Page 9: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

What do prototypes prototype?Role

Does the design support activities and tasks?

Look and FeelWhat is the style and form of the design?

ImplementationHow will the design be built or deployed?

Page 10: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

Sketching

Page 11: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

Information Architecture

Page 12: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

Storyboarding

Page 13: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

Paper PrototypingPaper Prototyping

Page 14: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping
Page 15: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

Reappropriation

Page 16: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

PowerPointPrototyping Tools

Page 17: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

Video Prototypes

Page 18: Stanford hci group / cs376  u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

Prototyping in HCI ResearchPart of design process for research

systems Developing novel interfaces & techniques

An object of study in its own right How might we better characterize and

improve the prototyping process?

An activity that may benefit from new tools

We’ll visit Design Tools research next time…