SlideShare a Scribd company logo
1 of 36
Download to read offline
Introduction to New Media and
      Interaction Design
        Valeria Gasik 2013
Topics


• What is New Media?
• Interaction Design Fundamentals
• User-centered Design
In your opinion:
What is New Media?
Several ways to describe it
New Media technologies are described as the
ones with the nature of digital interactivity.
Digital data
Data
• Nesting vs linearity
• Oversupply? A lot to process!
• Designer’s role?
• Growing in demand: ability to deal
  with complex systems and extract
  wisdom from the data
Technology



Tactus' morphing smartphone
E-waste
Digital divide
New ethics and laws
Culture
“There is a tremendous ability for individual users –
        – to make connections to one another in a way that
        might allow them to circumvent the conventions of
              institutional and closed opportunities.”

                                  Bailey Socha, Barbara Eber-Schmid




http://www.newmedia.org/what-is-new-media.html
Art
Games
Social networks
Social events
Fun. “Jam with Chrome”
Evocation, self-expression
Mashups, memes
Interaction Design
There are many ways to approach a project
User-centered design

  One of the possible approaches
• Focus on the user
• Users as a guide of design
• Designer translates user needs and goals
Interaction Design



                “...shaping digital things for people’s use”




http://interaction-design.org/
Interaction Design
Process of designing digital products,
services, systems and environments
• User’s needs and goals?
• User’s abilities and limitations?
• The structure and behavior of
   interactive a system?
• Future challenges?
Process
1. Personas
2. Scenarios
3. User-Stories
4. (Development, design, testing)
5. (Presentation)
Personas
  Persona is a brief description of a user archetype
• A focused act of designer’s empathetic role-play.
• 2-5 personas (primary, secondary, supplementary)
• Are composed from observation, interviews, etc.
• Serve as a guide to the design process but do not
  substitute involving real users in the design process
“Personas, as documents, should work for designers the
way scent works for memories of your childhood.”
(Alan Cooper)
“Genshi genbutsu”
– Go and see
Scenarios

  Scenarios describe likely interactions between
  types of users (personas) and the system
• Consists of settings, actors, goals,
  actions, events and objects
• Aims to mirror the real context and usage
Scenarios

Laura has a 4-year old dog. In a week Laura is
planning to go on a vacation and is looking for
a dog sitter.
Laura opens a dog sitter site and looks for a
map. She wants to find someone trustful who
lives nearby. Laura studies relevant results
and sees Ulla’s profile. Laura likes Ulla’s
resume and decides to contact her.
User Stories

  Written sequences of actions and events that
  lead to an outcome
• Good stories are standalone, short and testable
• Bridge between users, designers and developers
User Stories


“As a user, I want to find reliable dog sitter
near by so that I could contact her.”
User Stories


“As a <role>, I want to <do what > so that I
could <benefit how>.”
Thank you!
Reference suggestion
•   Putting people first
    http://www.experientia.com

•   Usability and interface design books

•   Interaction Design
    http://interaction-design.org

•   Generic Work Process
    http://project.cmd.hro.nl/cmi/hci/toolkit

•   Personas and the role of documentation
    http://boxesandarrows.com/personas-and-the-role-of-design-documentation/

•   To watch...
    Everything is a remix, Social network (2010), Black Mirror (2011)

More Related Content

What's hot

Multimedia color in image and video
Multimedia color in image and videoMultimedia color in image and video
Multimedia color in image and videoMazin Alwaaly
 
Multimedia System & Design Ch 8 delivering
Multimedia System & Design Ch 8 deliveringMultimedia System & Design Ch 8 delivering
Multimedia System & Design Ch 8 deliveringBadar Waseer
 
Multimedia Presentation and Authoring
Multimedia Presentation and AuthoringMultimedia Presentation and Authoring
Multimedia Presentation and AuthoringTamanna Sehgal
 
The Internet and Multimedia
The Internet and Multimedia The Internet and Multimedia
The Internet and Multimedia CeliaBSeaton
 
CS6010 Social Network Analysis Unit V
CS6010 Social Network Analysis Unit VCS6010 Social Network Analysis Unit V
CS6010 Social Network Analysis Unit Vpkaviya
 
COM2304: Introduction to Computer Vision & Image Processing
COM2304: Introduction to Computer Vision & Image Processing COM2304: Introduction to Computer Vision & Image Processing
COM2304: Introduction to Computer Vision & Image Processing Hemantha Kulathilake
 
Multimedia_image recognition steps
Multimedia_image recognition stepsMultimedia_image recognition steps
Multimedia_image recognition stepsNimisha T
 
software Engineering process
software Engineering processsoftware Engineering process
software Engineering processRaheel Aslam
 
Chapter 2 multimedia authoring and tools
Chapter 2 multimedia authoring and toolsChapter 2 multimedia authoring and tools
Chapter 2 multimedia authoring and toolsABDUmomo
 
Week 4 lecture material cc (1)
Week 4 lecture material cc (1)Week 4 lecture material cc (1)
Week 4 lecture material cc (1)Ankit Gupta
 
Mutlimedia authoring tools
Mutlimedia authoring toolsMutlimedia authoring tools
Mutlimedia authoring toolsJay Patel
 
Designing Distributed Systems: Google Cas Study
Designing Distributed Systems: Google Cas StudyDesigning Distributed Systems: Google Cas Study
Designing Distributed Systems: Google Cas StudyMeysam Javadi
 
Unit 1 architecture of distributed systems
Unit 1 architecture of distributed systemsUnit 1 architecture of distributed systems
Unit 1 architecture of distributed systemskaran2190
 
Chapter 3 - Multimedia System Design
Chapter 3 - Multimedia System DesignChapter 3 - Multimedia System Design
Chapter 3 - Multimedia System DesignPratik Pradhan
 
From Image Processing To Computer Vision
From Image Processing To Computer VisionFrom Image Processing To Computer Vision
From Image Processing To Computer VisionJoud Khattab
 

What's hot (20)

Protoytyping Model
Protoytyping ModelProtoytyping Model
Protoytyping Model
 
Multimedia color in image and video
Multimedia color in image and videoMultimedia color in image and video
Multimedia color in image and video
 
Multimedia System & Design Ch 8 delivering
Multimedia System & Design Ch 8 deliveringMultimedia System & Design Ch 8 delivering
Multimedia System & Design Ch 8 delivering
 
Multimedia Presentation and Authoring
Multimedia Presentation and AuthoringMultimedia Presentation and Authoring
Multimedia Presentation and Authoring
 
The Internet and Multimedia
The Internet and Multimedia The Internet and Multimedia
The Internet and Multimedia
 
CS6010 Social Network Analysis Unit V
CS6010 Social Network Analysis Unit VCS6010 Social Network Analysis Unit V
CS6010 Social Network Analysis Unit V
 
Introduction Data Compression/ Data compression, modelling and coding,Image C...
Introduction Data Compression/ Data compression, modelling and coding,Image C...Introduction Data Compression/ Data compression, modelling and coding,Image C...
Introduction Data Compression/ Data compression, modelling and coding,Image C...
 
COM2304: Introduction to Computer Vision & Image Processing
COM2304: Introduction to Computer Vision & Image Processing COM2304: Introduction to Computer Vision & Image Processing
COM2304: Introduction to Computer Vision & Image Processing
 
Multimedia_image recognition steps
Multimedia_image recognition stepsMultimedia_image recognition steps
Multimedia_image recognition steps
 
Ch 3 software quality factor
Ch 3 software quality factorCh 3 software quality factor
Ch 3 software quality factor
 
software Engineering process
software Engineering processsoftware Engineering process
software Engineering process
 
Chapter 2 multimedia authoring and tools
Chapter 2 multimedia authoring and toolsChapter 2 multimedia authoring and tools
Chapter 2 multimedia authoring and tools
 
Hci lecture 01_00
Hci lecture 01_00Hci lecture 01_00
Hci lecture 01_00
 
Week 4 lecture material cc (1)
Week 4 lecture material cc (1)Week 4 lecture material cc (1)
Week 4 lecture material cc (1)
 
Mutlimedia authoring tools
Mutlimedia authoring toolsMutlimedia authoring tools
Mutlimedia authoring tools
 
Designing Distributed Systems: Google Cas Study
Designing Distributed Systems: Google Cas StudyDesigning Distributed Systems: Google Cas Study
Designing Distributed Systems: Google Cas Study
 
Unit 1 architecture of distributed systems
Unit 1 architecture of distributed systemsUnit 1 architecture of distributed systems
Unit 1 architecture of distributed systems
 
Chapter 3 - Multimedia System Design
Chapter 3 - Multimedia System DesignChapter 3 - Multimedia System Design
Chapter 3 - Multimedia System Design
 
From Image Processing To Computer Vision
From Image Processing To Computer VisionFrom Image Processing To Computer Vision
From Image Processing To Computer Vision
 
IntrIntroduction
IntrIntroductionIntrIntroduction
IntrIntroduction
 

Viewers also liked

RIDE 2010 presentation - Formative e-assessment: case stories, design pattern...
RIDE 2010 presentation - Formative e-assessment: case stories, design pattern...RIDE 2010 presentation - Formative e-assessment: case stories, design pattern...
RIDE 2010 presentation - Formative e-assessment: case stories, design pattern...Centre for Distance Education
 
Buffalo collaboration class
Buffalo collaboration classBuffalo collaboration class
Buffalo collaboration classKvincega
 
Week2: Introduction To New Media Technology
Week2: Introduction To New Media TechnologyWeek2: Introduction To New Media Technology
Week2: Introduction To New Media TechnologyTom Allen
 
Information architecture tutorial
Information architecture tutorialInformation architecture tutorial
Information architecture tutoriallilyphitsamay
 
UW Cybersecurity Lecture 9 - Social Media
UW Cybersecurity Lecture 9 - Social MediaUW Cybersecurity Lecture 9 - Social Media
UW Cybersecurity Lecture 9 - Social MediaDr Stylianos Mystakidis
 
New Media For Business, Marketing and PR: Blogs, Podcasts, Social Media & Syn...
New Media For Business, Marketing and PR: Blogs, Podcasts, Social Media & Syn...New Media For Business, Marketing and PR: Blogs, Podcasts, Social Media & Syn...
New Media For Business, Marketing and PR: Blogs, Podcasts, Social Media & Syn...Rodney Rumford
 
Cloud Computing Fundamentals
Cloud Computing FundamentalsCloud Computing Fundamentals
Cloud Computing FundamentalsSonia Nagpal
 
Fundamentals of Cloud Computing
Fundamentals of Cloud ComputingFundamentals of Cloud Computing
Fundamentals of Cloud ComputingSouvik Pal
 
Introduction to New Media Technologies
Introduction to New Media TechnologiesIntroduction to New Media Technologies
Introduction to New Media TechnologiesMoses Gomes
 
Cloud Computing: Some Basic Concepts
Cloud Computing: Some Basic ConceptsCloud Computing: Some Basic Concepts
Cloud Computing: Some Basic ConceptsYash Gupta
 
Hypertext, hypermedia and multimedia
Hypertext, hypermedia and multimediaHypertext, hypermedia and multimedia
Hypertext, hypermedia and multimediafernandadavalos2566
 
Introduction To Cloud Computing
Introduction To Cloud ComputingIntroduction To Cloud Computing
Introduction To Cloud ComputingLiming Liu
 
Hypertext,hypermedia and multimedia
Hypertext,hypermedia and multimediaHypertext,hypermedia and multimedia
Hypertext,hypermedia and multimediagaflores2
 
Cloud Computing Integration Introduction
Cloud Computing Integration IntroductionCloud Computing Integration Introduction
Cloud Computing Integration Introductiontoryharis
 

Viewers also liked (20)

RIDE 2010 presentation - Formative e-assessment: case stories, design pattern...
RIDE 2010 presentation - Formative e-assessment: case stories, design pattern...RIDE 2010 presentation - Formative e-assessment: case stories, design pattern...
RIDE 2010 presentation - Formative e-assessment: case stories, design pattern...
 
Responsive design
Responsive designResponsive design
Responsive design
 
6 Thinking Hats
6 Thinking Hats6 Thinking Hats
6 Thinking Hats
 
Buffalo collaboration class
Buffalo collaboration classBuffalo collaboration class
Buffalo collaboration class
 
Cloud Computing
Cloud ComputingCloud Computing
Cloud Computing
 
Week2: Introduction To New Media Technology
Week2: Introduction To New Media TechnologyWeek2: Introduction To New Media Technology
Week2: Introduction To New Media Technology
 
Information architecture tutorial
Information architecture tutorialInformation architecture tutorial
Information architecture tutorial
 
UW Cybersecurity Lecture 9 - Social Media
UW Cybersecurity Lecture 9 - Social MediaUW Cybersecurity Lecture 9 - Social Media
UW Cybersecurity Lecture 9 - Social Media
 
New Media For Business, Marketing and PR: Blogs, Podcasts, Social Media & Syn...
New Media For Business, Marketing and PR: Blogs, Podcasts, Social Media & Syn...New Media For Business, Marketing and PR: Blogs, Podcasts, Social Media & Syn...
New Media For Business, Marketing and PR: Blogs, Podcasts, Social Media & Syn...
 
Cloud Computing Fundamentals
Cloud Computing FundamentalsCloud Computing Fundamentals
Cloud Computing Fundamentals
 
Cloud Computing_2015_03_05
Cloud Computing_2015_03_05Cloud Computing_2015_03_05
Cloud Computing_2015_03_05
 
Cloud computing Fundamentals
Cloud computing FundamentalsCloud computing Fundamentals
Cloud computing Fundamentals
 
Fundamentals of Cloud Computing
Fundamentals of Cloud ComputingFundamentals of Cloud Computing
Fundamentals of Cloud Computing
 
Introduction to New Media Technologies
Introduction to New Media TechnologiesIntroduction to New Media Technologies
Introduction to New Media Technologies
 
Cloud Computing: Some Basic Concepts
Cloud Computing: Some Basic ConceptsCloud Computing: Some Basic Concepts
Cloud Computing: Some Basic Concepts
 
Hypertext, hypermedia and multimedia
Hypertext, hypermedia and multimediaHypertext, hypermedia and multimedia
Hypertext, hypermedia and multimedia
 
Introduction To Cloud Computing
Introduction To Cloud ComputingIntroduction To Cloud Computing
Introduction To Cloud Computing
 
Hypertext,hypermedia and multimedia
Hypertext,hypermedia and multimediaHypertext,hypermedia and multimedia
Hypertext,hypermedia and multimedia
 
Introduction to New Media
Introduction to New MediaIntroduction to New Media
Introduction to New Media
 
Cloud Computing Integration Introduction
Cloud Computing Integration IntroductionCloud Computing Integration Introduction
Cloud Computing Integration Introduction
 

Similar to Fundamentals of new media

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 productsDavid Little
 
Introduction to Information Architecture & Design - 6/20/15
Introduction to Information Architecture & Design - 6/20/15Introduction to Information Architecture & Design - 6/20/15
Introduction to Information Architecture & Design - 6/20/15Robert Stribley
 
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14Robert Stribley
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Careerdpanarelli
 
Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Robert Stribley
 
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14Robert Stribley
 
Introduction to Information Architecture & Design - 3/21/15
Introduction to Information Architecture & Design - 3/21/15Introduction to Information Architecture & Design - 3/21/15
Introduction to Information Architecture & Design - 3/21/15Robert Stribley
 
Introduction to Information Architecture & Design - 10/03/15
Introduction to Information Architecture & Design - 10/03/15Introduction to Information Architecture & Design - 10/03/15
Introduction to Information Architecture & Design - 10/03/15Robert Stribley
 
Introduction to interaction design
Introduction to interaction designIntroduction to interaction design
Introduction to interaction designValeria Gasik
 
Introduction to Information Architecture & Design - 3/19/16
Introduction to Information Architecture & Design - 3/19/16Introduction to Information Architecture & Design - 3/19/16
Introduction to Information Architecture & Design - 3/19/16Robert Stribley
 
Introduction to Information Architecture & Design - 6/25/16
Introduction to Information Architecture & Design - 6/25/16Introduction to Information Architecture & Design - 6/25/16
Introduction to Information Architecture & Design - 6/25/16Robert Stribley
 
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Introduction to Information Architecture & Design - SVA Workshop 10/04/14Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Introduction to Information Architecture & Design - SVA Workshop 10/04/14Robert Stribley
 
Designing Useful and Usable Augmented Reality Experiences
Designing Useful and Usable Augmented Reality Experiences Designing Useful and Usable Augmented Reality Experiences
Designing Useful and Usable Augmented Reality Experiences Yan Xu
 
Introduction to Information Architecture & Design - 12/06/14
Introduction to Information Architecture & Design - 12/06/14Introduction to Information Architecture & Design - 12/06/14
Introduction to Information Architecture & Design - 12/06/14Robert Stribley
 
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA International
 
Conclusions and Learned Lessons - Visual Navigation Project Outcomes -
Conclusions and Learned Lessons - Visual Navigation Project Outcomes - Conclusions and Learned Lessons - Visual Navigation Project Outcomes -
Conclusions and Learned Lessons - Visual Navigation Project Outcomes - Visual Navigation Project
 
Introduction to Information Architecture & Design - 6/24/17
Introduction to Information Architecture & Design - 6/24/17Introduction to Information Architecture & Design - 6/24/17
Introduction to Information Architecture & Design - 6/24/17Robert Stribley
 
Introduction to Information Architecture & Design - 2/13/16
Introduction to Information Architecture & Design - 2/13/16Introduction to Information Architecture & Design - 2/13/16
Introduction to Information Architecture & Design - 2/13/16Robert Stribley
 
Conversational UI and Personality Design: How Not to FAQ It Up
Conversational UI and Personality Design: How Not to FAQ It UpConversational UI and Personality Design: How Not to FAQ It Up
Conversational UI and Personality Design: How Not to FAQ It UpUltan O'Broin
 

Similar to Fundamentals of new media (20)

01 new media-design
01 new media-design01 new media-design
01 new media-design
 
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
 
Introduction to Information Architecture & Design - 6/20/15
Introduction to Information Architecture & Design - 6/20/15Introduction to Information Architecture & Design - 6/20/15
Introduction to Information Architecture & Design - 6/20/15
 
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
 
Going from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX CareerGoing from Here to There: Transitioning into a UX Career
Going from Here to There: Transitioning into a UX Career
 
Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - 2/14/15
 
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
 
Introduction to Information Architecture & Design - 3/21/15
Introduction to Information Architecture & Design - 3/21/15Introduction to Information Architecture & Design - 3/21/15
Introduction to Information Architecture & Design - 3/21/15
 
Introduction to Information Architecture & Design - 10/03/15
Introduction to Information Architecture & Design - 10/03/15Introduction to Information Architecture & Design - 10/03/15
Introduction to Information Architecture & Design - 10/03/15
 
Introduction to interaction design
Introduction to interaction designIntroduction to interaction design
Introduction to interaction design
 
Introduction to Information Architecture & Design - 3/19/16
Introduction to Information Architecture & Design - 3/19/16Introduction to Information Architecture & Design - 3/19/16
Introduction to Information Architecture & Design - 3/19/16
 
Introduction to Information Architecture & Design - 6/25/16
Introduction to Information Architecture & Design - 6/25/16Introduction to Information Architecture & Design - 6/25/16
Introduction to Information Architecture & Design - 6/25/16
 
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Introduction to Information Architecture & Design - SVA Workshop 10/04/14Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
 
Designing Useful and Usable Augmented Reality Experiences
Designing Useful and Usable Augmented Reality Experiences Designing Useful and Usable Augmented Reality Experiences
Designing Useful and Usable Augmented Reality Experiences
 
Introduction to Information Architecture & Design - 12/06/14
Introduction to Information Architecture & Design - 12/06/14Introduction to Information Architecture & Design - 12/06/14
Introduction to Information Architecture & Design - 12/06/14
 
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
 
Conclusions and Learned Lessons - Visual Navigation Project Outcomes -
Conclusions and Learned Lessons - Visual Navigation Project Outcomes - Conclusions and Learned Lessons - Visual Navigation Project Outcomes -
Conclusions and Learned Lessons - Visual Navigation Project Outcomes -
 
Introduction to Information Architecture & Design - 6/24/17
Introduction to Information Architecture & Design - 6/24/17Introduction to Information Architecture & Design - 6/24/17
Introduction to Information Architecture & Design - 6/24/17
 
Introduction to Information Architecture & Design - 2/13/16
Introduction to Information Architecture & Design - 2/13/16Introduction to Information Architecture & Design - 2/13/16
Introduction to Information Architecture & Design - 2/13/16
 
Conversational UI and Personality Design: How Not to FAQ It Up
Conversational UI and Personality Design: How Not to FAQ It UpConversational UI and Personality Design: How Not to FAQ It Up
Conversational UI and Personality Design: How Not to FAQ It Up
 

More from InteractionDesign

Testing Paper Prototypes (IxDworks)
Testing Paper Prototypes (IxDworks)Testing Paper Prototypes (IxDworks)
Testing Paper Prototypes (IxDworks)InteractionDesign
 
HCI Studies (Tallinn University Institute of Informatics)
HCI Studies (Tallinn University Institute of Informatics)HCI Studies (Tallinn University Institute of Informatics)
HCI Studies (Tallinn University Institute of Informatics)InteractionDesign
 
IxDworks mini-workshop: Testing Paper Prototyping
IxDworks mini-workshop: Testing Paper PrototypingIxDworks mini-workshop: Testing Paper Prototyping
IxDworks mini-workshop: Testing Paper PrototypingInteractionDesign
 
IxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper PrototypingIxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper PrototypingInteractionDesign
 
IxD Works Miniworkshop: Introduction
IxD Works Miniworkshop: IntroductionIxD Works Miniworkshop: Introduction
IxD Works Miniworkshop: IntroductionInteractionDesign
 
Approaches to Interaction Design
Approaches to Interaction DesignApproaches to Interaction Design
Approaches to Interaction DesignInteractionDesign
 
Personas, scenarios, user stories
Personas, scenarios, user storiesPersonas, scenarios, user stories
Personas, scenarios, user storiesInteractionDesign
 
IT trends for 2014 - IxDworks.com
IT trends for 2014 - IxDworks.comIT trends for 2014 - IxDworks.com
IT trends for 2014 - IxDworks.comInteractionDesign
 
Near Field Communication – IxDworks.com
Near Field Communication – IxDworks.comNear Field Communication – IxDworks.com
Near Field Communication – IxDworks.comInteractionDesign
 
Building medium-fidelity prototypes - IxDWorks.com
Building medium-fidelity prototypes - IxDWorks.comBuilding medium-fidelity prototypes - IxDWorks.com
Building medium-fidelity prototypes - IxDWorks.comInteractionDesign
 
Personas, scenarios, user stories
Personas, scenarios, user storiesPersonas, scenarios, user stories
Personas, scenarios, user storiesInteractionDesign
 

More from InteractionDesign (15)

Testing Paper Prototypes (IxDworks)
Testing Paper Prototypes (IxDworks)Testing Paper Prototypes (IxDworks)
Testing Paper Prototypes (IxDworks)
 
HCI Studies (Tallinn University Institute of Informatics)
HCI Studies (Tallinn University Institute of Informatics)HCI Studies (Tallinn University Institute of Informatics)
HCI Studies (Tallinn University Institute of Informatics)
 
IxDworks mini-workshop: Testing Paper Prototyping
IxDworks mini-workshop: Testing Paper PrototypingIxDworks mini-workshop: Testing Paper Prototyping
IxDworks mini-workshop: Testing Paper Prototyping
 
IxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper PrototypingIxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper Prototyping
 
IxD Works Miniworkshop: Introduction
IxD Works Miniworkshop: IntroductionIxD Works Miniworkshop: Introduction
IxD Works Miniworkshop: Introduction
 
Paper Prototyping
Paper PrototypingPaper Prototyping
Paper Prototyping
 
Approaches to Interaction Design
Approaches to Interaction DesignApproaches to Interaction Design
Approaches to Interaction Design
 
Personas, scenarios, user stories
Personas, scenarios, user storiesPersonas, scenarios, user stories
Personas, scenarios, user stories
 
ICWL / Introduction
ICWL / IntroductionICWL / Introduction
ICWL / Introduction
 
IT trends for 2014 - IxDworks.com
IT trends for 2014 - IxDworks.comIT trends for 2014 - IxDworks.com
IT trends for 2014 - IxDworks.com
 
Near Field Communication – IxDworks.com
Near Field Communication – IxDworks.comNear Field Communication – IxDworks.com
Near Field Communication – IxDworks.com
 
Building medium-fidelity prototypes - IxDWorks.com
Building medium-fidelity prototypes - IxDWorks.comBuilding medium-fidelity prototypes - IxDWorks.com
Building medium-fidelity prototypes - IxDWorks.com
 
Lo fi prototyping
Lo fi prototypingLo fi prototyping
Lo fi prototyping
 
Personas, scenarios, user stories
Personas, scenarios, user storiesPersonas, scenarios, user stories
Personas, scenarios, user stories
 
Ubiquitous interactions
Ubiquitous interactionsUbiquitous interactions
Ubiquitous interactions
 

Fundamentals of new media

  • 1. Introduction to New Media and Interaction Design Valeria Gasik 2013
  • 2. Topics • What is New Media? • Interaction Design Fundamentals • User-centered Design
  • 3. In your opinion: What is New Media?
  • 4. Several ways to describe it
  • 5. New Media technologies are described as the ones with the nature of digital interactivity.
  • 7. Data • Nesting vs linearity • Oversupply? A lot to process! • Designer’s role? • Growing in demand: ability to deal with complex systems and extract wisdom from the data
  • 13. “There is a tremendous ability for individual users – – to make connections to one another in a way that might allow them to circumvent the conventions of institutional and closed opportunities.” Bailey Socha, Barbara Eber-Schmid http://www.newmedia.org/what-is-new-media.html
  • 14. Art
  • 15. Games
  • 18. Fun. “Jam with Chrome”
  • 22. There are many ways to approach a project
  • 23. User-centered design One of the possible approaches • Focus on the user • Users as a guide of design • Designer translates user needs and goals
  • 24. Interaction Design “...shaping digital things for people’s use” http://interaction-design.org/
  • 25. Interaction Design Process of designing digital products, services, systems and environments • User’s needs and goals? • User’s abilities and limitations? • The structure and behavior of interactive a system? • Future challenges?
  • 26. Process 1. Personas 2. Scenarios 3. User-Stories 4. (Development, design, testing) 5. (Presentation)
  • 27. Personas Persona is a brief description of a user archetype • A focused act of designer’s empathetic role-play. • 2-5 personas (primary, secondary, supplementary) • Are composed from observation, interviews, etc. • Serve as a guide to the design process but do not substitute involving real users in the design process
  • 28. “Personas, as documents, should work for designers the way scent works for memories of your childhood.” (Alan Cooper)
  • 30. Scenarios Scenarios describe likely interactions between types of users (personas) and the system • Consists of settings, actors, goals, actions, events and objects • Aims to mirror the real context and usage
  • 31. Scenarios Laura has a 4-year old dog. In a week Laura is planning to go on a vacation and is looking for a dog sitter. Laura opens a dog sitter site and looks for a map. She wants to find someone trustful who lives nearby. Laura studies relevant results and sees Ulla’s profile. Laura likes Ulla’s resume and decides to contact her.
  • 32. User Stories Written sequences of actions and events that lead to an outcome • Good stories are standalone, short and testable • Bridge between users, designers and developers
  • 33. User Stories “As a user, I want to find reliable dog sitter near by so that I could contact her.”
  • 34. User Stories “As a <role>, I want to <do what > so that I could <benefit how>.”
  • 36. Reference suggestion • Putting people first http://www.experientia.com • Usability and interface design books • Interaction Design http://interaction-design.org • Generic Work Process http://project.cmd.hro.nl/cmi/hci/toolkit • Personas and the role of documentation http://boxesandarrows.com/personas-and-the-role-of-design-documentation/ • To watch... Everything is a remix, Social network (2010), Black Mirror (2011)