SlideShare ist ein Scribd-Unternehmen logo
1 von 40
Downloaden Sie, um offline zu lesen
Introduction to
  New Media and
Interaction Design


      Valeria Gasik
Topics

•   What is new media?

•   Design and Interaction Design

•   User-centered Design
01 new media-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 propositions


1. Cultural objects and paradigms - Digitalization
2. Computer technology as distribution platforms
3. 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 results
and money is spent.”
– the manager of a Connecticut manufacturing firm in 1917
New Media Impact
New Media Impact


Data
New Media Impact


Data   Technology
New Media Impact


Data   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
IxD
1. Studying possible futures
2. Framing possible problems
3. Micro-experimenting
4. Addressing technical, aesthetical etc. aspects
5. Connecting to the bigger picture

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

  Requires T-shaped skills:
• Deep knowledge in one’s field
• Collaboration across disciplines
Process
Process
1. Personas
2. Scenarios
3. User Stories
4. Development, design and testing
5. 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
Scenarios
Laura has a a 4-year old dog. In a week
she is planning to go on vacation and is
looking for a dog sitter.

Laura opens a dog sitter site and points
on a map. She wants to find someone
who lives nearby. She browsers results
until she find Ulla's profile. Laura likes
her 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 stories




http://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
User stories
                                                                                                  Becomes
                                                                                                  personal




http://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
User stories
                                                                                                  Becomes
                                                                                                  personal

                                                                Helps to
                                                                prioritize




http://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
User stories
                                                                                                   Becomes
                                                                                                   personal

                                                                Helps to
                                                                prioritize

                                                                                                  Feels rather
                                                                                                    natural




http://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)

Weitere ähnliche Inhalte

Was ist angesagt?

Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Introduction to Information Architecture and Design - SVA Workshop 06/22/13Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Introduction to Information Architecture and Design - SVA Workshop 06/22/13Robert Stribley
 
Agile2012 cop.pptx (read only)
Agile2012 cop.pptx (read only)Agile2012 cop.pptx (read only)
Agile2012 cop.pptx (read only)drewz lin
 
Managing our online profersonal lives
Managing our online profersonal livesManaging our online profersonal lives
Managing our online profersonal liveslisld
 
Iabc world conference keynote
Iabc world conference keynoteIabc world conference keynote
Iabc world conference keynoteHuman 1.0
 
Game Mechanics: Learning as a Multiplayer Experience
Game Mechanics: Learning as a Multiplayer ExperienceGame Mechanics: Learning as a Multiplayer Experience
Game Mechanics: Learning as a Multiplayer ExperienceKevin Lim
 
How to Future-proof Your Content by Sarah Beckley
How to Future-proof Your Content by Sarah BeckleyHow to Future-proof Your Content by Sarah Beckley
How to Future-proof Your Content by Sarah BeckleyContent Strategy Workshops
 
Leveraging Social Content for Business Value by Selma Zafar
Leveraging Social Content for Business Value by Selma ZafarLeveraging Social Content for Business Value by Selma Zafar
Leveraging Social Content for Business Value by Selma ZafarContent Strategy Workshops
 

Was ist angesagt? (7)

Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Introduction to Information Architecture and Design - SVA Workshop 06/22/13Introduction to Information Architecture and Design - SVA Workshop 06/22/13
Introduction to Information Architecture and Design - SVA Workshop 06/22/13
 
Agile2012 cop.pptx (read only)
Agile2012 cop.pptx (read only)Agile2012 cop.pptx (read only)
Agile2012 cop.pptx (read only)
 
Managing our online profersonal lives
Managing our online profersonal livesManaging our online profersonal lives
Managing our online profersonal lives
 
Iabc world conference keynote
Iabc world conference keynoteIabc world conference keynote
Iabc world conference keynote
 
Game Mechanics: Learning as a Multiplayer Experience
Game Mechanics: Learning as a Multiplayer ExperienceGame Mechanics: Learning as a Multiplayer Experience
Game Mechanics: Learning as a Multiplayer Experience
 
How to Future-proof Your Content by Sarah Beckley
How to Future-proof Your Content by Sarah BeckleyHow to Future-proof Your Content by Sarah Beckley
How to Future-proof Your Content by Sarah Beckley
 
Leveraging Social Content for Business Value by Selma Zafar
Leveraging Social Content for Business Value by Selma ZafarLeveraging Social Content for Business Value by Selma Zafar
Leveraging Social Content for Business Value by Selma Zafar
 

Andere mochten auch

Designing Design And Desiging Media
Designing Design And Desiging MediaDesigning Design And Desiging Media
Designing Design And Desiging MediaJurgen Faust
 
ELET5160 Multimedia Design Principles
ELET5160 Multimedia Design PrinciplesELET5160 Multimedia Design Principles
ELET5160 Multimedia Design PrinciplesDianeCecere
 
Graphic Design Basics
Graphic Design BasicsGraphic Design Basics
Graphic Design BasicsPaul Muller
 
Netkata Interactive Media Agency – Design Portfolio and Case Studies
Netkata Interactive Media Agency – Design Portfolio and Case StudiesNetkata Interactive Media Agency – Design Portfolio and Case Studies
Netkata Interactive Media Agency – Design Portfolio and Case StudiesTom Sieron
 
Intro to new media design project 2_10-13-15
Intro to new media design project 2_10-13-15Intro to new media design project 2_10-13-15
Intro to new media design project 2_10-13-15murphaaaay
 
Embracing new media and becoming a blogger - The Conversation by Design Story
Embracing new media and becoming a blogger - The Conversation by Design StoryEmbracing new media and becoming a blogger - The Conversation by Design Story
Embracing new media and becoming a blogger - The Conversation by Design StorySarah Creelman
 
New media design assignment 5
New media design assignment 5New media design assignment 5
New media design assignment 5Robin Deering
 
Webpage & Multimedia Design- class01
Webpage & Multimedia Design- class01Webpage & Multimedia Design- class01
Webpage & Multimedia Design- class01hellosoon_world
 
Principle of design used in the graphic arts
Principle of design used in the graphic artsPrinciple of design used in the graphic arts
Principle of design used in the graphic artsbrittperk81
 
Graphic Design Principles
Graphic Design PrinciplesGraphic Design Principles
Graphic Design PrinciplesArmin Heurich
 
Graphic Design Basics (DMA103)
Graphic Design Basics (DMA103)Graphic Design Basics (DMA103)
Graphic Design Basics (DMA103)Julia Hutchinson
 
4 C’s + School Librarians = Common Core for St. Louis Suburban School Librarians
4 C’s + School Librarians = Common Core for St. Louis Suburban School Librarians4 C’s + School Librarians = Common Core for St. Louis Suburban School Librarians
4 C’s + School Librarians = Common Core for St. Louis Suburban School LibrariansLinda Dougherty
 
Design Thinking Wallet Worksheets
Design Thinking Wallet WorksheetsDesign Thinking Wallet Worksheets
Design Thinking Wallet WorksheetsMax Oliva
 
Trends in Interactive Media
Trends in Interactive MediaTrends in Interactive Media
Trends in Interactive MediaHelge Tennø
 
Sean Adams typography101
Sean Adams typography101Sean Adams typography101
Sean Adams typography101Sean Adams
 
Unit 43 - Multimedia Design PowerPoint.
Unit 43 - Multimedia Design PowerPoint. Unit 43 - Multimedia Design PowerPoint.
Unit 43 - Multimedia Design PowerPoint. CPalmer16
 
Denae Fiez 2444537 EDGE903 Assignment 4
Denae Fiez 2444537 EDGE903 Assignment 4Denae Fiez 2444537 EDGE903 Assignment 4
Denae Fiez 2444537 EDGE903 Assignment 4guest4f63c5
 
Innovation Step-By-Step Journal Workbook
Innovation Step-By-Step Journal WorkbookInnovation Step-By-Step Journal Workbook
Innovation Step-By-Step Journal WorkbookDarin Eich, Ph.D.
 

Andere mochten auch (20)

Designing Design And Desiging Media
Designing Design And Desiging MediaDesigning Design And Desiging Media
Designing Design And Desiging Media
 
Media Design - 101
Media Design - 101Media Design - 101
Media Design - 101
 
ELET5160 Multimedia Design Principles
ELET5160 Multimedia Design PrinciplesELET5160 Multimedia Design Principles
ELET5160 Multimedia Design Principles
 
Graphic Design Basics
Graphic Design BasicsGraphic Design Basics
Graphic Design Basics
 
Netkata Interactive Media Agency – Design Portfolio and Case Studies
Netkata Interactive Media Agency – Design Portfolio and Case StudiesNetkata Interactive Media Agency – Design Portfolio and Case Studies
Netkata Interactive Media Agency – Design Portfolio and Case Studies
 
Intro to new media design project 2_10-13-15
Intro to new media design project 2_10-13-15Intro to new media design project 2_10-13-15
Intro to new media design project 2_10-13-15
 
Embracing new media and becoming a blogger - The Conversation by Design Story
Embracing new media and becoming a blogger - The Conversation by Design StoryEmbracing new media and becoming a blogger - The Conversation by Design Story
Embracing new media and becoming a blogger - The Conversation by Design Story
 
New media design assignment 5
New media design assignment 5New media design assignment 5
New media design assignment 5
 
Webpage & Multimedia Design- class01
Webpage & Multimedia Design- class01Webpage & Multimedia Design- class01
Webpage & Multimedia Design- class01
 
Principle of design used in the graphic arts
Principle of design used in the graphic artsPrinciple of design used in the graphic arts
Principle of design used in the graphic arts
 
Digital Literacy 101
Digital Literacy 101Digital Literacy 101
Digital Literacy 101
 
Graphic Design Principles
Graphic Design PrinciplesGraphic Design Principles
Graphic Design Principles
 
Graphic Design Basics (DMA103)
Graphic Design Basics (DMA103)Graphic Design Basics (DMA103)
Graphic Design Basics (DMA103)
 
4 C’s + School Librarians = Common Core for St. Louis Suburban School Librarians
4 C’s + School Librarians = Common Core for St. Louis Suburban School Librarians4 C’s + School Librarians = Common Core for St. Louis Suburban School Librarians
4 C’s + School Librarians = Common Core for St. Louis Suburban School Librarians
 
Design Thinking Wallet Worksheets
Design Thinking Wallet WorksheetsDesign Thinking Wallet Worksheets
Design Thinking Wallet Worksheets
 
Trends in Interactive Media
Trends in Interactive MediaTrends in Interactive Media
Trends in Interactive Media
 
Sean Adams typography101
Sean Adams typography101Sean Adams typography101
Sean Adams typography101
 
Unit 43 - Multimedia Design PowerPoint.
Unit 43 - Multimedia Design PowerPoint. Unit 43 - Multimedia Design PowerPoint.
Unit 43 - Multimedia Design PowerPoint.
 
Denae Fiez 2444537 EDGE903 Assignment 4
Denae Fiez 2444537 EDGE903 Assignment 4Denae Fiez 2444537 EDGE903 Assignment 4
Denae Fiez 2444537 EDGE903 Assignment 4
 
Innovation Step-By-Step Journal Workbook
Innovation Step-By-Step Journal WorkbookInnovation Step-By-Step Journal Workbook
Innovation Step-By-Step Journal Workbook
 

Ähnlich wie 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 productsDavid Little
 
User experience design, service design & design thinking : A common story ?
User experience design, service design & design thinking : A common story ?User experience design, service design & design thinking : A common story ?
User experience design, service design & design thinking : A common story ?Sylvain Cottong
 
Using Social Media to Improve User Experience edUi version
Using Social Media to Improve User Experience edUi versionUsing Social Media to Improve User Experience edUi version
Using Social Media to Improve User Experience edUi versionErling Amundson
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Samantha Bailey
 
Introduction to interaction design
Introduction to interaction designIntroduction to interaction design
Introduction to interaction designValeria Gasik
 
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...Allison Bloodworth
 
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
 
Creating an Experience-Centered Library
Creating an Experience-Centered LibraryCreating an Experience-Centered Library
Creating an Experience-Centered Librarycraigmmacdonald
 
User profiles. Personas
User profiles. PersonasUser profiles. Personas
User profiles. PersonasDCU_MPIUA
 
User Experience from a Business Perspective
User Experience from a Business PerspectiveUser Experience from a Business Perspective
User Experience from a Business PerspectiveDanny Mittleman
 
CIS375 Interaction Designs Chapter2
CIS375 Interaction Designs Chapter2CIS375 Interaction Designs Chapter2
CIS375 Interaction Designs Chapter2Dr. Ahmed Al Zaidy
 
Putting Personas to Work at IIBA Cleveland
Putting Personas to Work at IIBA ClevelandPutting Personas to Work at IIBA Cleveland
Putting Personas to Work at IIBA ClevelandCarol Smith
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principlesDavid Little
 
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
 
Why User Experience Matters
Why User Experience MattersWhy User Experience Matters
Why User Experience MattersKshitiz Anand
 
Strategically UX Oriented with Personas
Strategically UX Oriented with PersonasStrategically UX Oriented with Personas
Strategically UX Oriented with PersonasBohyun Kim
 
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
 

Ähnlich wie 01 new media-design (20)

Fundamentals of new media
Fundamentals of new mediaFundamentals of new media
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 products
 
User experience design, service design & design thinking : A common story ?
User experience design, service design & design thinking : A common story ?User experience design, service design & design thinking : A common story ?
User experience design, service design & design thinking : A common story ?
 
Using Social Media to Improve User Experience edUi version
Using Social Media to Improve User Experience edUi versionUsing Social Media to Improve User Experience edUi version
Using Social Media to Improve User Experience edUi version
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012
 
Introduction to interaction design
Introduction to interaction designIntroduction to interaction design
Introduction to interaction design
 
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
Open Source Design Pattern Library, Spreading Communities Thick: Open Source ...
 
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
 
Creating an Experience-Centered Library
Creating an Experience-Centered LibraryCreating an Experience-Centered Library
Creating an Experience-Centered Library
 
User profiles. Personas
User profiles. PersonasUser profiles. Personas
User profiles. Personas
 
User Experience from a Business Perspective
User Experience from a Business PerspectiveUser Experience from a Business Perspective
User Experience from a Business Perspective
 
CIS375 Interaction Designs Chapter2
CIS375 Interaction Designs Chapter2CIS375 Interaction Designs Chapter2
CIS375 Interaction Designs Chapter2
 
Putting Personas to Work at IIBA Cleveland
Putting Personas to Work at IIBA ClevelandPutting Personas to Work at IIBA Cleveland
Putting Personas to Work at IIBA Cleveland
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
 
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
 
Why User Experience Matters
Why User Experience MattersWhy User Experience Matters
Why User Experience Matters
 
Strategically UX Oriented with Personas
Strategically UX Oriented with PersonasStrategically UX Oriented with Personas
Strategically UX Oriented with Personas
 
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
 
How tos of UX
How tos of UXHow tos of UX
How tos of UX
 

Mehr von Valeria Gasik

Low Fidelity Prototyping with Paper
Low Fidelity Prototyping with PaperLow Fidelity Prototyping with Paper
Low Fidelity Prototyping with PaperValeria Gasik
 
User Research: Personas, scenarios, user stories
User Research: Personas, scenarios, user storiesUser Research: Personas, scenarios, user stories
User Research: Personas, scenarios, user storiesValeria Gasik
 
Interaction Design's Work
Interaction Design's WorkInteraction Design's Work
Interaction Design's WorkValeria Gasik
 
Paper Prototyping Basics (IxDworks.com)
Paper Prototyping Basics (IxDworks.com)Paper Prototyping Basics (IxDworks.com)
Paper Prototyping Basics (IxDworks.com)Valeria Gasik
 
Testing Paper Prototypes (IxDworks.com)
Testing Paper Prototypes (IxDworks.com)Testing Paper Prototypes (IxDworks.com)
Testing Paper Prototypes (IxDworks.com)Valeria Gasik
 
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)Valeria Gasik
 
TWS 2014 – Testing paper prototypes
TWS 2014 – Testing paper prototypesTWS 2014 – Testing paper prototypes
TWS 2014 – Testing paper prototypesValeria Gasik
 
TWS 2014 – Paper Prototyping
TWS 2014 – Paper PrototypingTWS 2014 – Paper Prototyping
TWS 2014 – Paper PrototypingValeria Gasik
 
TWS 2014 – Personas, scenarios, user stories
TWS 2014 – Personas, scenarios, user storiesTWS 2014 – Personas, scenarios, user stories
TWS 2014 – Personas, scenarios, user storiesValeria Gasik
 
TWS 2014: Interaction Design, brief introduction
TWS 2014: Interaction Design, brief introductionTWS 2014: Interaction Design, brief introduction
TWS 2014: Interaction Design, brief introductionValeria Gasik
 
Wordress.com alkeet ja sosiaalisen median lyhyt historia
Wordress.com alkeet ja sosiaalisen median lyhyt historiaWordress.com alkeet ja sosiaalisen median lyhyt historia
Wordress.com alkeet ja sosiaalisen median lyhyt historiaValeria Gasik
 
TSS 2013 – Paper Prototyping
TSS 2013 – Paper PrototypingTSS 2013 – Paper Prototyping
TSS 2013 – Paper PrototypingValeria Gasik
 
TSS 2013 – IxD, Personas, Scenarios, User Stories and Use Cases
TSS 2013 – IxD, Personas, Scenarios, User Stories and Use CasesTSS 2013 – IxD, Personas, Scenarios, User Stories and Use Cases
TSS 2013 – IxD, Personas, Scenarios, User Stories and Use CasesValeria Gasik
 
TSS 2013 – Interactive Design Tools
TSS 2013 – Interactive Design ToolsTSS 2013 – Interactive Design Tools
TSS 2013 – Interactive Design ToolsValeria Gasik
 
Creating low and medium fidelity prototypes
Creating low and medium fidelity prototypesCreating low and medium fidelity prototypes
Creating low and medium fidelity prototypesValeria Gasik
 
Creating Low Fidelity Prototypes
Creating Low Fidelity PrototypesCreating Low Fidelity Prototypes
Creating Low Fidelity PrototypesValeria Gasik
 
Ubiquitous computing
Ubiquitous computingUbiquitous computing
Ubiquitous computingValeria Gasik
 
Summer School 2012 Introduction
Summer School 2012 IntroductionSummer School 2012 Introduction
Summer School 2012 IntroductionValeria Gasik
 

Mehr von Valeria Gasik (20)

What's UX anyway?
What's UX anyway?What's UX anyway?
What's UX anyway?
 
Low Fidelity Prototyping with Paper
Low Fidelity Prototyping with PaperLow Fidelity Prototyping with Paper
Low Fidelity Prototyping with Paper
 
User Research: Personas, scenarios, user stories
User Research: Personas, scenarios, user storiesUser Research: Personas, scenarios, user stories
User Research: Personas, scenarios, user stories
 
Interaction Design's Work
Interaction Design's WorkInteraction Design's Work
Interaction Design's Work
 
Paper Prototyping Basics (IxDworks.com)
Paper Prototyping Basics (IxDworks.com)Paper Prototyping Basics (IxDworks.com)
Paper Prototyping Basics (IxDworks.com)
 
Testing Paper Prototypes (IxDworks.com)
Testing Paper Prototypes (IxDworks.com)Testing Paper Prototypes (IxDworks.com)
Testing Paper Prototypes (IxDworks.com)
 
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
Personas, Scenarios, User Stories, Use Cases (IxDworks.com)
 
TWS 2014 – Testing paper prototypes
TWS 2014 – Testing paper prototypesTWS 2014 – Testing paper prototypes
TWS 2014 – Testing paper prototypes
 
TWS 2014 – Paper Prototyping
TWS 2014 – Paper PrototypingTWS 2014 – Paper Prototyping
TWS 2014 – Paper Prototyping
 
TWS 2014 – Personas, scenarios, user stories
TWS 2014 – Personas, scenarios, user storiesTWS 2014 – Personas, scenarios, user stories
TWS 2014 – Personas, scenarios, user stories
 
TWS 2014: Interaction Design, brief introduction
TWS 2014: Interaction Design, brief introductionTWS 2014: Interaction Design, brief introduction
TWS 2014: Interaction Design, brief introduction
 
Wordress.com alkeet ja sosiaalisen median lyhyt historia
Wordress.com alkeet ja sosiaalisen median lyhyt historiaWordress.com alkeet ja sosiaalisen median lyhyt historia
Wordress.com alkeet ja sosiaalisen median lyhyt historia
 
TSS 2013 – Paper Prototyping
TSS 2013 – Paper PrototypingTSS 2013 – Paper Prototyping
TSS 2013 – Paper Prototyping
 
TSS 2013 – IxD, Personas, Scenarios, User Stories and Use Cases
TSS 2013 – IxD, Personas, Scenarios, User Stories and Use CasesTSS 2013 – IxD, Personas, Scenarios, User Stories and Use Cases
TSS 2013 – IxD, Personas, Scenarios, User Stories and Use Cases
 
TSS 2013 – Interactive Design Tools
TSS 2013 – Interactive Design ToolsTSS 2013 – Interactive Design Tools
TSS 2013 – Interactive Design Tools
 
Creating low and medium fidelity prototypes
Creating low and medium fidelity prototypesCreating low and medium fidelity prototypes
Creating low and medium fidelity prototypes
 
Working on ideas
Working on ideasWorking on ideas
Working on ideas
 
Creating Low Fidelity Prototypes
Creating Low Fidelity PrototypesCreating Low Fidelity Prototypes
Creating Low Fidelity Prototypes
 
Ubiquitous computing
Ubiquitous computingUbiquitous computing
Ubiquitous computing
 
Summer School 2012 Introduction
Summer School 2012 IntroductionSummer School 2012 Introduction
Summer School 2012 Introduction
 

Kürzlich hochgeladen

Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 

Kürzlich hochgeladen (20)

Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 

01 new media-design

  • 1. Introduction to New Media and Interaction Design Valeria Gasik
  • 2. Topics • What is new media? • Design and Interaction Design • User-centered Design
  • 4. In your opinion: What is new media?
  • 5. New Media i.e.
  • 6. New Media i.e. internet technology games systems
  • 7. New Media i.e. internet technology games systems art networks participation information
  • 8. 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
  • 9. New Media Some of the Lev Manovich’s propositions 1. Cultural objects and paradigms - Digitalization 2. Computer technology as distribution platforms 3. The mix between old and new data representation; metamedia – avant-garde, new ways of accessing and manipulating information
  • 10. New Media Impact “Time is lost, confusion results and money is spent.” – the manager of a Connecticut manufacturing firm in 1917
  • 13. New Media Impact Data Technology
  • 14. New Media Impact Data Technology Culture
  • 15. 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
  • 16. 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)
  • 17. New Media Impact: Culture ‣ Self-express, art, culture Dadaism, irony Cultural references Mashups Co-creation, memes Services, events sad keanu
  • 18. New Media Impact: Culture www.wherethefuckshouldigotoeat.com/ ‣ Self-express, art, culture Dadaism, irony Cultural references Mashups Co-creation, memes Services, events sad keanu
  • 20. 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
  • 21. Agile development • Lightweight and adaptive development process • Short development cycles • Iteration • Self-organizing, cross-functional teams • Scrum, XP
  • 22. User-centered design • One of the possible approaches • Focus on user • Users as a guide of design • Designer translates users needs and goals
  • 23. Interaction Design “...shaping digital things for people’s use”
  • 24. 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
  • 25. IxD 1. Studying possible futures 2. Framing possible problems 3. Micro-experimenting 4. Addressing technical, aesthetical etc. aspects 5. Connecting to the bigger picture http://www.interaction-design.org/
  • 26. Interaction Design Requires T-shaped skills: • Deep knowledge in one’s field • Collaboration across disciplines
  • 28. Process 1. Personas 2. Scenarios 3. User Stories 4. Development, design and testing 5. Presentation
  • 29. 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
  • 30. 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 a 4-year old dog. In a week she is planning to go on vacation and is looking for a dog sitter. Laura opens a dog sitter site and points on a map. She wants to find someone who lives nearby. She browsers results until she find Ulla's profile. Laura likes her resume and decides to contact her.
  • 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. 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
  • 34. 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
  • 36. User stories Becomes personal http://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
  • 37. User stories Becomes personal Helps to prioritize http://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
  • 38. User stories Becomes personal Helps to prioritize Feels rather natural http://www.mountaingoatsoftware.com/blog/advantages-of-the-as-a-user-i-want-user-story-template
  • 40. 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)

Hinweis der Redaktion

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n