likooli logo

PANTONE 1807 PANTONE Black

ess

Interaction Design
Ilja morgun

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

Lets talk about design

Design

Informally refers to a plan or convention for the construction of an object or a system A specication of an object, manifested by an agent, intended to accomplish goals, in a particular environment, using a set of primitive components, satisfying a set of requirements, subject to constraints Denes the specications, plans, parameters, costs, activities, processes and how and what to do within legal, political, social, environmental, safety and economic constraints in achieving that objective

The Design Process

Is plan-driven Is understood in terms of a discrete
sequence of stages

How do you design?

Interaction Design
Focuses on designing interactive products Dening the structure and behavior of
interactive systems

Focuses on satisfying the needs of users The practice of designing interactive digital
products, environments, systems, and services

Views on Interaction Design

Technology-Centered Behavior-Centered Social-Centered

Technology-Centered View
Interaction designers make technology,
particularly digital technology, useful and pleasurable to use produced by engineers and programmers and mold it into products that people enjoy using

Interaction designers take the raw stuff

Behavior-Centered View
Dening the behavior of artifacts,
environments and systems

Focus on functionality and feedback being

concerned on how products behave and provide feedback based on what the people engaged with them are doing

Social Interaction View

Revolving around facilitating communication
between humans through products

Technology is nearly irrelevant

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

The Stages of Interaction Design

Stakeholders

Stakeholders

Stakeholders

Stakeholders

Reports

Users

Users

Users

Users

Texts UML Flowcharts State transition diagrams Decomposition diagrams

Developers

Developers

Developers

Developers

Actors
Illustrators Illustrators Illustrators Illustrators

Graphical illustrations

Interaction Designers

Interaction Designers

Interaction Designers

Interaction Designers

UML Flowcharts State transition diagrams Decomposition diagrams

Stages

Research Iteration Stage

Design Iteration Stage

Development Iteration Stage

Production Stage

Activities

Data collection Building concepts Testing Making changes

Sketching Writing code Creating mockups Prototyping Testing Testing Making changes Making changes

Promoting Positioning Marketing

Stakeholders

Stakeholders

Stakeholders

Stakeholders

Reports

Users

Users

Users

Users

Texts UML Flowcharts State transition diagrams Decomposition diagrams

Developers

Developers

Developers

Developers

Actors
Illustrators Illustrators Illustrators Illustrators

Graphical illustrations

Interaction Designers

Interaction Designers

Interaction Designers

Interaction Designers

UML Flowcharts State transition diagrams Decomposition diagrams

Stages

Research Iteration Stage

Design Iteration Stage

Development Iteration Stage

Production Stage

Activities

Data collection Building concepts Testing Making changes

Sketching Writing code Creating mockups Prototyping Testing Testing Making changes Making changes

Promoting Positioning Marketing

Stakeholders

Stakeholders

Stakeholders

Stakeholders

Reports

Users

Users

Users

Users

Texts UML Flowcharts State transition diagrams Decomposition diagrams

Developers

Developers

Developers

Developers

Actors
Illustrators Illustrators Illustrators Illustrators

Graphical illustrations

Interaction Designers

Interaction Designers

Interaction Designers

Interaction Designers

UML Flowcharts State transition diagrams Decomposition diagrams

Stages

Research Iteration Stage

Design Iteration Stage

Development Iteration Stage

Production Stage

Activities

Data collection Building concepts Testing Making changes

Sketching Writing code Creating mockups Prototyping Testing Testing Making changes Making changes

Promoting Positioning Marketing

Common Development Lifecycles

Predominant Development Life-Cycles

System development life-cycle Agile life-cycle

System Development Life-Cycle

A process of creating or altering information
systems, and the models and methodologies that people use to develop these systems for building information systems

A framework used to describe the process Intended to develop information systems in

a very deliberate, structured, and methodical way

Agile Development
Based on an iterative and incremental
approach

Requirements and solutions evolve

throughout the project by means of collaboration between self-organizing, cross-functional teams

References

http://en.wikipedia.org/wiki/Design http://en.wikipedia.org/wiki/Interaction_design http://en.wikipedia.org/wiki/Systems_development_lifecycle 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.). New Riders.