SlideShare ist ein Scribd-Unternehmen logo
1 von 14
Downloaden Sie, um offline zu lesen
Introduction to
Interaction Design




IFI7156 Interaction Design Methods
(IxDA)
“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)
problem   solution
A simple interaction design
          model
               Identify needs/
                  establish
                requirements




  (Re)Design
                                 Evaluate

                   Build an
                   interactive
                   version

                                            Final product




                                                (Rogers, Sharp, & Preece, 2007)
Research-based design process




                      (Leinonen, Toikkanen, & Silfvast, 2008)
This course


             Feedback                                                    Feedback                                                                                  Testing                  Feedback




                                                                                                                                                                  Testing the                 User
 Group        Project      Contextual                                                 Design    Concept           User          Testing          Paper                                                          Final
  blog         idea         inquiry            Personas                 Scenarios     session   mapping          stories         task
                                                                                                                                                                    paper                   interface        presentation
                                                                                                                                               prototypes         prototypes
                                                                                                                                                                                           prototypes




                 2 weeks                        2 weeks                             4 weeks                                2 weeks                      2 weeks                                    2 weeks

January 26                        February 6              February 23                                     March 23                        April 6                               April 20                            May 4


    Group Assignments


    Individual Assignments
A real life...



                                                                                          Testing the      User
Contextual                           Design    Concept    User     Testing     Paper
 inquiry     Personas   Scenarios    session   mapping   stories    task
                                                                                            paper        interface
                                                                             prototypes   prototypes
                                                                                                        prototypes
The components of interaction design




                             (Rogers, Sharp, & Preece, 2011)
References
• IxDA (n.d.). IxDA Mission. Retrieved from http://www.ixda.org/about/ixda-mission

• Leinonen, T., Toikkanen, T., and Silfvast, K. 2008. Software as Hypothesis: Research-
  Based Design Methodology. In Proceedings of Participatory Design Conference 2008,
  Indiana University, Oct 1-4 2008.

• 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/
Hans Põldoja
hans.poldoja@tlu.ee

Interaction Design Methods
http://ifi7156.wordpress.com

Tallinn University
Institute of Informatics

This work is licensed under the Creative Commons Attribution-ShareAlike 3.0
Unported License. To view a copy of this license, visit http://creativecommons.org/
licenses/by-sa/3.0/

Weitere ähnliche Inhalte

Was ist angesagt?

HCI 3e - Ch 11: User support
HCI 3e - Ch 11:  User supportHCI 3e - Ch 11:  User support
HCI 3e - Ch 11: User supportAlan Dix
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principlesDavid Little
 
HCI 3e - Ch 9: Evaluation techniques
HCI 3e - Ch 9:  Evaluation techniquesHCI 3e - Ch 9:  Evaluation techniques
HCI 3e - Ch 9: Evaluation techniquesAlan Dix
 
Introduction to Information Architecture
Introduction to Information ArchitectureIntroduction to Information Architecture
Introduction to Information ArchitectureMike Crabb
 
user support system in HCI
user support system in HCIuser support system in HCI
user support system in HCIUsman Mukhtar
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyCHI UX Indonesia
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction DesignMark Billinghurst
 
Mini UX Workshop: Creating Persona & Scenario
Mini UX Workshop: Creating Persona & ScenarioMini UX Workshop: Creating Persona & Scenario
Mini UX Workshop: Creating Persona & ScenarioNatt Phenjati
 
Interaction Design
Interaction DesignInteraction Design
Interaction Designhcicourse
 
UX design, service design and design thinking
UX design, service design and design thinkingUX design, service design and design thinking
UX design, service design and design thinkingSylvain Cottong
 
Virtual reality in hci
Virtual reality in hciVirtual reality in hci
Virtual reality in hcijeet patalia
 
Don Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book ClubDon Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book ClubWojciech Staszczyk
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionbrindaN
 
Human Computer Interaction - Interaction Design
Human Computer Interaction - Interaction DesignHuman Computer Interaction - Interaction Design
Human Computer Interaction - Interaction DesignVrushali Dhanokar
 
HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basicsAlan Dix
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basicsPreeti Mishra
 

Was ist angesagt? (20)

HCI 3e - Ch 11: User support
HCI 3e - Ch 11:  User supportHCI 3e - Ch 11:  User support
HCI 3e - Ch 11: User support
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
 
What is UX?
What is UX?What is UX?
What is UX?
 
HCI 3e - Ch 9: Evaluation techniques
HCI 3e - Ch 9:  Evaluation techniquesHCI 3e - Ch 9:  Evaluation techniques
HCI 3e - Ch 9: Evaluation techniques
 
Introduction to Information Architecture
Introduction to Information ArchitectureIntroduction to Information Architecture
Introduction to Information Architecture
 
user support system in HCI
user support system in HCIuser support system in HCI
user support system in HCI
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
Mini UX Workshop: Creating Persona & Scenario
Mini UX Workshop: Creating Persona & ScenarioMini UX Workshop: Creating Persona & Scenario
Mini UX Workshop: Creating Persona & Scenario
 
HCI Basics
HCI BasicsHCI Basics
HCI Basics
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
UX design, service design and design thinking
UX design, service design and design thinkingUX design, service design and design thinking
UX design, service design and design thinking
 
Virtual reality in hci
Virtual reality in hciVirtual reality in hci
Virtual reality in hci
 
Don Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book ClubDon Norman "Design of everyday things" - UX Book Club
Don Norman "Design of everyday things" - UX Book Club
 
Chapter five HCI
Chapter five HCIChapter five HCI
Chapter five HCI
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
 
Ux design process
Ux design processUx design process
Ux design process
 
Human Computer Interaction - Interaction Design
Human Computer Interaction - Interaction DesignHuman Computer Interaction - Interaction Design
Human Computer Interaction - Interaction Design
 
HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basics
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
 

Ähnlich wie Introduction to Interaction Design

IFI7156 Interaction Design Methods: Introduction to the course
IFI7156 Interaction Design Methods: Introduction to the courseIFI7156 Interaction Design Methods: Introduction to the course
IFI7156 Interaction Design Methods: Introduction to the courseHans Põldoja
 
Design prototyping
Design prototypingDesign prototyping
Design prototypingAditya Pawar
 
Building an mvp that works for users
Building an mvp that works for users Building an mvp that works for users
Building an mvp that works for users Ariadna Font Llitjos
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction DesignHans Põldoja
 
Learning Design/Instructional Design
Learning Design/Instructional DesignLearning Design/Instructional Design
Learning Design/Instructional DesignSamantha Slade
 
Sandhya's portfolio
Sandhya's portfolioSandhya's portfolio
Sandhya's portfolioSandhya
 
Patterns, Components, and Code, Oh My!
Patterns, Components, and Code, Oh My!Patterns, Components, and Code, Oh My!
Patterns, Components, and Code, Oh My!Erin Malone
 
E design hci team intro
E design hci team introE design hci team intro
E design hci team introCapital One
 
Grethe Thilly - Portfolio
Grethe Thilly - PortfolioGrethe Thilly - Portfolio
Grethe Thilly - PortfolioGrethe Thilly
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction DesignHans Põldoja
 
Information Architecture Summit 2012 Recap
Information Architecture Summit 2012 RecapInformation Architecture Summit 2012 Recap
Information Architecture Summit 2012 RecapAndy Fitzgerald
 
Writing great documentation - CodeConf 2011
Writing great documentation - CodeConf 2011Writing great documentation - CodeConf 2011
Writing great documentation - CodeConf 2011Jacob Kaplan-Moss
 
Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013
Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013
Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013Ariadna Font Llitjos
 
IxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper PrototypingIxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper PrototypingInteractionDesign
 
Open Access Continuum - Stellenbosch University
Open Access Continuum - Stellenbosch UniversityOpen Access Continuum - Stellenbosch University
Open Access Continuum - Stellenbosch UniversityThomas King
 
Study of solution development methodology for small size projects.
Study of solution development methodology for small size projects.Study of solution development methodology for small size projects.
Study of solution development methodology for small size projects.Joon ho Park
 
Design Principles of Advanced Task Elicitation Systems
Design Principles of Advanced Task Elicitation SystemsDesign Principles of Advanced Task Elicitation Systems
Design Principles of Advanced Task Elicitation SystemsProf. Dr. Alexander Maedche
 
Advisoryboard2
Advisoryboard2Advisoryboard2
Advisoryboard2garagenoda
 
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
 

Ähnlich wie Introduction to Interaction Design (20)

IFI7156 Interaction Design Methods: Introduction to the course
IFI7156 Interaction Design Methods: Introduction to the courseIFI7156 Interaction Design Methods: Introduction to the course
IFI7156 Interaction Design Methods: Introduction to the course
 
Design prototyping
Design prototypingDesign prototyping
Design prototyping
 
Building an mvp that works for users
Building an mvp that works for users Building an mvp that works for users
Building an mvp that works for users
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
Learning Design/Instructional Design
Learning Design/Instructional DesignLearning Design/Instructional Design
Learning Design/Instructional Design
 
Sandhya's portfolio
Sandhya's portfolioSandhya's portfolio
Sandhya's portfolio
 
Patterns, Components, and Code, Oh My!
Patterns, Components, and Code, Oh My!Patterns, Components, and Code, Oh My!
Patterns, Components, and Code, Oh My!
 
E design hci team intro
E design hci team introE design hci team intro
E design hci team intro
 
Grethe Thilly - Portfolio
Grethe Thilly - PortfolioGrethe Thilly - Portfolio
Grethe Thilly - Portfolio
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
Information Architecture Summit 2012 Recap
Information Architecture Summit 2012 RecapInformation Architecture Summit 2012 Recap
Information Architecture Summit 2012 Recap
 
Writing great documentation - CodeConf 2011
Writing great documentation - CodeConf 2011Writing great documentation - CodeConf 2011
Writing great documentation - CodeConf 2011
 
Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013
Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013
Designing an MVP that works for users (2 and 1/2 hours) @Lean UX NYC 2013
 
IxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper PrototypingIxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper Prototyping
 
Open Access Continuum - Stellenbosch University
Open Access Continuum - Stellenbosch UniversityOpen Access Continuum - Stellenbosch University
Open Access Continuum - Stellenbosch University
 
2011 Taiwan UX Summit_Workshop B
2011 Taiwan UX Summit_Workshop B2011 Taiwan UX Summit_Workshop B
2011 Taiwan UX Summit_Workshop B
 
Study of solution development methodology for small size projects.
Study of solution development methodology for small size projects.Study of solution development methodology for small size projects.
Study of solution development methodology for small size projects.
 
Design Principles of Advanced Task Elicitation Systems
Design Principles of Advanced Task Elicitation SystemsDesign Principles of Advanced Task Elicitation Systems
Design Principles of Advanced Task Elicitation Systems
 
Advisoryboard2
Advisoryboard2Advisoryboard2
Advisoryboard2
 
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...
 

Mehr von 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 PracticesHans Põldoja
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusHans Põldoja
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusHans Põldoja
 
Digitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusDigitaalsed õppematerjalid ja autoriõigus
Digitaalsed õppematerjalid ja autoriõigusHans Põldoja
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disainHans Põldoja
 
Õpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardidÕpikeskkondadega seotud tehnoloogiad ja standardid
Õpikeskkondadega seotud tehnoloogiad ja standardidHans 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 UniversityHans Põldoja
 
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemidVirtuaalsed õpikeskkonnad ja õpihaldussüsteemid
Virtuaalsed õpikeskkonnad ja õpihaldussüsteemidHans 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 kursusesseHans Põldoja
 
Digiõppevara autoriõigus
Digiõppevara autoriõigusDigiõppevara autoriõigus
Digiõppevara autoriõigusHans Põldoja
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisHans Põldoja
 
Esitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemineEsitluste koostamine ja avalik esinemine
Esitluste koostamine ja avalik esinemineHans Põldoja
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidHans Põldoja
 
Viidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisViidete vormistamine APA 7 viitamissüsteemis
Viidete vormistamine APA 7 viitamissüsteemisHans Põldoja
 
Õpikeskkondade disain
Õpikeskkondade disainÕpikeskkondade disain
Õpikeskkondade disainHans Põldoja
 
Teadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidTeadmuse visualiseerimise vahendid
Teadmuse visualiseerimise vahendidHans Põldoja
 
Infoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamineInfoallikad, infootsing ja viitamine
Infoallikad, infootsing ja viitamineHans Põldoja
 
Infoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamineInfoallikate hindamine, haldamine ja kasutamine
Infoallikate hindamine, haldamine ja kasutamineHans Põldoja
 

Mehr von 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
 

Kürzlich hochgeladen

ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesVellyslav Petrov
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisPeclers Paris
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...Pranav Subramanian
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementMd. Shariful Hoque
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Yantram Animation Studio Corporation
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioAlinaLau2
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...Pranav Subramanian
 
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSIONPORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSIONAnastasiya Kudinova
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...Thomas Schielke
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
PORTFOLIO 2024 ANASTASIYA KUDINOVA
PORTFOLIO 2024       ANASTASIYA KUDINOVAPORTFOLIO 2024       ANASTASIYA KUDINOVA
PORTFOLIO 2024 ANASTASIYA KUDINOVAAnastasiya Kudinova
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...Pranav Subramanian
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinSamar Hossam ElDin Ahmed
 

Kürzlich hochgeladen (20)

ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern Homes
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
 
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
STITCH: HOW MIGHT WE PROMOTE AN EQUITABLE AND INCLUSIVE URBAN LIFESTYLE PRIOR...
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering Portfolio
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
 
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSIONPORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
PORTFOLIO 2024 ANASTASIYA KUDINOVA
PORTFOLIO 2024       ANASTASIYA KUDINOVAPORTFOLIO 2024       ANASTASIYA KUDINOVA
PORTFOLIO 2024 ANASTASIYA KUDINOVA
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
 

Introduction to Interaction Design

  • 1. Introduction to Interaction Design IFI7156 Interaction Design Methods
  • 2.
  • 4. “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)
  • 5.
  • 6. problem solution
  • 7. A simple interaction design model Identify needs/ establish requirements (Re)Design Evaluate Build an interactive version Final product (Rogers, Sharp, & Preece, 2007)
  • 8. Research-based design process (Leinonen, Toikkanen, & Silfvast, 2008)
  • 9. This course Feedback Feedback Testing Feedback Testing the User Group Project Contextual Design Concept User Testing Paper Final blog idea inquiry Personas Scenarios session mapping stories task paper interface presentation prototypes prototypes prototypes 2 weeks 2 weeks 4 weeks 2 weeks 2 weeks 2 weeks January 26 February 6 February 23 March 23 April 6 April 20 May 4 Group Assignments Individual Assignments
  • 10. A real life... Testing the User Contextual Design Concept User Testing Paper inquiry Personas Scenarios session mapping stories task paper interface prototypes prototypes prototypes
  • 11. The components of interaction design (Rogers, Sharp, & Preece, 2011)
  • 12. References • IxDA (n.d.). IxDA Mission. Retrieved from http://www.ixda.org/about/ixda-mission • Leinonen, T., Toikkanen, T., and Silfvast, K. 2008. Software as Hypothesis: Research- Based Design Methodology. In Proceedings of Participatory Design Conference 2008, Indiana University, Oct 1-4 2008. • 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.
  • 13. Photos • Juhan Sonin, http://www.flickr.com/photos/juhansonin/5135576565/
  • 14. Hans Põldoja hans.poldoja@tlu.ee Interaction Design Methods http://ifi7156.wordpress.com Tallinn University Institute of Informatics This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/ licenses/by-sa/3.0/