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

week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

1

Activity Theory and HCIImplications for user interfaces

week

02

Page 2: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

2

Lecture Outline

• Historical development of HCI (from Dourish)

• Activity theory in a nutshell (from Kaptelinin & Nardi)

• Activity theory and design implications for HCI

Page 3: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

3

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: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

4

Historical Development of UI

EmbodiedGraphical Textual Symbolic Electrical

From Where the Action Is (Dourish, 2001)

Page 5: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

5

EmbodiedGraphical Textual Symbolic Electrical

• 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: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

6

• Introduction of programming systems

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

• More regularized instructions available across a wider range of machines

IBM 29 card punch (circa 1950’s)

SymbolicHistorical Development of HCI

EmbodiedGraphical Textual Symbolic Electrical

Page 7: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

7

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

• More like a “dialog”

TextualHistorical Development of HCI

EmbodiedGraphical Textual Symbolic Electrical

E.g., early UNIX, DOS

Page 8: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

8

Turning interaction into two-dimensional space rather than a

one-dimensional stream of characters

GraphicalHistorical Development of HCI

EmbodiedGraphical Textual Symbolic Electrical

Macintosh System 4.2, 1987

Page 9: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

9

• Peripheral AttentionPrimary space, secondary space (e.g., windows and dashboards)

• Pattern recognition and

spatial reasoningOpportunities 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

EmbodiedGraphical Textual Symbolic Electrical

Macintosh System 4.2, 1987

Page 10: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

10

Embodied Interaction

EmbodiedGraphical Textual Symbolic Electrical

Page 11: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

11

Tangible InteractionHistorical Development of HCI

EmbodiedGraphical Textual Symbolic Electrical

• Computation that moves beyond desktop

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

• Trend 1: Distribute computation across a variety of devices

• Trend 2: Augment the everyday world with computational power

Page 12: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

12

Social ComputingHistorical Development of HCI

EmbodiedGraphical Textual Symbolic Electrical

• The application of sociological understanding to the design of interactive systems

Kismet (Breaseal, 2000)

Spark (Vilhjálmsson, 2004)

Page 13: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

13

Embodied Interaction

EmbodiedGraphical Textual Symbolic Electrical

Page 14: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

14

“Computer reaching out”

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. The scope of human-computer interaction is expanding to include larger-scale, longer-term phenomena of computer use. (Dourish, 2004)

Page 15: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

15

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 16: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

16

Activity Theory

Aims 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 17: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

17

Brief Background

Behaviorist (circa 1930’s)

Observable behaviorsA B

Activity Theory

Page 18: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

18

Brief Background

Behaviorist (circa 1930’s)

Observable behaviorsA B

A BCognitivist (circa 1950’s – 1990’s)

Mental models

Activity Theory

Page 19: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

19

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 20: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

20

Subject Object

Tool

Unit of AnalysisActivity Theory

Activity

Page 21: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

21

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

Subject Object

Tool

Unit of AnalysisActivity Theory

Page 22: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

22

Subject Object

Tool

Unit of AnalysisActivity Theory

people

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

Page 23: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

23

Subject Object

Tool

Unit of AnalysisActivity Theory

people

Intentions, desires, prospective outcomes

that motivate and direct activity

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

Page 24: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

24

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

people

Intentions, desires, prospective outcomes

that motivate and direct activity

Page 25: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

25

Subject Object

Tool

Unit of AnalysisActivity Theory

Activity

Page 26: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

26

A software team programming a system for a client

Subject Object

Tool

Example 1Activity Theory

the team bug-free application

computers, programming tools

Page 27: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

27

Being a graduate student at UC Berkeley

Subject Object

Tool

Example 2Activity Theory

student

books, computers, colleagues, courses, professors

learning, graduating, finding a job, having fun

Page 28: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

28

Activity Theory Concepts

• Hierarchical structure of activity

• Object-oriented

• Internalization and Externalization

• Tool mediation

• Development

Page 29: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

29

Operations

Actions

Activity

automatic,unconscious

consciousgoal-oriented

Hierarchical StructureActivity Theory

Page 30: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

30

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 31: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

31

Operations

Activity

Using OS

Programming a module, arranging meetings

Completing a software project

Hierarchical StructureActivity Theory

Example 2

Actions

Page 32: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

32

Operations

Actions

Activity

???

Passing exams

Being a grad student

Hierarchical StructureActivity Theory

Example 3

Page 33: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

33

Object gives meaning to what people do. Objects separate one activity from another.

Subject Object

Tool

Intentions, desires, prospective outcomes

that motivate and direct activity

ObjectActivity Theory

Page 34: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

34

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 35: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

35

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 36: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

36

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 37: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

37

Internal activity: e.g., counting numbers in your head

External activity: e.g., counting numbers with your fingers

Internal and External ActivityActivity Theory

Page 38: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

38

Internalization

Transformation 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 39: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

39

Externalization

Transforms 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 40: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

40

Tools and Mediation

Tools 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 41: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

41

Tools and Mediation

Use of tools is an accumulation and transmission of social knowledge.

Activity Theory

Page 42: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

42

Development

Human 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 43: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

43

Activity Theory: Summary

Subject Object

Tool

• Hierarchical structure of activity

• Object-oriented

• Internalization and Externalization

• Tool mediation

• Development

Page 44: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

44

Subject Object

Tool

Why Should We Care about Activity Theory?

Page 45: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

45

Subject Object

Tool

Activity

Designing Human Activities, Not Just Tools

Page 46: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

46

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 47: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

47

Designing Interactions

Bill Verplank from Moggridge, 2006

Page 48: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

48

For Thursday, September 4

• Get the Physical Computing book

• Read the Intro, Chapters 1, 2, & 3 of Physical Computing book

• On Thursday, bring $75 for the lab kit (cash or check)

Page 49: week 02 - UC Berkeley School of Informationcourses.ischool.berkeley.edu/i290-4/f08/slides/Tuesday_Week2_Activ… · Tuesday Week 2: Activity Theory and HCI Theory and Practice of

Tuesday Week 2: Activity Theory and HCI Theory and Practice of Tangible User Interfaces

49

Thanks!