DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an...

45
DAYS OF FUTURE PAST horizons and history Scott Klemmer and Michael Bernstein CS 147 1

Transcript of DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an...

Page 1: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

DAYS OF FUTURE PAST horizons and history

Scott Klemmer and Michael Bernstein CS 147

���1

Page 2: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Where is HCI going?

Page 3: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Ubiquitous computing

Page 4: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

When computing is everywhere…

Computers will ‘vanish into the background’, weaving ‘themselves into the fabric of everyday life until they are indistinguishable from it.’

quotes from Daniel Fallman’s reading of “The Computer for the 21st Century”

Page 5: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Harrison, Morris, Tan. Skinput: Appropriating the Body as an Input Surface. CHI ’10.

Page 6: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

6

Patel, Reynolds, Abowd. Detecting Human Movement by Differential Air Pressure Sensing in HVAC System Ductwork. Pervasive ’08.

Page 7: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Cohn, Morris, Patel, Tan. Your Noise is My Command: Sensing Gestures Using the Body as an Antenna. CHI ’11.

Page 8: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Follmer, Leithinger, Olwal, Hogge, Ishii. inFORM: Dynamic Physical Affordances and Constraints through Shape and Object Actuation. UIST ’13.

Page 9: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Design and creation

Page 10: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Design

ImplementEvaluate

How might we facilitate and empower this process?

Page 11: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

���11

Design

ImplementEvaluate

Brainstorming process Early-stage design tools

Programming tools WYSIWYG design tools Rapid prototyping tools

Study strategies Cognitive modeling

Page 12: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Hartmann et al. Design As Exploration: Creating Interface Alternatives through Parallel Authoring and Runtime Tuning. UIST ’08.

Page 13: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Hartmann et al. Design As Exploration: Creating Interface Alternatives through Parallel Authoring and Runtime Tuning. UIST ’08.

Page 14: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Victor. Inventing on Principle. 2012.

Page 15: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Social computing

Page 16: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Sociotechnical system

16

Emergent behaviors result from interactions between social relationships and technological interventions.

Page 17: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Conflict and coordination � What happens to collaboration costs as Wikipedia

grows? [Kittur, Suh, Pendleton, and Chi, CHI ’07]Amount of direct work on articles goes down, and activity on coordination pages goes up

Page 18: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Conflict and coordination � As more editors join, which kinds of coordination

techniques succeed? [Kittur and Kraut, CSCW ’08] � Explicit: participate in talk pages

� Implicit: directly make edits

More editors only improves article quality only with implicit coordination — a few take on a disproportionate amount of work.

Page 19: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Scientific Collaboration

� FoldIt: protein-folding game � Amateur scientists have found protein configurations that

eluded scientists for years

Page 20: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Bernstein et al. Soylent: A Word Processor with a Crowd Inside. UIST ’10.

Page 21: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Bernstein et al. Crowds in Two Seconds: Enabling Realtime Crowdsourcing. UIST ’11.

Page 22: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Bernstein et al. Crowds in Two Seconds: Enabling Realtime Crowdsourcing. UIST ’11.

Page 23: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

How did we get here?

Page 24: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Image Courtesy of Wikipedia: http://en.wikipedia.org/wiki/File:Vannevar_Bush_portrait.jpg���24

Page 25: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Memex

Page 26: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

���26

Page 27: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Image Courtesy of Wikipedia: http://en.wikipedia.org/wiki/File:Eniac.jpg ���27

Page 28: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

���28

Page 29: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

The Graphical User Interface

Page 30: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

���30Courtesy of MIT Lincoln Laboratory, Lexington Massachusetts

Page 31: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

The Mouse and Hypertext

���31

Page 32: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

���32Doug Engelbart. Video Courtesy of SRI International

Page 33: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

���33Image Courtesy of Wikipedia: http://en.wikipedia.org/wiki/File:Firstmouseundersidejpg

Page 34: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Inspires Alan Kay

���34

Page 35: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

“The best way to predict the future is

to invent it”���35

Page 36: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

���36

Page 37: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

���37

Page 38: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

The “Long Nose” of Innovation (Buxton)

Page 39: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Where do you go next?

Page 40: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

CS147 Intro to HCI Design

Human

Computer

Interaction

CS247 Interaction Design Studio

CS376 Research Topics in HCI

Page 41: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Focus on needs.

Page 42: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Prototype quickly and often.

Page 43: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Aid the mind and the eye.

Page 44: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

Know when you’ve made a difference.

Page 45: DAYS OF FUTURE PAST - Stanford University · 2014-03-11 · Skinput: Appropriating the Body as an Input Surface. CHI ’10. 6 Patel, Reynolds, Abowd. Detecting Human Movement by Differential

INTRO TO HCI DESIGN !

!

!

!

!

fin.