01 new media-design
Upcoming SlideShare
Loading in...5
×
 

01 new media-design

on

  • 606 views

 

Statistics

Views

Total Views
606
Slideshare-icon Views on SlideShare
353
Embed Views
253

Actions

Likes
0
Downloads
4
Comments
0

2 Embeds 253

http://ifi6079.wordpress.com 249
http://ixdworks.com 4

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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 01 new media-design Presentation Transcript

  • 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 information
  • 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
  • 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
  • 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 Dealing Visualization Growing in demand: ability to deal with complex systems and extract wisdom from the data
  • 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)
  • New Media Impact: Culture‣ Self-express, art, culture Dadaism, irony Cultural references Mashups Co-creation, memes Services, events sad keanu
  • New Media Impact: Culture www.wherethefuckshouldigotoeat.com/‣ Self-express, art, culture Dadaism, irony Cultural references Mashups Co-creation, memes Services, events sad keanu
  • Design
  • 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
  • Agile development• Lightweight and adaptive development process• Short development cycles• Iteration• Self-organizing, cross-functional teams• Scrum, XP
  • User-centered design• One of the possible approaches• Focus on user• Users as a guide of design• Designer translates users needs and goals
  • 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 needs and goals• Defining and taking into account user’s abilities and limitations• Defining the structure and behavior of interactive systems
  • IxD1. Studying possible futures2. Framing possible problems3. Micro-experimenting4. Addressing technical, aesthetical etc. aspects5. Connecting to the bigger picturehttp://www.interaction-design.org/
  • 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)• 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
  • 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
  • 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.
  • 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
  • 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
  • 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
  • User storieshttp://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
  • User stories Becomes personalhttp://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
  • User stories Becomes personal Helps to prioritizehttp://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
  • 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
  • Thank you
  • 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)