Introduction to  New Media andInteraction Design      Valeria Gasik
Topics•   What is new media?•   Design and Interaction Design•   User-centered Design
In your opinion:What is new media?
New Media    i.e.
New Media    i.e.internet   technology          games   systems
New Media    i.e.internet   technology             games         systems  art      networks            participation   inf...
New Media•   Several ways to describe it•   Might refer, among others, to media, metamedia, digital    art, social network...
New Media        Some of the Lev Manovich’s propositions1. Cultural objects and paradigms - Digitalization2. Computer tech...
New Media Impact“Time is lost,confusion resultsand money is spent.”– the manager of a Connecticut manufacturing firm in 1917
New Media Impact
New Media ImpactData
New Media ImpactData   Technology
New Media ImpactData   Technology   Culture
New Media Impact: Data‣   Huuuuge amount of data    Processing    Flow    Value    Security    New business material      ...
New Media Impact: Tech‣   New technologies,    platforms & communities‣   Democratization,    globalization    Overproduct...
New Media Impact: Culture‣   Self-express, art, culture    Dadaism, irony    Cultural references    Mashups    Co-creation...
New Media Impact: Culture     www.wherethefuckshouldigotoeat.com/‣   Self-express, art, culture    Dadaism, irony    Cultu...
Design
Design    The Action-centric model       The Rational model•   Creativity and emotions    •   Plan-driven•   Improvised pr...
Agile development•   Lightweight and adaptive    development process•   Short development cycles•   Iteration•   Self-orga...
User-centered design• One of the possible approaches• Focus on user• Users as a guide of design• Designer translates users...
Interaction Design“...shaping digital things for people’s use”
IxD• Process of designing digital products, services,  systems and environments.• Aiming to find and comprehend user’s need...
IxD1. Studying possible futures2. Framing possible problems3. Micro-experimenting4. Addressing technical, aesthetical etc....
Interaction Design  Requires T-shaped skills:• Deep knowledge in one’s field• Collaboration across disciplines
Process
Process1. Personas2. Scenarios3. User Stories4. Development, design and testing5. Presentation
Personas•   1-2 page long description of a user    archetypes•   2–5 personas    (primary, secondary, supplementary)•   Ar...
Scenarios• Describe likely interactions between types of  users (personas) and the system• Consists of settings, actors, g...
ScenariosLaura has a a 4-year old dog. In a weekshe is planning to go on vacation and islooking for a dog sitter.Laura ope...
User Stories• Written sequences of  actions and events that  lead to an outcome         “As a user, I want to             ...
User Stories• Written sequences of  actions and events that  lead to an outcome         “As a user, I want to             ...
User Stories• Written sequences of  actions and events that  lead to an outcome         “As a user, I want to             ...
User storieshttp://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
User stories                                                                                                  Becomes     ...
User stories                                                                                                  Becomes     ...
User stories                                                                                                   Becomes    ...
Thank you
Reference suggestions• Putting people first  http://www.experientia.com• Usability and interface design books  http://uxdes...
01 new media-design
Upcoming SlideShare
Loading in...5
×

01 new media-design

561

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
561
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 01 new media-design

    1. 1. Introduction to New Media andInteraction Design Valeria Gasik
    2. 2. Topics• What is new media?• Design and Interaction Design• User-centered Design
    3. 3. In your opinion:What is new media?
    4. 4. New Media i.e.
    5. 5. New Media i.e.internet technology games systems
    6. 6. New Media i.e.internet technology games systems art networks participation information
    7. 7. New Media• Several ways to describe it• Might refer, among others, to media, metamedia, digital art, social networks and virtual communities, creative participation such as crowd sourcing, and on-demand access to content via various digital devices• New media technologies are – usually – described as the ones with the nature of digital interactivity
    8. 8. New Media Some of the Lev Manovich’s propositions1. Cultural objects and paradigms - Digitalization2. Computer technology as distribution platforms3. The mix between old and new data representation; metamedia – avant-garde, new ways of accessing and manipulating information
    9. 9. New Media Impact“Time is lost,confusion resultsand money is spent.”– the manager of a Connecticut manufacturing firm in 1917
    10. 10. New Media Impact
    11. 11. New Media ImpactData
    12. 12. New Media ImpactData Technology
    13. 13. New Media ImpactData Technology Culture
    14. 14. New Media Impact: Data‣ Huuuuge amount of data Processing Flow Value Security New business material Dealing Visualization Growing in demand: ability to deal with complex systems and extract wisdom from the data
    15. 15. New Media Impact: Tech‣ New technologies, platforms & communities‣ Democratization, globalization Overproduction Digital divide old phones the Artist New Laws and Ethics Open vs Proprietary Ecology Has technology a leading role in human affaires? How affects perception and understanding? (ie McLuhan)
    16. 16. New Media Impact: Culture‣ Self-express, art, culture Dadaism, irony Cultural references Mashups Co-creation, memes Services, events sad keanu
    17. 17. New Media Impact: Culture www.wherethefuckshouldigotoeat.com/‣ Self-express, art, culture Dadaism, irony Cultural references Mashups Co-creation, memes Services, events sad keanu
    18. 18. Design
    19. 19. Design The Action-centric model The Rational model• Creativity and emotions • Plan-driven• Improvised process • Sequence of steps• “Frame, move, evaluate” • Optimization of design object ‣ Agile approach ‣ Waterfall model
    20. 20. Agile development• Lightweight and adaptive development process• Short development cycles• Iteration• Self-organizing, cross-functional teams• Scrum, XP
    21. 21. User-centered design• One of the possible approaches• Focus on user• Users as a guide of design• Designer translates users needs and goals
    22. 22. Interaction Design“...shaping digital things for people’s use”
    23. 23. IxD• Process of designing digital products, services, systems and environments.• Aiming to find and comprehend user’s needs and goals• Defining and taking into account user’s abilities and limitations• Defining the structure and behavior of interactive systems
    24. 24. IxD1. Studying possible futures2. Framing possible problems3. Micro-experimenting4. Addressing technical, aesthetical etc. aspects5. Connecting to the bigger picturehttp://www.interaction-design.org/
    25. 25. Interaction Design Requires T-shaped skills:• Deep knowledge in one’s field• Collaboration across disciplines
    26. 26. Process
    27. 27. Process1. Personas2. Scenarios3. User Stories4. Development, design and testing5. Presentation
    28. 28. Personas• 1-2 page long description of a user archetypes• 2–5 personas (primary, secondary, supplementary)• Are composed from observation, interviews, etc.• Serves as a guide to the design process, but...• ...do not substitute involving real users in the design process
    29. 29. 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
    30. 30. ScenariosLaura has a a 4-year old dog. In a weekshe is planning to go on vacation and islooking for a dog sitter.Laura opens a dog sitter site and pointson a map. She wants to find someonewho lives nearby. She browsers resultsuntil she find Ullas profile. Laura likesher resume and decides to contact her.
    31. 31. User Stories• Written sequences of actions and events that lead to an outcome “As a user, I want to find good dog sitters• Good stories are near by so that I independed, short and testable could contact them.“• Bridge between users, designers and developers
    32. 32. User Stories• Written sequences of actions and events that lead to an outcome “As a user, I want to find good dog sitters• Good stories are near by so that I independed, short and testable could contact them.“• Bridge between users, designers and developers
    33. 33. User Stories• Written sequences of actions and events that lead to an outcome “As a user, I want to <role>, I want find <do what> so to good dog sitters• Good stories are near byI so that I that could independed, short and testable could contact them.“ <benefit>.“• Bridge between users, designers and developers
    34. 34. User storieshttp://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
    35. 35. User stories Becomes personalhttp://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
    36. 36. User stories Becomes personal Helps to prioritizehttp://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
    37. 37. User stories Becomes personal Helps to prioritize Feels rather naturalhttp://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
    38. 38. Thank you
    39. 39. Reference suggestions• Putting people first http://www.experientia.com• Usability and interface design books http://uxdesign.smashingmagazine.com/2008/01/24/usability-and-interface-design-books/• Interaction Design http://www.interaction-design.org/• Generic Work Process http://project.cmd.hro.nl/cmi/hci/toolkit/• Entertainment The Artist (2011), Everything is a remix, Social Network (2010), Black Mirror (2011)
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×