SlideShare une entreprise Scribd logo
1  sur  19
Compiled with the assistance of the Tiger University Program of the Estonian
                   Information Technology Foundation
Ülikooli logo




                PANTONE 1807
                PANTONE Black


ess
Introduction to
Interaction Design
Ilya Shmorgun,Valeria Gasik, David Lamas
Topics

• Definition of interaction design
• Stages of interaction design
• Personas
• Scenarios
• User-stories
Interaction Design
Interaction Design
•   The practice of designing interactive digital
    products, environments, systems, and services
•   Focuses on understanding the goals and needs of
    users and trying to design tools for users to
    achieve those goals
•   Taking into account a user's environment and
    technological limitations
•   Defining the structure and behavior of interactive
    systems
Stages of Interaction
       Design
Research   Design   Develop   Bake   Promote
Developing Personas
Personas

• A description of a user archetype that can
  serve as a guide to the design process
• Composed from a series of field activities
  such as interviews and observations
• The descriptions are summarized in 1-2
  pages
Use of Personas in
         Design

• Designers use personas when it is not
  possible or practical to turn to users
• Personas cannot substitute involving real
  users in the design process
Writing Scenarios
Scenarios
•   A narrative describing foreseeable
    interactions of types of users (characters) and
    the system
•   Include information about goals, expectations,
    motivations, actions and reactions
•   Attempts to reflect on or portray the way in
    which a system is used in the context of daily
    activity
Example
It’s Friday afternoon and Joe is flying to Sydney. He
doesn’t have enough money for a taxi to the airport
and he’s running late.
He goes to a local ATM and identifies himself.
He specifies that he wants $100 from his savings
account. He’d like the money in $20 notes so that
he can give the taxi driver the correct change.
He doesn’t want a printed receipt, as he doesn’t
bother keeping track of transactions in his account.
Writing User Stories
User Stories
• Descriptions of a sequence of actions and
  events that lead to an outcome
• Each user story is limited, and should fit on
  a small paper note/card to ensure that it
  does not grow too large
• A quick way of handling customer
  requirements
Examples

• "As a <role>, I want <goal/desire> so that
  <benefit>"
• As a user, I want to search for my
  customers by their first and last names so
  that I can find customers faster.
Topics Covered

• Definition of interaction design
• Stages of interaction design
• Personas
• Scenarios
• User-stories

Contenu connexe

Similaire à Introduction to interaction design

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
David Little
 

Similaire à Introduction to interaction design (20)

User Experience from a Business Perspective
User Experience from a Business PerspectiveUser Experience from a Business Perspective
User Experience from a Business Perspective
 
Interaction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital productsInteraction design: desiging user interfaces for digital products
Interaction design: desiging user interfaces for digital products
 
Designing the user experience
Designing the user experienceDesigning the user experience
Designing the user experience
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
COMP 4026 - Lecture 1
COMP 4026 - Lecture 1COMP 4026 - Lecture 1
COMP 4026 - Lecture 1
 
Techniques to understand and improve your digital employee experience
Techniques to understand and improve your digital employee experienceTechniques to understand and improve your digital employee experience
Techniques to understand and improve your digital employee experience
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
 
Ux gsg
Ux gsgUx gsg
Ux gsg
 
Interactive Visualization
Interactive VisualizationInteractive Visualization
Interactive Visualization
 
Week 8 &amp; 10
Week 8 &amp; 10Week 8 &amp; 10
Week 8 &amp; 10
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
 
Interaction design patterns
Interaction design patternsInteraction design patterns
Interaction design patterns
 
Portfolio 1 pages-deleted
Portfolio 1 pages-deletedPortfolio 1 pages-deleted
Portfolio 1 pages-deleted
 
Portfolio 1 pages-deleted
Portfolio 1 pages-deletedPortfolio 1 pages-deleted
Portfolio 1 pages-deleted
 
Portfolio 1 pages-deleted
Portfolio 1 pages-deletedPortfolio 1 pages-deleted
Portfolio 1 pages-deleted
 
A user experience designer Tina Lee's portfolio
A user experience designer Tina Lee's portfolio A user experience designer Tina Lee's portfolio
A user experience designer Tina Lee's portfolio
 
Using Personas to Create User-centered Designs
Using Personas to Create User-centered DesignsUsing Personas to Create User-centered Designs
Using Personas to Create User-centered Designs
 
UX basics inception to experience delivery
UX basics  inception to experience deliveryUX basics  inception to experience delivery
UX basics inception to experience delivery
 
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
 

Plus de Valeria Gasik

Creating low and medium fidelity prototypes
Creating low and medium fidelity prototypesCreating low and medium fidelity prototypes
Creating low and medium fidelity prototypes
Valeria Gasik
 
Creating Low Fidelity Prototypes
Creating Low Fidelity PrototypesCreating Low Fidelity Prototypes
Creating Low Fidelity Prototypes
Valeria Gasik
 
Ubiquitous computing
Ubiquitous computingUbiquitous computing
Ubiquitous computing
Valeria Gasik
 
Summer School 2012 Introduction
Summer School 2012 IntroductionSummer School 2012 Introduction
Summer School 2012 Introduction
Valeria Gasik
 

Plus de Valeria Gasik (20)

What's UX anyway?
What's UX anyway?What's UX anyway?
What's UX anyway?
 
Low Fidelity Prototyping with Paper
Low Fidelity Prototyping with PaperLow Fidelity Prototyping with Paper
Low Fidelity Prototyping with Paper
 
User Research: Personas, scenarios, user stories
User Research: Personas, scenarios, user storiesUser Research: Personas, scenarios, user stories
User Research: Personas, scenarios, user stories
 
Interaction Design's Work
Interaction Design's WorkInteraction Design's Work
Interaction Design's Work
 
Paper Prototyping Basics (IxDworks.com)
Paper Prototyping Basics (IxDworks.com)Paper Prototyping Basics (IxDworks.com)
Paper Prototyping Basics (IxDworks.com)
 
Testing Paper Prototypes (IxDworks.com)
Testing Paper Prototypes (IxDworks.com)Testing Paper Prototypes (IxDworks.com)
Testing Paper Prototypes (IxDworks.com)
 
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
 
TWS 2014 – Testing paper prototypes
TWS 2014 – Testing paper prototypesTWS 2014 – Testing paper prototypes
TWS 2014 – Testing paper prototypes
 
TWS 2014 – Paper Prototyping
TWS 2014 – Paper PrototypingTWS 2014 – Paper Prototyping
TWS 2014 – Paper Prototyping
 
TWS 2014 – Personas, scenarios, user stories
TWS 2014 – Personas, scenarios, user storiesTWS 2014 – Personas, scenarios, user stories
TWS 2014 – Personas, scenarios, user stories
 
TWS 2014: Interaction Design, brief introduction
TWS 2014: Interaction Design, brief introductionTWS 2014: Interaction Design, brief introduction
TWS 2014: Interaction Design, brief introduction
 
Wordress.com alkeet ja sosiaalisen median lyhyt historia
Wordress.com alkeet ja sosiaalisen median lyhyt historiaWordress.com alkeet ja sosiaalisen median lyhyt historia
Wordress.com alkeet ja sosiaalisen median lyhyt historia
 
TSS 2013 – Paper Prototyping
TSS 2013 – Paper PrototypingTSS 2013 – Paper Prototyping
TSS 2013 – Paper Prototyping
 
TSS 2013 – IxD, Personas, Scenarios, User Stories and Use Cases
TSS 2013 – IxD, Personas, Scenarios, User Stories and Use CasesTSS 2013 – IxD, Personas, Scenarios, User Stories and Use Cases
TSS 2013 – IxD, Personas, Scenarios, User Stories and Use Cases
 
TSS 2013 – Interactive Design Tools
TSS 2013 – Interactive Design ToolsTSS 2013 – Interactive Design Tools
TSS 2013 – Interactive Design Tools
 
Creating low and medium fidelity prototypes
Creating low and medium fidelity prototypesCreating low and medium fidelity prototypes
Creating low and medium fidelity prototypes
 
Working on ideas
Working on ideasWorking on ideas
Working on ideas
 
Creating Low Fidelity Prototypes
Creating Low Fidelity PrototypesCreating Low Fidelity Prototypes
Creating Low Fidelity Prototypes
 
Ubiquitous computing
Ubiquitous computingUbiquitous computing
Ubiquitous computing
 
Summer School 2012 Introduction
Summer School 2012 IntroductionSummer School 2012 Introduction
Summer School 2012 Introduction
 

Dernier

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Dernier (20)

08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 

Introduction to interaction design

  • 1. Compiled with the assistance of the Tiger University Program of the Estonian Information Technology Foundation
  • 2. Ülikooli logo PANTONE 1807 PANTONE Black ess
  • 3. Introduction to Interaction Design Ilya Shmorgun,Valeria Gasik, David Lamas
  • 4. Topics • Definition of interaction design • Stages of interaction design • Personas • Scenarios • User-stories
  • 6. Interaction Design • The practice of designing interactive digital products, environments, systems, and services • Focuses on understanding the goals and needs of users and trying to design tools for users to achieve those goals • Taking into account a user's environment and technological limitations • Defining the structure and behavior of interactive systems
  • 8. Research Design Develop Bake Promote
  • 10. Personas • A description of a user archetype that can serve as a guide to the design process • Composed from a series of field activities such as interviews and observations • The descriptions are summarized in 1-2 pages
  • 11. Use of Personas in Design • Designers use personas when it is not possible or practical to turn to users • Personas cannot substitute involving real users in the design process
  • 12.
  • 14. Scenarios • A narrative describing foreseeable interactions of types of users (characters) and the system • Include information about goals, expectations, motivations, actions and reactions • Attempts to reflect on or portray the way in which a system is used in the context of daily activity
  • 15. Example It’s Friday afternoon and Joe is flying to Sydney. He doesn’t have enough money for a taxi to the airport and he’s running late. He goes to a local ATM and identifies himself. He specifies that he wants $100 from his savings account. He’d like the money in $20 notes so that he can give the taxi driver the correct change. He doesn’t want a printed receipt, as he doesn’t bother keeping track of transactions in his account.
  • 17. User Stories • Descriptions of a sequence of actions and events that lead to an outcome • Each user story is limited, and should fit on a small paper note/card to ensure that it does not grow too large • A quick way of handling customer requirements
  • 18. Examples • "As a <role>, I want <goal/desire> so that <benefit>" • As a user, I want to search for my customers by their first and last names so that I can find customers faster.
  • 19. Topics Covered • Definition of interaction design • Stages of interaction design • Personas • Scenarios • User-stories

Notes de l'éditeur

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n