Date post: | 06-Apr-2018 |
Category: |
Documents |
Upload: | ilya-shmorgun |
View: | 217 times |
Download: | 0 times |
of 26
8/3/2019 2 Itl2011 Interaction Design
1/26
8/3/2019 2 Itl2011 Interaction Design
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/8/3/2019 2 Itl2011 Interaction Design
3/26
Lets talk about design
8/3/2019 2 Itl2011 Interaction 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
8/3/2019 2 Itl2011 Interaction Design
5/26
The Design Process
Is plan-driven
Is understood in terms of a discretesequence of stages
8/3/2019 2 Itl2011 Interaction Design
6/26
How do you design?
8/3/2019 2 Itl2011 Interaction 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/3/2019 2 Itl2011 Interaction Design
8/26
Views on Interaction
Design
Technology-Centered Behavior-Centered
Social-Centered
8/3/2019 2 Itl2011 Interaction Design
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
8/3/2019 2 Itl2011 Interaction Design
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
8/3/2019 2 Itl2011 Interaction Design
11/26
Social Interaction View
Revolving around facilitating communicationbetween humans through products
Technology is nearly irrelevant
8/3/2019 2 Itl2011 Interaction Design
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
8/3/2019 2 Itl2011 Interaction Design
13/26
The Stages ofInteraction Design
8/3/2019 2 Itl2011 Interaction 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
UMLFlowchartsState transition diagramsDecomposition diagrams
Texts
Reports
8/3/2019 2 Itl2011 Interaction Design
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
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
UMLFlowchartsState transition diagramsDecomposition diagrams
Texts
Reports
Research
Iteration Stage
8/3/2019 2 Itl2011 Interaction Design
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
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
UMLFlowchartsState transition diagramsDecomposition diagrams
Texts
Reports
Design
Iteration Stage
8/3/2019 2 Itl2011 Interaction Design
17/26
8/3/2019 2 Itl2011 Interaction Design
18/26
8/3/2019 2 Itl2011 Interaction Design
19/26
Common DevelopmentLifecycles
8/3/2019 2 Itl2011 Interaction Design
20/26
Predominant
Development Life-Cycles
System development life-cycle
Agile life-cycle
8/3/2019 2 Itl2011 Interaction Design
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/Methodologies8/3/2019 2 Itl2011 Interaction Design
22/26
8/3/2019 2 Itl2011 Interaction Design
23/26
8/3/2019 2 Itl2011 Interaction Design
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
8/3/2019 2 Itl2011 Interaction Design
25/26
8/3/2019 2 Itl2011 Interaction Design
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