SlideShare ist ein Scribd-Unternehmen logo
1 von 36
Downloaden Sie, um offline zu lesen
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)

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (9)

Design principles
Design principlesDesign principles
Design principles
 
3d printing & prototyping
3d printing & prototyping3d printing & prototyping
3d printing & prototyping
 
Typography
TypographyTypography
Typography
 
Human Computer Interaction (HCI)
Human Computer Interaction (HCI)Human Computer Interaction (HCI)
Human Computer Interaction (HCI)
 
3d printing
3d printing3d printing
3d printing
 
Engineering Drawing: Chapter 13 roles of engineering drawing
Engineering Drawing: Chapter 13  roles of engineering drawingEngineering Drawing: Chapter 13  roles of engineering drawing
Engineering Drawing: Chapter 13 roles of engineering drawing
 
Management 3.0 synthèse en Français - Vue 4, Développer les compétences
Management 3.0 synthèse en Français - Vue 4, Développer les compétencesManagement 3.0 synthèse en Français - Vue 4, Développer les compétences
Management 3.0 synthèse en Français - Vue 4, Développer les compétences
 
Lecture15 anti aliasing
Lecture15 anti aliasingLecture15 anti aliasing
Lecture15 anti aliasing
 
AUTO CADD PPT
AUTO CADD PPTAUTO CADD PPT
AUTO CADD PPT
 

Andere mochten auch

Buffalo collaboration class
Buffalo collaboration classBuffalo collaboration class
Buffalo collaboration class
Kvincega
 

Andere mochten auch (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
 

Ähnlich wie Fundamentals of new media

Introduction to interaction design
Introduction to interaction designIntroduction to interaction design
Introduction to interaction design
Valeria Gasik
 

Ähnlich wie 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
 

Mehr von InteractionDesign

IxDworks mini-workshop: Testing Paper Prototyping
IxDworks mini-workshop: Testing Paper PrototypingIxDworks mini-workshop: Testing Paper Prototyping
IxDworks mini-workshop: Testing Paper Prototyping
InteractionDesign
 
IxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper PrototypingIxDworks mini-workshop: Paper Prototyping
IxDworks mini-workshop: Paper Prototyping
InteractionDesign
 

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