SlideShare ist ein Scribd-Unternehmen logo
1 von 40
Introduction to
  New Media and
Interaction 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 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? (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

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
Tom Sieron
 
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
brittperk81
 
Graphic Design Principles
Graphic Design PrinciplesGraphic Design Principles
Graphic Design Principles
Armin Heurich
 
Graphic Design Basics (DMA103)
Graphic Design Basics (DMA103)Graphic Design Basics (DMA103)
Graphic Design Basics (DMA103)
Julia Hutchinson
 
Design Thinking Wallet Worksheets
Design Thinking Wallet WorksheetsDesign Thinking Wallet Worksheets
Design Thinking Wallet Worksheets
Max Oliva
 
Denae Fiez 2444537 EDGE903 Assignment 4
Denae Fiez 2444537 EDGE903 Assignment 4Denae Fiez 2444537 EDGE903 Assignment 4
Denae Fiez 2444537 EDGE903 Assignment 4
guest4f63c5
 

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

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
 
Introduction to interaction design
Introduction to interaction designIntroduction to interaction design
Introduction to interaction design
Valeria Gasik
 
The-Inmates-Are-Running-The-Asylum-book-summary.pptx
The-Inmates-Are-Running-The-Asylum-book-summary.pptxThe-Inmates-Are-Running-The-Asylum-book-summary.pptx
The-Inmates-Are-Running-The-Asylum-book-summary.pptx
SITAuto
 
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
David Little
 

Ä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 ...
 
The-Inmates-Are-Running-The-Asylum-book-summary.pptx
The-Inmates-Are-Running-The-Asylum-book-summary.pptxThe-Inmates-Are-Running-The-Asylum-book-summary.pptx
The-Inmates-Are-Running-The-Asylum-book-summary.pptx
 
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
 

Mehr von Valeria Gasik

Creating low and medium fidelity prototypes
Creating low and medium fidelity prototypesCreating low and medium fidelity prototypes
Creating low and medium fidelity prototypes
Valeria Gasik
 
Creating Low Fidelity Prototypes
Creating Low Fidelity PrototypesCreating Low Fidelity Prototypes
Creating Low Fidelity Prototypes
Valeria Gasik
 
Ubiquitous computing
Ubiquitous computingUbiquitous computing
Ubiquitous computing
Valeria Gasik
 
Summer School 2012 Introduction
Summer School 2012 IntroductionSummer School 2012 Introduction
Summer School 2012 Introduction
Valeria 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

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Kürzlich hochgeladen (20)

Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 

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
  • 3.
  • 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