the interaction model

32
0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States. Interaction Model How do I use this thing? 4, Design of Digital Machines Tim Sheiner

Upload: tim-sheiner

Post on 30-Apr-2015

621 views

Category:

Design


5 download

DESCRIPTION

#4 in my series, Design of Digital Machines Describes what an interaction model is, how it breaks down into workflows, visualization standards, and interaction modeling challenges.

TRANSCRIPT

Page 1: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Interaction ModelHow do I use this thing?№ 4, Design of Digital MachinesTim Sheiner

Page 2: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Digital Machine

ModelView

ControllerInput

Output

The four sub models of the machine

The interaction model corresponds most closely to the view.

object model

interaction model data model

2

conceptual model

Page 3: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

First, a definition:

3

Page 4: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

By a state of a system is meant any well-defined condition or property that can be recognized if it occurs again. Every system will naturally have many possible states.

Ashby, An Introduction to Cybernetics, 1956

4

Page 5: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

How do I make a change?

5

The interaction model defines how to manipulate system state

๏ how do I interact with the system?๏ what are the workflows?๏ how can I influence outcome | output ?

Page 6: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

The union of two perspectives

6

Human

Solution

Process

Steps

Actions

Machine

Application

Workflow

Tasks

Events

interaction model

Page 7: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

In a nutshell...

7

interaction model

action

feedback

Page 8: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

The interaction model is organized around workflows.

8

Page 9: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Workflows are sequences of steps

1 2 3

9

Page 10: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Steps have a duality

1 2 3

10

action

transformation

feedback

transition

transformation

transition

Page 11: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Steps have a duality

1 2 3

10

action

steps have a duality:

➡ action/feedback

➡ transformation/transition

➡ input/output

➡ intent/outcome

transformation

feedback

transition

transformation

transition

Page 12: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Workflows branch

1 2 or

3’

3 4

Standard Case

Error Case

11

Page 13: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Workflows connect

1

Workflow B

2 3

1 2 or

3’

4

Workflow A

3

12

Output

Input

Page 14: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

What defines a workflow?

Change complete.

13

Desire for change

Page 15: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

What defines a workflow?

A Narrative

Beginning Middle End

14

Page 16: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

What defines a workflow?

A Transformation

15

Object Object’Workflow

Page 17: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Workflows transform objects.

16

Page 18: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

A transformation is a change in state

e.g. object appearance

17

Page 19: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

A transformation is a change in state

e.g. object behavior

1

2

3

18

Page 20: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

A transformation is a change in state

e.g. object location

19

Page 21: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

A transformation is a change in state

e.g. object value

$

Account 1 Account 2

$

Account 1 Account 2

20

Page 22: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

The transformation is the change.

The transition is the feedback.

21

Page 23: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Archetypal Workflows๏ authentication๏ content creation๏ content management๏ sharing๏ permission management๏ configuration management

22

Page 24: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

AuthenticationProviding credentials in order to access content or functionality

23

Page 25: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Content CreationAdding new information

24

Page 26: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Content ManagementOrganizing information

25

Page 27: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

SharingMaking content or resources available to others

26

Page 28: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Permission ManagementControlling access to content or resources

27

Page 29: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Configuration Management

28

Setting behaviors or preferences

Page 30: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Communicating the Interaction Model

29

Several standard forms

๏ flow diagram๏ written scenario๏ storyboards๏ wireframes๏ prototypes

Page 31: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

Interaction Modeling Challenges

30

๏ Including the error modelwhen things go wrong what happens?

๏ Imagining the permutationswhy prototyping is lowers design risk

๏ Understanding when & where state changesoperating on the object or operating on a copy?

Page 32: The Interaction Model

0.5beta 2013 This work by Tim Sheiner is licensed under a Creative Commons Attribution 3.0 United States.

fin

31