SlideShare a Scribd company logo
Introduction to Interaction Design
IFI7156.DT Interaction Design Methods
“Interaction design refers to the
process that is arranged within the
existing resource constraints to
create, shape, and decide all use-
oriented qualities (structural,
functional, ethical, and aesthetic)
of a digital artifact for one or many
clients.”
(Löwgren & Stolterman, 2007)
Design as a process
problem solution
divergence convergence
Wicked problems
A simple interaction design
model
Evaluate
(Re)Design
Identify needs/
establish
requirements
Build an
interactive
version
Final product
(Rogers, Sharp, & Preece, 2007)
Design as a communication
Research-based design process
(Leinonen, Toikkanen, & Silfvast, 2008)
This course
Contextual
inquiry
Personas Scenarios
Design
session
Concept
mapping
User
stories
Testing
tasks
Paper
prototypes
Testing the
paper
prototypes
User
interface
prototypes
Feedback Feedback
Final
presentation
Group Assignments
Individual Assignments
Idea generation Contextualization System architecture Prototyping User interface Development
February 1 February 15 February 29 March 28 April 11 April 25 May 9
Testing Final presentations
March 14
Optional Assignments
Card
storting
Information
architecture
A real life...
Contextual
inquiry Personas Scenarios
Design
session
Concept
mapping
User
stories
Testing
task
Paper
prototypes
Testing the
paper
prototypes
User
interface
prototypes
(Rogers, Sharp, & Preece, 2011)
The components of interaction
design
References
• Leinonen, T., Toikkanen, T., & Silvfast, K. (2008). Software as Hypothesis:
Research-Based Design Methodology. In Proceedings of the Tenth
Anniversary Conference on Participatory Design 2008 (pp. 61–70).
Indianapolis, IN: Indiana University.
• Löwgren, J., & Stolterman, E. (2007). Thoughtful Interaction Design: A Design
Perspective on Information Technology. Cambridge, MA: The MIT Press.
• Rogers, Y., Sharp, H., & Preece, J. (2007). Interaction Design: Beyond
Human-Computer Interaction (2nd ed.). Chichester, UK: John Wiley & Sons.
Photos
• Juhan Sonin, http://www.flickr.com/photos/juhansonin/5135576565/
This work is licensed under the Creative Commons Attribution-ShareAlike 4.0
International License. To view a copy of this license, visit
http://creativecommons.org/licenses/by-sa/4.0/
Hans Põldoja
hans.poldoja@tlu.ee
Interaction Design Methods
http://ifi7156.wordpress.com
Tallinn University
School of Digital Technologies

More Related Content

What's hot

Concept Mapping in Interaction Design
Concept Mapping in Interaction DesignConcept Mapping in Interaction Design
Concept Mapping in Interaction Design
Hans Põldoja
 
Bookshelf
Bookshelf Bookshelf
Bookshelf
Prakash Shukla
 
Evaluation of Interactive Systems Design or Prototype or Product
Evaluation of Interactive Systems Design or Prototype or ProductEvaluation of Interactive Systems Design or Prototype or Product
Evaluation of Interactive Systems Design or Prototype or Product
Khalid Md Saifuddin
 
Leveraging the Power of VoiceThread
Leveraging the Power of VoiceThreadLeveraging the Power of VoiceThread
Leveraging the Power of VoiceThread
smarvin2
 
Introduction to the E-teaching II course
Introduction to the E-teaching II courseIntroduction to the E-teaching II course
Introduction to the E-teaching II course
Aleksandra Lazareva
 
20190221 Algorithmic transparency and accountability in practice
20190221 Algorithmic transparency and accountability in practice20190221 Algorithmic transparency and accountability in practice
20190221 Algorithmic transparency and accountability in practice
Brussels Legal Hackers
 
Introduction to the course
Introduction to the courseIntroduction to the course
Introduction to the course
Hans Põldoja
 
Contextual inquiry case
Contextual inquiry caseContextual inquiry case
Contextual inquiry case
Eva Durall
 
The Use of Blackbaord Collaborate in an Online Chinese Class
The Use of Blackbaord Collaborate in an Online Chinese ClassThe Use of Blackbaord Collaborate in an Online Chinese Class
The Use of Blackbaord Collaborate in an Online Chinese Class
MoodlemootAU2014
 
Pattern Language and HCI: Expectations and Experiences
Pattern Language and HCI: Expectations and ExperiencesPattern Language and HCI: Expectations and Experiences
Pattern Language and HCI: Expectations and Experiences
Research into Interaction Design Practice
 
Lecture 1: Human-Computer Interaction Introduction (2014)
Lecture 1: Human-Computer Interaction Introduction (2014)Lecture 1: Human-Computer Interaction Introduction (2014)
Lecture 1: Human-Computer Interaction Introduction (2014)
Lora Aroyo
 
Session 1 Lecture 2 PACT A Framework for Designing Interactive Systems
Session 1 Lecture 2 PACT A Framework for Designing Interactive SystemsSession 1 Lecture 2 PACT A Framework for Designing Interactive Systems
Session 1 Lecture 2 PACT A Framework for Designing Interactive Systems
Khalid Md Saifuddin
 
Basics of Interaction Design & Strategy - 4/11/15
Basics of Interaction Design & Strategy - 4/11/15Basics of Interaction Design & Strategy - 4/11/15
Basics of Interaction Design & Strategy - 4/11/15
Robert Stribley
 
The Research and Evaluation of current Trend in Education-Second Life and U-L...
The Research and Evaluation of current Trend in Education-Second Life and U-L...The Research and Evaluation of current Trend in Education-Second Life and U-L...
The Research and Evaluation of current Trend in Education-Second Life and U-L...
Edie Cheng
 
Ifi7155 Contextualization
Ifi7155 ContextualizationIfi7155 Contextualization
Ifi7155 Contextualization
Sónia
 
Binocular vision of designing process for whole systems design crossing bound...
Binocular vision of designing process for whole systems design crossing bound...Binocular vision of designing process for whole systems design crossing bound...
Binocular vision of designing process for whole systems design crossing bound...
RSD7 Symposium
 
Summer Institute 2014 Educational Technology presentation
Summer Institute 2014 Educational Technology presentationSummer Institute 2014 Educational Technology presentation
Summer Institute 2014 Educational Technology presentation
Sean Sharp
 
User Experience Design Introduction
User Experience Design   IntroductionUser Experience Design   Introduction
User Experience Design Introduction
Hans Kemp
 
Activity Systems Analysis in Design Research
Activity Systems Analysis in Design ResearchActivity Systems Analysis in Design Research
Activity Systems Analysis in Design Research
Lisa Yamagata-Lynch
 
Learning analytics in blog-based learning environments
Learning analytics in blog-based learning environmentsLearning analytics in blog-based learning environments
Learning analytics in blog-based learning environments
Hans Põldoja
 

What's hot (20)

Concept Mapping in Interaction Design
Concept Mapping in Interaction DesignConcept Mapping in Interaction Design
Concept Mapping in Interaction Design
 
Bookshelf
Bookshelf Bookshelf
Bookshelf
 
Evaluation of Interactive Systems Design or Prototype or Product
Evaluation of Interactive Systems Design or Prototype or ProductEvaluation of Interactive Systems Design or Prototype or Product
Evaluation of Interactive Systems Design or Prototype or Product
 
Leveraging the Power of VoiceThread
Leveraging the Power of VoiceThreadLeveraging the Power of VoiceThread
Leveraging the Power of VoiceThread
 
Introduction to the E-teaching II course
Introduction to the E-teaching II courseIntroduction to the E-teaching II course
Introduction to the E-teaching II course
 
20190221 Algorithmic transparency and accountability in practice
20190221 Algorithmic transparency and accountability in practice20190221 Algorithmic transparency and accountability in practice
20190221 Algorithmic transparency and accountability in practice
 
Introduction to the course
Introduction to the courseIntroduction to the course
Introduction to the course
 
Contextual inquiry case
Contextual inquiry caseContextual inquiry case
Contextual inquiry case
 
The Use of Blackbaord Collaborate in an Online Chinese Class
The Use of Blackbaord Collaborate in an Online Chinese ClassThe Use of Blackbaord Collaborate in an Online Chinese Class
The Use of Blackbaord Collaborate in an Online Chinese Class
 
Pattern Language and HCI: Expectations and Experiences
Pattern Language and HCI: Expectations and ExperiencesPattern Language and HCI: Expectations and Experiences
Pattern Language and HCI: Expectations and Experiences
 
Lecture 1: Human-Computer Interaction Introduction (2014)
Lecture 1: Human-Computer Interaction Introduction (2014)Lecture 1: Human-Computer Interaction Introduction (2014)
Lecture 1: Human-Computer Interaction Introduction (2014)
 
Session 1 Lecture 2 PACT A Framework for Designing Interactive Systems
Session 1 Lecture 2 PACT A Framework for Designing Interactive SystemsSession 1 Lecture 2 PACT A Framework for Designing Interactive Systems
Session 1 Lecture 2 PACT A Framework for Designing Interactive Systems
 
Basics of Interaction Design & Strategy - 4/11/15
Basics of Interaction Design & Strategy - 4/11/15Basics of Interaction Design & Strategy - 4/11/15
Basics of Interaction Design & Strategy - 4/11/15
 
The Research and Evaluation of current Trend in Education-Second Life and U-L...
The Research and Evaluation of current Trend in Education-Second Life and U-L...The Research and Evaluation of current Trend in Education-Second Life and U-L...
The Research and Evaluation of current Trend in Education-Second Life and U-L...
 
Ifi7155 Contextualization
Ifi7155 ContextualizationIfi7155 Contextualization
Ifi7155 Contextualization
 
Binocular vision of designing process for whole systems design crossing bound...
Binocular vision of designing process for whole systems design crossing bound...Binocular vision of designing process for whole systems design crossing bound...
Binocular vision of designing process for whole systems design crossing bound...
 
Summer Institute 2014 Educational Technology presentation
Summer Institute 2014 Educational Technology presentationSummer Institute 2014 Educational Technology presentation
Summer Institute 2014 Educational Technology presentation
 
User Experience Design Introduction
User Experience Design   IntroductionUser Experience Design   Introduction
User Experience Design Introduction
 
Activity Systems Analysis in Design Research
Activity Systems Analysis in Design ResearchActivity Systems Analysis in Design Research
Activity Systems Analysis in Design Research
 
Learning analytics in blog-based learning environments
Learning analytics in blog-based learning environmentsLearning analytics in blog-based learning environments
Learning analytics in blog-based learning environments
 

Similar to Introduction to Interaction Design

Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
Hans Põldoja
 
Collaborative Work on 3D Content in Virtual Environments: Methodology and Rec...
Collaborative Work on 3D Content in Virtual Environments: Methodology and Rec...Collaborative Work on 3D Content in Virtual Environments: Methodology and Rec...
Collaborative Work on 3D Content in Virtual Environments: Methodology and Rec...
Mikhail Fominykh
 
Summ11 useinterx
Summ11 useinterxSumm11 useinterx
Summ11 useinterx
Anne-Marie Armstrong
 
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Trade
dpanarelli
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
Hans Põldoja
 
2015-04-29 research seminar
2015-04-29 research seminar2015-04-29 research seminar
2015-04-29 research seminar
ifi8106tlu
 
2015-11-11 research seminar
2015-11-11 research seminar2015-11-11 research seminar
2015-11-11 research seminar
ifi8106tlu
 
The Pragmatic Evaluation of Tool System Interoperability
The Pragmatic Evaluation of Tool System InteroperabilityThe Pragmatic Evaluation of Tool System Interoperability
The Pragmatic Evaluation of Tool System Interoperability
CommunitySense
 
A Design Theory For Digital Platforms Supporting Online Communities A Multip...
A Design Theory For Digital Platforms Supporting Online Communities  A Multip...A Design Theory For Digital Platforms Supporting Online Communities  A Multip...
A Design Theory For Digital Platforms Supporting Online Communities A Multip...
Andrew Parish
 
Service design in practice
Service design in practiceService design in practice
Service design in practice
Satu Miettinen
 
Visual Analytics for User Behaviour Analysis in Cyber Systems
Visual Analytics for User Behaviour Analysis in Cyber SystemsVisual Analytics for User Behaviour Analysis in Cyber Systems
Visual Analytics for User Behaviour Analysis in Cyber Systems
Cagatay Turkay
 
Information Systems Action design research method
Information Systems Action design research methodInformation Systems Action design research method
Information Systems Action design research method
Raimo Halinen
 
On data-driven systems analyzing, supporting and enhancing users’ interaction...
On data-driven systems analyzing, supporting and enhancing users’ interaction...On data-driven systems analyzing, supporting and enhancing users’ interaction...
On data-driven systems analyzing, supporting and enhancing users’ interaction...
Grial - University of Salamanca
 
The True Purpose of Design Systems
The True Purpose of Design SystemsThe True Purpose of Design Systems
The True Purpose of Design Systems
Stefan Ivanov
 
Mapping the Terrain of Design Thinking: Pedagogies & Outcomes
Mapping the Terrain of Design Thinking: Pedagogies & OutcomesMapping the Terrain of Design Thinking: Pedagogies & Outcomes
Mapping the Terrain of Design Thinking: Pedagogies & Outcomes
Systemic Design Association (SDA)
 
UXPABOS2013_FABRIZI
UXPABOS2013_FABRIZIUXPABOS2013_FABRIZI
UXPABOS2013_FABRIZI
Jennifer Fabrizi
 
E learning futures
E learning futuresE learning futures
E learning futures
G-one Paisones
 
A Shared Data Format For Describing Collaborative Design Processes @ Cumulus ...
A Shared Data Format For Describing Collaborative Design Processes @ Cumulus ...A Shared Data Format For Describing Collaborative Design Processes @ Cumulus ...
A Shared Data Format For Describing Collaborative Design Processes @ Cumulus ...
Massimo Menichinelli
 
Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...
Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...
Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...
Hans Põldoja
 
1_Introduction to Interaction Design.pdf
1_Introduction to Interaction Design.pdf1_Introduction to Interaction Design.pdf
1_Introduction to Interaction Design.pdf
OmarShahid15
 

Similar to Introduction to Interaction Design (20)

Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
Collaborative Work on 3D Content in Virtual Environments: Methodology and Rec...
Collaborative Work on 3D Content in Virtual Environments: Methodology and Rec...Collaborative Work on 3D Content in Virtual Environments: Methodology and Rec...
Collaborative Work on 3D Content in Virtual Environments: Methodology and Rec...
 
Summ11 useinterx
Summ11 useinterxSumm11 useinterx
Summ11 useinterx
 
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Trade
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
2015-04-29 research seminar
2015-04-29 research seminar2015-04-29 research seminar
2015-04-29 research seminar
 
2015-11-11 research seminar
2015-11-11 research seminar2015-11-11 research seminar
2015-11-11 research seminar
 
The Pragmatic Evaluation of Tool System Interoperability
The Pragmatic Evaluation of Tool System InteroperabilityThe Pragmatic Evaluation of Tool System Interoperability
The Pragmatic Evaluation of Tool System Interoperability
 
A Design Theory For Digital Platforms Supporting Online Communities A Multip...
A Design Theory For Digital Platforms Supporting Online Communities  A Multip...A Design Theory For Digital Platforms Supporting Online Communities  A Multip...
A Design Theory For Digital Platforms Supporting Online Communities A Multip...
 
Service design in practice
Service design in practiceService design in practice
Service design in practice
 
Visual Analytics for User Behaviour Analysis in Cyber Systems
Visual Analytics for User Behaviour Analysis in Cyber SystemsVisual Analytics for User Behaviour Analysis in Cyber Systems
Visual Analytics for User Behaviour Analysis in Cyber Systems
 
Information Systems Action design research method
Information Systems Action design research methodInformation Systems Action design research method
Information Systems Action design research method
 
On data-driven systems analyzing, supporting and enhancing users’ interaction...
On data-driven systems analyzing, supporting and enhancing users’ interaction...On data-driven systems analyzing, supporting and enhancing users’ interaction...
On data-driven systems analyzing, supporting and enhancing users’ interaction...
 
The True Purpose of Design Systems
The True Purpose of Design SystemsThe True Purpose of Design Systems
The True Purpose of Design Systems
 
Mapping the Terrain of Design Thinking: Pedagogies & Outcomes
Mapping the Terrain of Design Thinking: Pedagogies & OutcomesMapping the Terrain of Design Thinking: Pedagogies & Outcomes
Mapping the Terrain of Design Thinking: Pedagogies & Outcomes
 
UXPABOS2013_FABRIZI
UXPABOS2013_FABRIZIUXPABOS2013_FABRIZI
UXPABOS2013_FABRIZI
 
E learning futures
E learning futuresE learning futures
E learning futures
 
A Shared Data Format For Describing Collaborative Design Processes @ Cumulus ...
A Shared Data Format For Describing Collaborative Design Processes @ Cumulus ...A Shared Data Format For Describing Collaborative Design Processes @ Cumulus ...
A Shared Data Format For Describing Collaborative Design Processes @ Cumulus ...
 
Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...
Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...
Web-Based Self- and Peer-Assessment of Teachers’ Educational Technology Compe...
 
1_Introduction to Interaction Design.pdf
1_Introduction to Interaction Design.pdf1_Introduction to Interaction Design.pdf
1_Introduction to Interaction Design.pdf
 

More from Hans Põldoja

Transforming Higher Education with Open Educational Practices
Transforming Higher Education with Open Educational PracticesTransforming Higher Education with Open Educational Practices
Transforming Higher Education with Open Educational Practices
Hans Põldoja
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
Hans Põldoja
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
Hans Põldoja
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
Hans Põldoja
 
Avatud haridus
Avatud haridusAvatud haridus
Avatud haridus
Hans Põldoja
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disain
Hans Põldoja
 
Õpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardidÕpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardid
Hans Põldoja
 
Digital transformation in education in Tallinn University
Digital transformation in education in Tallinn UniversityDigital transformation in education in Tallinn University
Digital transformation in education in Tallinn University
Hans Põldoja
 
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemidVirtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Hans Põldoja
 
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesseIFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
Hans Põldoja
 
Digiõppevara autoriõigus
Digiõppevara autoriõigusDigiõppevara autoriõigus
Digiõppevara autoriõigus
Hans Põldoja
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemis
Hans Põldoja
 
Esitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemineEsitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemine
Hans Põldoja
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendid
Hans Põldoja
 
Avatud haridus
Avatud haridusAvatud haridus
Avatud haridus
Hans Põldoja
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemis
Hans Põldoja
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disain
Hans Põldoja
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendid
Hans Põldoja
 
Infoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamineInfoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamine
Hans Põldoja
 
Infoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamineInfoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamine
Hans Põldoja
 

More from Hans Põldoja (20)

Transforming Higher Education with Open Educational Practices
Transforming Higher Education with Open Educational PracticesTransforming Higher Education with Open Educational Practices
Transforming Higher Education with Open Educational Practices
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigus
 
Avatud haridus
Avatud haridusAvatud haridus
Avatud haridus
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disain
 
Õpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardidÕpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardid
 
Digital transformation in education in Tallinn University
Digital transformation in education in Tallinn UniversityDigital transformation in education in Tallinn University
Digital transformation in education in Tallinn University
 
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemidVirtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
 
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesseIFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
IFI7227.DT Õpikeskkonnad ja võrgustatud õpe - Sissejuhatus kursusesse
 
Digiõppevara autoriõigus
Digiõppevara autoriõigusDigiõppevara autoriõigus
Digiõppevara autoriõigus
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemis
 
Esitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemineEsitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemine
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendid
 
Avatud haridus
Avatud haridusAvatud haridus
Avatud haridus
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemis
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disain
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendid
 
Infoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamineInfoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamine
 
Infoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamineInfoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamine
 

Recently uploaded

NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
21uul8se
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
ellemjani
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
LGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation TemplateLGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation Template
DakshGudwani
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
9lq7ultg
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
wkip62b
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 

Recently uploaded (20)

NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
一比一原版亚利桑那大学毕业证(UA毕业证书)如何办理
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
Introduction to User experience design for beginner
Introduction to User experience design for beginnerIntroduction to User experience design for beginner
Introduction to User experience design for beginner
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
LGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation TemplateLGBTQIA Pride Month presentation Template
LGBTQIA Pride Month presentation Template
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 

Introduction to Interaction Design

  • 1. Introduction to Interaction Design IFI7156.DT Interaction Design Methods
  • 2.
  • 3. “Interaction design refers to the process that is arranged within the existing resource constraints to create, shape, and decide all use- oriented qualities (structural, functional, ethical, and aesthetic) of a digital artifact for one or many clients.” (Löwgren & Stolterman, 2007)
  • 4.
  • 5. Design as a process
  • 8. A simple interaction design model Evaluate (Re)Design Identify needs/ establish requirements Build an interactive version Final product (Rogers, Sharp, & Preece, 2007)
  • 9. Design as a communication
  • 10. Research-based design process (Leinonen, Toikkanen, & Silfvast, 2008)
  • 11. This course Contextual inquiry Personas Scenarios Design session Concept mapping User stories Testing tasks Paper prototypes Testing the paper prototypes User interface prototypes Feedback Feedback Final presentation Group Assignments Individual Assignments Idea generation Contextualization System architecture Prototyping User interface Development February 1 February 15 February 29 March 28 April 11 April 25 May 9 Testing Final presentations March 14 Optional Assignments Card storting Information architecture
  • 12. A real life... Contextual inquiry Personas Scenarios Design session Concept mapping User stories Testing task Paper prototypes Testing the paper prototypes User interface prototypes
  • 13. (Rogers, Sharp, & Preece, 2011) The components of interaction design
  • 14. References • Leinonen, T., Toikkanen, T., & Silvfast, K. (2008). Software as Hypothesis: Research-Based Design Methodology. In Proceedings of the Tenth Anniversary Conference on Participatory Design 2008 (pp. 61–70). Indianapolis, IN: Indiana University. • Löwgren, J., & Stolterman, E. (2007). Thoughtful Interaction Design: A Design Perspective on Information Technology. Cambridge, MA: The MIT Press. • Rogers, Y., Sharp, H., & Preece, J. (2007). Interaction Design: Beyond Human-Computer Interaction (2nd ed.). Chichester, UK: John Wiley & Sons.
  • 15. Photos • Juhan Sonin, http://www.flickr.com/photos/juhansonin/5135576565/
  • 16. This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/ Hans Põldoja hans.poldoja@tlu.ee Interaction Design Methods http://ifi7156.wordpress.com Tallinn University School of Digital Technologies