tuesday week 2: activity theory and hci theory and practice of...

50
Tuesday Week 2: Activity Theory and HCI 1 Theory and Practice of Tangible User Interfaces Activity Theory and HCI Implications for user interfaces week 02

Upload: others

Post on 17-Jul-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

1

Theory and Practice of Tangible User Interfaces

Activity Theory and HCIImplications for user interfaces

week 02

Page 2: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

2

Theory and Practice of Tangible User Interfaces

Lecture Outline•

Historical development of HCI

Activity theory in a nutshell

Activity theory and design implications

for HCI

Page 3: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

3

Theory and Practice of Tangible User Interfaces

Historical Development of User InterfacesFrom electrical to embodied interactions

“Our experience using computers reflects a tradeoff made more than 50 years ago. We are now in a position to reconsider the trade-off.”

From Where the Action Is

(Dourish, 2001)

Page 4: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

4

Theory and Practice of Tangible User Interfaces

Historical Development of UI

EmbodiedGraphicalTextualSymbolicElectrical

From Where the Action Is

(Dourish, 2001)

Page 5: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

5

Theory and Practice of Tangible User Interfaces

EmbodiedGraphicalTextualSymbolicElectrical

Special purpose devices (e.g., automatic calculation of missile trajectories, patterns in coded messages)

To program the machine for different tasks, electrical circuits need to be changed

Interacting with the system required a thorough understanding of the electronic design

The Small Scale Experimental Machine, AKA “Baby”

built at Manchester University in 1948.

ElectricalHistorical Development of HCI

Page 6: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

6

Theory and Practice of Tangible User Interfaces

Introduction of programming systems

More regularized instructions available across a wider range of machines

Symbolic forms of interaction is not textual (e.g., punched cards)

IBM 29 card punch

(circa 1950’s)

SymbolicHistorical Development of HCI

EmbodiedGraphicalTextualSymbolicElectrical

Page 7: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

7

Theory and Practice of Tangible User Interfaces

Takes advantage of the best-developed form of symbolic interaction: written language

More like a “dialog”

TextualHistorical Development of HCI

EmbodiedGraphicalTextualSymbolicElectrical

E.g., early UNIX, DOS

Page 8: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

8

Theory and Practice of Tangible User Interfaces

Turning interaction into two-dimensional space rather than a one-

dimensional stream of characters

GraphicalHistorical Development of HCI

EmbodiedGraphicalTextualSymbolicElectrical

Macintosh System 4.2, 1987

Page 9: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

9

Theory and Practice of Tangible User Interfaces

Peripheral Attention

Primary space, secondary space (e.g., windows and dashboards)

Pattern recognition and spatial reasoning

Opportunities to arrange data spatially

Information density

A picture really can be worth a thousand words (e.g., diagrams)

Visual metaphors

File cabinets, trashcans, desktop tools

GraphicalHistorical Development of HCI

EmbodiedGraphicalTextualSymbolicElectrical

Macintosh System 4.2, 1987

Page 10: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

10

Theory and Practice of Tangible User Interfaces

Tangible InteractionHistorical Development of HCI

EmbodiedGraphicalTextualSymbolicElectrical

Computation that moves beyond desktop

Interaction is incorporated more richly in our daily experience of the physical world

Page 11: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

11

Theory and Practice of Tangible User Interfaces

Social ComputingHistorical Development of HCI

EmbodiedGraphicalTextualSymbolicElectrical

The application of sociological understanding to the design of interactive systems

Kismet (Breaseal, 2000)

Spark (Vilhjálmsson, 2004)

Page 12: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

12

Theory and Practice of Tangible User Interfaces

Embodied Interaction

EmbodiedGraphicalTextualSymbolicElectrical

Page 13: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

13

Theory and Practice of Tangible User Interfaces

“Computer reaching out”The scope of human-computer interaction is expanding to include larger-scale, longer-term phenomena of computer use. Interaction moves from being directly focused on the physical machine to incorporating more and more of the user’s world and the social setting in which the user is embedded. (Dourish, 2004)

Page 14: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

14

Theory and Practice of Tangible User Interfaces

Activity Theory and HCIFrom human factors to human actors

Attempts to incorporate human activity in interaction design have led to ideas of “activity-based,”

“activity-centered,”

or “activity-centric”

computing. How people actually use technology at work and play.

Page 15: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

15

Theory and Practice of Tangible User Interfaces

Activity TheoryAims to understand individual human beings, as well as the social entities they compose, in their natural everyday life circumstances, through an analysis of the genesis, structure, and processes of their activities.

Page 16: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

16

Theory and Practice of Tangible User Interfaces

Brief Background

Behaviorist (circa 1930’s)

Observable behaviorsA B

Activity Theory

Page 17: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

17

Theory and Practice of Tangible User Interfaces

Brief Background

Behaviorist (circa 1930’s)

Observable behaviorsA B

A BCognitivist

(circa 1950’s –

1990’s)

Mental models

Activity Theory

Page 18: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

18

Theory and Practice of Tangible User Interfaces

Brief Background

Behaviorist (circa 1930’s)

Observable behaviorsA B

A B

A B

Cognitivist

(circa 1950’s –

1990’s)

Mental models

Social Constructivist (circa 1950’s –

1990’s)

Activities and context

Activity Theory

Page 19: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

19

Theory and Practice of Tangible User Interfaces

People act as subjects

in the world, constructing and instantiating their intentions and desires as objects.

Subject Object

Tool

Unit of AnalysisActivity Theory

Page 20: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

20

Theory and Practice of Tangible User Interfaces

People act as subjects

in the world, constructing and instantiating their intentions and desires as objects.

Subject Object

Tool

Unit of AnalysisActivity Theory

people

Page 21: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

21

Theory and Practice of Tangible User Interfaces

People act as subjects

in the world, constructing and instantiating their intentions and desires as objects.

Subject Object

Tool

Unit of AnalysisActivity Theory

peopleIntentions, desires, prospective outcomes that motivate and direct activity

Page 22: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

22

Theory and Practice of Tangible User Interfaces

Tools mediate between people and the world. Activity theory casts the relationship between people and tools as one of mediation.

Subject Object

Tool

Unit of AnalysisActivity Theory

peopleIntentions, desires, prospective outcomes that motivate and direct activity

Page 23: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

23

Theory and Practice of Tangible User Interfaces

Subject Object

Tool

Unit of AnalysisActivity Theory

Activity

Page 24: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

24

Theory and Practice of Tangible User Interfaces

A software team programming a system for a client

Subject Object

Tool

Example 1Activity Theory

the team bug-free application

computers, programming tools

Page 25: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

25

Theory and Practice of Tangible User Interfaces

Being a graduate student at UC Berkeley

Subject Object

Tool

Example 2Activity Theory

student learning, graduating, finding a job, having fun

books, computers, colleagues, courses, professors

Page 26: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

26

Theory and Practice of Tangible User Interfaces

Activity Theory Concepts•

Hierarchical structure of activity

Object-oriented

Internalization and Externalization

Tool mediation

Development

Page 27: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

27

Theory and Practice of Tangible User Interfaces

Operations

Actions

Activity

automatic,

unconscious

conscious

goal-oriented

Hierarchical StructureActivity Theory

Page 28: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

28

Theory and Practice of Tangible User Interfaces

Operations

Activity

Hammering, changing gears when driving

Putting the roof up, transporting bricks by truck

Building a house

Hierarchical StructureActivity Theory

Example 1

Actions

Page 29: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

29

Theory and Practice of Tangible User Interfaces

Operations

Activity

Using OS

Programming a module, arranging meetings

Completing a software project

Hierarchical StructureActivity Theory

Example 2

Actions

Page 30: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

30

Theory and Practice of Tangible User Interfaces

Operations

Actions

Activity

???

Passing exams

Being a grad student

Hierarchical StructureActivity Theory

Example 3

Page 31: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

31

Theory and Practice of Tangible User Interfaces

Object

gives meaning to what people do

Subject Object

Tool

Intentions, desires, prospective outcomes that motivate and direct activity

ObjectActivity Theory

Page 32: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

32

Theory and Practice of Tangible User Interfaces

Can be physical thing or ideal object

Subject Object

Tool

Intentions, desires, prospective outcomes that motivate and direct activity

ObjectActivity Theory

www.boltonmuseums.org.uk

Page 33: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

33

Theory and Practice of Tangible User Interfaces

The world provides resistance

and affordances

to our attempts to reach the object of our activities

Subject Object

Tool

Intentions, desires, prospective outcomes that motivate and direct activity

ObjectActivity Theory

www.boltonmuseums.org.uk

Page 34: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

34

Theory and Practice of Tangible User Interfaces

Object is shaped by explicit and implicit rules, norms, and requirements existing in the local and the wider community

Subject Object

Tool

Intentions, desires, prospective outcomes that motivate and direct activity

ObjectActivity Theory

www.boltonmuseums.org.uk

Page 35: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

35

Theory and Practice of Tangible User Interfaces

Internal activity: Counting numbers in your head

External activity: Counting numbers with your fingers

Internal and External ActivityActivity Theory

Page 36: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

36

Theory and Practice of Tangible User Interfaces

InternalizationTransformation of external activities into internal ones. Means for people to try potential interactions with reality without performing actual manipulation with real objects (mental simulations, imaginings, considering alternative plans, etc.).

Activity Theory: Internalization / Externalization

Page 37: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

37

Theory and Practice of Tangible User Interfaces

ExternalizationTransforms internal activities into external ones. It is important when a collaboration between several people requires their activities to be performed externally in order to be coordinated.

Activity Theory: Internalization / Externalization

Page 38: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

38

Theory and Practice of Tangible User Interfaces

Tools and MediationTools shape the way human beings interact with reality. The shaping of external activities eventually results in the shaping of internal ones, and vice versa.

Subject Object

Tool

Activity Theory

Page 39: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

39

Theory and Practice of Tangible User Interfaces

Tools and MediationUse of tools is an accumulation and transmission of social knowledge.

Activity Theory

Page 40: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

40

Theory and Practice of Tangible User Interfaces

DevelopmentHuman activity unfolds over time in a historical frame.

The long view: we cannot understand activity if we do not watch it cycle, grow, change. It would be desirable to establish a practice of design in which the development of users –

their ability to grow and change with technology.

Activity Theory

Page 41: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

41

Theory and Practice of Tangible User Interfaces

Activity Theory: Summary

Subject Object

Tool

Hierarchical structure of activity

Object-oriented

Internalization and Externalization

Tool mediation

Development

Page 42: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

42

Theory and Practice of Tangible User Interfaces

Subject Object

Tool

Why Should We Care about Activity Theory?

Page 43: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

43

Theory and Practice of Tangible User Interfaces

Subject Object

Tool

Activity

Designing Human Activities, Not Just Tools

Page 44: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

44

Theory and Practice of Tangible User Interfaces

Designing InteractionsFrom designers’

perspective

The term “interaction design”

was coined by Moggridge

in late 1980’s. A new design discipline, dedicated to creating imaginative and attractive solutions in a virtual world, where one could design behaviors, animations, and sounds as well as shapes.

Page 45: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

45

Theory and Practice of Tangible User Interfaces

Designing Interactions

Bill Verplank

from Moggridge, 2006

Page 46: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

46

Theory and Practice of Tangible User Interfaces

Page 47: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

47

Theory and Practice of Tangible User Interfaces

Next Tuesday (Sept 10, 2007)

Designing Interactions

Tangible Bits

Page 48: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

48

Theory and Practice of Tangible User Interfaces

For Thursday (Sept 6th, 2007)

Don’t forget to bring your lab kit on Thursday

Post your lab homework (blinking LED) on the course website

Office hours this week: Tuesday

(today), 3:30-4:30 in 110 South Hall

Page 49: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

49

Theory and Practice of Tangible User Interfaces

Thanks!

Page 50: Tuesday Week 2: Activity Theory and HCI Theory and Practice of …courses.ischool.berkeley.edu/i290-13/07readings/tangible... · 2008-08-27 · Tuesday Week 2: Activity Theory and

Tuesday Week 2: Activity Theory and HCI

50

Theory and Practice of Tangible User Interfaces