SlideShare a Scribd company logo
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

PPT
Git vs SVN
PDF
Matematika 2-klas-lyshenko-2019
PDF
NVIDIA GPU Cloud の紹介
PDF
소셜리스닝&분석 툴 신디지오 (Synthesio) 소개서
PDF
2 m bud_2019
ODP
Mapserver vs. geoserver
PPT
Prezentazia kvadratuchna funczia_prokopiv
PPTX
Video display devices
Git vs SVN
Matematika 2-klas-lyshenko-2019
NVIDIA GPU Cloud の紹介
소셜리스닝&분석 툴 신디지오 (Synthesio) 소개서
2 m bud_2019
Mapserver vs. geoserver
Prezentazia kvadratuchna funczia_prokopiv
Video display devices

What's hot (10)

PDF
Catching Insider Data Theft with Stochastic Forensics 2012
PPTX
Computer graphics presentation
DOC
алгебра 9кл контрольна
DOC
тест 1 сложение и вычитание дробей с разными знаменателями
PDF
오픈소스 GIS의 이해와 활용(육군사관학교 특강)
PPT
Тригонометричні функції тангенс і котангенс
PDF
Bresenhamcircle derivation
PPT
Почленное сложение и умножение неравенств
PPTX
Oracle Enterprise Manager SOA Management Pack
PDF
[EEENAR] OpenGXT 소개와 활용
Catching Insider Data Theft with Stochastic Forensics 2012
Computer graphics presentation
алгебра 9кл контрольна
тест 1 сложение и вычитание дробей с разными знаменателями
오픈소스 GIS의 이해와 활용(육군사관학교 특강)
Тригонометричні функції тангенс і котангенс
Bresenhamcircle derivation
Почленное сложение и умножение неравенств
Oracle Enterprise Manager SOA Management Pack
[EEENAR] OpenGXT 소개와 활용
Ad

Viewers also liked (20)

PPTX
RIDE 2010 presentation - Formative e-assessment: case stories, design pattern...
PDF
Responsive design
PDF
6 Thinking Hats
PPT
Buffalo collaboration class
PPTX
Cloud Computing
PPT
Week2: Introduction To New Media Technology
PPT
Information architecture tutorial
PPTX
UW Cybersecurity Lecture 9 - Social Media
PPT
New Media For Business, Marketing and PR: Blogs, Podcasts, Social Media & Syn...
PPTX
Cloud Computing Fundamentals
PDF
Cloud Computing_2015_03_05
PPTX
Cloud computing Fundamentals
PDF
Fundamentals of Cloud Computing
PPTX
Introduction to New Media Technologies
PPTX
Cloud Computing: Some Basic Concepts
PPTX
Hypertext, hypermedia and multimedia
PPT
Introduction To Cloud Computing
PPTX
Hypertext,hypermedia and multimedia
PPTX
Introduction to New Media
PPT
Cloud Computing Integration Introduction
RIDE 2010 presentation - Formative e-assessment: case stories, design pattern...
Responsive design
6 Thinking Hats
Buffalo collaboration class
Cloud Computing
Week2: Introduction To New Media Technology
Information architecture tutorial
UW Cybersecurity Lecture 9 - Social Media
New Media For Business, Marketing and PR: Blogs, Podcasts, Social Media & Syn...
Cloud Computing Fundamentals
Cloud Computing_2015_03_05
Cloud computing Fundamentals
Fundamentals of Cloud Computing
Introduction to New Media Technologies
Cloud Computing: Some Basic Concepts
Hypertext, hypermedia and multimedia
Introduction To Cloud Computing
Hypertext,hypermedia and multimedia
Introduction to New Media
Cloud Computing Integration Introduction
Ad

Similar to Fundamentals of new media (20)

KEY
01 new media-design
PPTX
Interaction design: desiging user interfaces for digital products
PPTX
Introduction to Information Architecture & Design - 6/20/15
PPTX
information architecture presentation basics
PPTX
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
PDF
Going from Here to There: Transitioning into a UX Career
PPTX
Introduction to Information Architecture & Design - 2/14/15
PPTX
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
PPTX
Introduction to Information Architecture & Design - 3/21/15
PPTX
Introduction to Information Architecture & Design - 10/03/15
KEY
Introduction to interaction design
PPTX
Introduction to Information Architecture & Design - 3/19/16
PPTX
Introduction to Information Architecture & Design - 6/25/16
PPTX
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
PPTX
Designing Useful and Usable Augmented Reality Experiences
PPTX
Introduction to Information Architecture & Design - 12/06/14
PDF
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
PDF
Conclusions and Learned Lessons - Visual Navigation Project Outcomes -
PPTX
Introduction to Information Architecture & Design - 6/24/17
PPTX
Introduction to Information Architecture & Design - 2/13/16
01 new media-design
Interaction design: desiging user interfaces for digital products
Introduction to Information Architecture & Design - 6/20/15
information architecture presentation basics
Introduction to Information Architecture & Design - SVA Workshop 06/21/14
Going from Here to There: Transitioning into a UX Career
Introduction to Information Architecture & Design - 2/14/15
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - 3/21/15
Introduction to Information Architecture & Design - 10/03/15
Introduction to interaction design
Introduction to Information Architecture & Design - 3/19/16
Introduction to Information Architecture & Design - 6/25/16
Introduction to Information Architecture & Design - SVA Workshop 10/04/14
Designing Useful and Usable Augmented Reality Experiences
Introduction to Information Architecture & Design - 12/06/14
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
Conclusions and Learned Lessons - Visual Navigation Project Outcomes -
Introduction to Information Architecture & Design - 6/24/17
Introduction to Information Architecture & Design - 2/13/16

More from InteractionDesign (15)

PDF
Testing Paper Prototypes (IxDworks)
PDF
HCI Studies (Tallinn University Institute of Informatics)
PDF
IxDworks mini-workshop: Testing Paper Prototyping
PDF
IxDworks mini-workshop: Paper Prototyping
PDF
IxD Works Miniworkshop: Introduction
PPTX
Paper Prototyping
PPTX
Approaches to Interaction Design
PDF
Personas, scenarios, user stories
PDF
ICWL / Introduction
PPTX
IT trends for 2014 - IxDworks.com
PPTX
Near Field Communication – IxDworks.com
PPTX
Building medium-fidelity prototypes - IxDWorks.com
PDF
Lo fi prototyping
PDF
Personas, scenarios, user stories
PDF
Ubiquitous interactions
Testing Paper Prototypes (IxDworks)
HCI Studies (Tallinn University Institute of Informatics)
IxDworks mini-workshop: Testing Paper Prototyping
IxDworks mini-workshop: Paper Prototyping
IxD Works Miniworkshop: Introduction
Paper Prototyping
Approaches to Interaction Design
Personas, scenarios, user stories
ICWL / Introduction
IT trends for 2014 - IxDworks.com
Near Field Communication – IxDworks.com
Building medium-fidelity prototypes - IxDWorks.com
Lo fi prototyping
Personas, scenarios, user stories
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)