2 Itl2011 Interaction Design

8/3/2019 2 Itl2011 Interaction Design

1/26


2/26

Interaction DesignIlja morgun

http://creativecommons.org/licenses/by-nc-sa/3.0/
http://creativecommons.org/licenses/by-nc-sa/3.0/http://creativecommons.org/licenses/by-nc-sa/3.0/


3/26

Lets talk about design


4/26

Design

Informally refers to a plan or convention for theconstruction of an object or a system

A specification of an object, manifested by an agent,intended to accomplish goals, in a particularenvironment, using a set of primitive components,satisfying a set of requirements, subject to constraints

Defines the specifications, plans, parameters, costs,activities, processes and how and what to do withinlegal, political, social, environmental, safety andeconomic constraints in achieving that objective


5/26

The Design Process

Is plan-driven

Is understood in terms of a discretesequence of stages


6/26

How do you design?


7/26

Interaction Design

Focuses on designing interactive products

Defining the structure and behavior of

interactive systems

Focuses on satisfying the needs of users

The practice of designing interactive digitalproducts, environments, systems, andservices


8/26

Views on Interaction

Design

Technology-Centered Behavior-Centered

Social-Centered


9/26

Technology-Centered

View Interaction designers make technology,

particularly digital technology, useful and

pleasurable to use

Interaction designers take the raw stuffproduced by engineers and programmers

and mold it into products that people enjoyusing


10/26

Behavior-Centered

View Defining the behavior of artifacts,

environments and systems

Focus on functionality and feedback beingconcerned on how products behave and

provide feedback based on what the peopleengaged with them are doing


11/26

Social Interaction View

Revolving around facilitating communicationbetween humans through products

Technology is nearly irrelevant


12/26

Types of Social

Connection

One-to-one, as with a telephone call One-to many, as with a blog

Many-to-many, as in the stock market


13/26

The Stages ofInteraction Design


14/26

Developers

Illustrators

Stakeholders

Users

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Research

Iteration Stage

Production

Stage

Design

Iteration Stage

Development

Iteration Stage

Data collection Sketching

Creating mockups

Prototyping

Writing code Promoting

Positioning

Marketing

Testing

Making changes

Testing

Making changes

Testing

Making changes

Building concepts

Actors

Stages

Activities

UMLFlowchartsState transition diagramsDecomposition diagrams

Graphical illustrations


Texts

Reports


15/26

Developers

Illustrators

Stakeholders

Users

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Research

Iteration Stage

Production

Stage

Design

Iteration Stage

Development

Iteration Stage


Creating mockups

Prototyping


Positioning

Marketing

Testing

Making changes

Testing

Making changes

Testing

Making changes

Building concepts

Actors

Stages

Activities




Texts

Reports

Research

Iteration Stage


16/26

Developers

Illustrators

Stakeholders

Users

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Stakeholders

Users

Developers

Illustrators

Interaction

Designers

Research

Iteration Stage

Production

Stage

Design

Iteration Stage

Development

Iteration Stage


Creating mockups

Prototyping


Positioning

Marketing

Testing

Making changes

Testing

Making changes

Testing

Making changes

Building concepts

Actors

Stages

Activities




Texts

Reports

Design

Iteration Stage


17/26


18/26


19/26

Common DevelopmentLifecycles


20/26

Predominant

Development Life-Cycles

System development life-cycle

Agile life-cycle


21/26

System Development

Life-Cycle A process of creating or altering information

systems, and the models and methodologies

that people use to develop these systems

A framework used to describe the processfor building information systems

Intended to develop information systems ina very deliberate, structured, and methodicalway
http://en.wikipedia.org/wiki/Methodologieshttp://en.wikipedia.org/wiki/Methodologies


22/26


23/26


24/26

Agile Development

Based on an iterative and incrementalapproach

Requirements and solutions evolvethroughout the project by means of

collaboration between self-organizing,cross-functional teams


25/26


26/26

References

http://en.wikipedia.org/wiki/Design http://en.wikipedia.org/wiki/Interaction_design

http://en.wikipedia.org/wiki/Systems_development_life-cycle http://www.easeindesign.com/ru/?p=77 http://www.designcouncil.org.uk/designprocess Saffer, D. (2010). Designing for Interaction. Creating

Innovative Applications and Devices (2nd ed.). NewRiders.
http://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Interaction_designhttp://en.wikipedia.org/wiki/Designhttp://en.wikipedia.org/wiki/Design

2 Itl2011 Interaction Design

Documents