+ All Categories
Home > Documents > 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.

Date post: 22-Dec-2015
Category:
View: 219 times
Download: 2 times
Share this document with a friend
18
stanford hci group / cs376 http:// cs376.stanford.edu Jeffrey Heer · 5 May 2009 Design Methods: Prototyping
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…


Recommended