SlideShare a Scribd company logo
Interaction Design:  a History David Heller  Synaptic Burn http://synapticburn.com/  IDSA National Conference  27 August 2005
Background of Presentation This presentation was 1 part of a 3 hr. seminar given by both David Heller and Robert Reimann on August 27, 2005 at the IDSA 2005 National Conference: re-Action in Washington, D.C.  Robert’s portion of this seminar is available for all who wish to purchase  About Face 2.0  co-authored by Alan Cooper and Robert Reimann. Robert Reimann is the Manager of the User Interface Design and Research Group at Bose Corporation (www.bose.com)
Why & What of IxD
Too many digital products are hard to use
A new “medium”, a new kind of design Interactive digital products  require and respond to human input, and change their own content or behavior based on that input.  Form,  behavior ,  and  content  must all be defined. Traditional design disciplines do not have methods that address complex behavior.  Non-design disciplines are not geared toward generating desirable solutions.
Multiple design disciplines define a digital product Industrial design Hardware form, aesthetics, and ergonomics   Visual design Color, typography, and layout of images/transitions Information design   Clear communication of concepts or data Interaction design Defines the  behavior  of a product; also concerned with form and content as they relate to system behavior and user input
Interaction Design (IxD): A definition A design discipline dedicated to: Defining the  behavior  of artifacts, environments, and systems (i.e.,  products ) … and therefore concerned with: Anticipating how  use  of the products will  mediate  human   relationships   and affect human  understanding Guiding the  form  of products to the extent that it influences/is influenced by their  behavior   and   use The Interaction Design Group’s (IxDG) definition of IxD can be found at  http://define.ixdg.org/   This definition was conceived by Robert Reimann and Jodi Forlizzi
Good (interaction) design is: Ethical It does no harm, and hopefully improves situations. Purposeful It helps people accomplish goals. It is appropriate to the user’s context. Pragmatic It achieves business goals and fits within constraints. Elegant It provides the simplest complete solution. It engages the emotions appropriately.
A Brief History of  Interaction Design
Moving towards complexity – Human-powered Single-part Tools Multi-part Tools Mechanical motion
Moving towards complexity – Animals, Water, Fire Animals Water Fuel
Moving towards complexity – ELECTRICITY Sensory Feedback Human Intervention Real-time Feedback Input /Output
Moving towards complexity – computation/virtualization Analog / Mechanical Digital (buttons) Virtual/Metaphor
Moving toward complexity – software in tools Refrigerator ??? Auto Phone
From complexity to simplicity –  multi-channel and embedded Passive & embedded future iPod + iTunes > Shuffle
Mediating the social experience Simple point to point communication E-mail Instant Messaging & SMS VoIP / conferencing Video conferencing Mediated interactions Online Gaming (role playing) Everquest by Sony Folksonomy http://flickr.com/   Mobile phones w/ GPS + bluetooth http://bluetoothflirt.de
Marc Rettig’s progression – our creation understanding © Marc Rettig 2004.  http://marcrettig.com/
Merging of concepts –  creates research-based empathetic design practice Architecture / Design Form   and  function   need to create a balance. This marriage happens through intentionality – i.e. design Human Factors (ergonomics + cognitive psychology) Military created the field of human factors  Understanding human limits of  mind  and  body Clinical observation  and  evaluation  of ideas Spawned Human Computer Interaction ( HCI ) Just the virtual, focus on the  cognitive  and on  software .
More merging Information Design/Architecture Richard Saul Wurman illuminates the idea that graphic design + writing needs to merge; bring purpose to book design.  Data > Information > Knowledge > Wisdom Context, and re-evaluation of use over time. Edward Tufte: Envisioning Information Software Design Manifesto Mitch Kapor outlines the need for software to be designed, not just engineered. Firmness, commodity and  delight
Bring on the Web as catalyst IxD existed before the web …. But! Web brought previously disconnected forces together Information Technology Graphic, broadcast, game and multimedia design Computer Science including HCI/Human Factors -- usability Publishing Advertising  Broadcasting Marketing Strategic Design
War of the titles Producer Interactive Designer Information Architect User Interface Designer Usability Engineer Web Designer GUI Specialist User Experience Designer Content Producer Interactive Producer GUI Engineer Product Designer HCI Expert Interaction Designer No one and everyone fit these titles and so everyone felt like they fit the role being described for the job.
IxDG website   www.ixdg.org  & resources.ixdg.org   Alan Cooper/Robert Reimann About Face 2.0 Boxes and Arrows www.boxesandarrows.com Don Norman    Emotional Design Design of Everyday Things Christopher Alexander  A Timeless Way of Building:   A Pattern Language Kevin Mullet and Darrell Sano  Designing Visual Interfaces Scott McCloud    Understanding Comics Edward Tufte  Visual Display of Quantitative Information  Envisioning Information Visual Explanations Marc Rettig www.marcrettig.com Luke Wroblewski www.functioningform.com William McDonough Digital Ground Some Resources

More Related Content

PDF
A short history of interaction design
PPTX
Why UX #FAILS (with notes)
PPT
Interaction Design History
PDF
Ux is not UI
PDF
UX Lesson 1: User Centered Design
PDF
UI UX in depth
PDF
User experience design
PDF
Human computer interaction
A short history of interaction design
Why UX #FAILS (with notes)
Interaction Design History
Ux is not UI
UX Lesson 1: User Centered Design
UI UX in depth
User experience design
Human computer interaction

What's hot (20)

PPT
What Is Interaction Design
PPSX
blender animation software
PDF
UX 101: A quick & dirty introduction to user experience strategy & design
PPTX
Ui ux designing principles
PPTX
A UI and UX training presentation
PDF
Good UX Bad UX
PPTX
The Importance of UX
PDF
User Centred Design (UCD) Presentation
PDF
What is UI/UX and the Difference
PDF
What is UX?
PDF
What is UX Design?
PPT
Interaction 09 Introduction to Interaction Design
PDF
History of Human-Computer Interaction
PPTX
UI UX introduction
PDF
UI / UX Design Processes
PPTX
Human computer interaction 3 4(revised)
PPTX
"What Are the Key Differences between UI and UX Design?"
PDF
User Interface Prototyping Techniques: Low Fidelity Prototyping
PDF
History and future of Human Computer Interaction (HCI) and Interaction Design
PPT
Introduction To HCI
What Is Interaction Design
blender animation software
UX 101: A quick & dirty introduction to user experience strategy & design
Ui ux designing principles
A UI and UX training presentation
Good UX Bad UX
The Importance of UX
User Centred Design (UCD) Presentation
What is UI/UX and the Difference
What is UX?
What is UX Design?
Interaction 09 Introduction to Interaction Design
History of Human-Computer Interaction
UI UX introduction
UI / UX Design Processes
Human computer interaction 3 4(revised)
"What Are the Key Differences between UI and UX Design?"
User Interface Prototyping Techniques: Low Fidelity Prototyping
History and future of Human Computer Interaction (HCI) and Interaction Design
Introduction To HCI
Ad

Viewers also liked (20)

KEY
Week 2 IxD History: Interaction Design before Computers
KEY
Week 3 IxD History: Computing Technology in the Workplace
PDF
Week 4 IxD History: Personal Computing
KEY
Week 1 IxD History: Course Overview
PPTX
Windows Evolution… let’s have a peek
PDF
User Interface History to near Future
PDF
Innovation Clinique
PDF
interaction design ppt
PDF
Beyond fun - Principles for designing games with purpose
PDF
Design with purpose
PDF
Advantage By Design
PPT
What is design
PDF
Designing for Purpose
PPT
Designing For Purpose
PPTX
Solution Thinking and the Design of Development
PPTX
Visual resume
PPS
Package Design
PDF
The difference between art & design
PDF
Design With Purpose
PPT
Resolving conflicts
Week 2 IxD History: Interaction Design before Computers
Week 3 IxD History: Computing Technology in the Workplace
Week 4 IxD History: Personal Computing
Week 1 IxD History: Course Overview
Windows Evolution… let’s have a peek
User Interface History to near Future
Innovation Clinique
interaction design ppt
Beyond fun - Principles for designing games with purpose
Design with purpose
Advantage By Design
What is design
Designing for Purpose
Designing For Purpose
Solution Thinking and the Design of Development
Visual resume
Package Design
The difference between art & design
Design With Purpose
Resolving conflicts
Ad

Similar to History of Interaction Design (20)

PPTX
Interaction Design Roadmap
PPT
History of Interaction Design - Reprised - SCAD - 12Nov2008
PPT
What is Interaction Design?
PPTX
What is Interaction Design?
PPT
Interaction Design (IxD) in the context of User Experience (UX)
PPTX
Introduction to Interaction Design.pptx
PDF
PxS'12 - week 1 - Introduction
PDF
What is design interaction?
PPT
Chapter 1 id2e_slides
PDF
Interaction Design A Revolution of Quality
PPTX
introduction of HCI design and techniques
PPTX
Session ID1 Lecture 1 -What is Interaction Design
PDF
A Rambling Talk on Interaction Design Industry Trends
PPT
Musstanser Avanzament 4 (Final No Animation)
KEY
Interaction Design Resources
PDF
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
PDF
Introduction to Interaction Design
PPT
Chapter-10.pptytfjyjrdjrtjfdthdfrthrdthrd
PPT
Chapter-1 (1).pptdydidydydy6dydyyfydyuyd
PDF
Utah PMA Quarterly Meeting, June, 2010
Interaction Design Roadmap
History of Interaction Design - Reprised - SCAD - 12Nov2008
What is Interaction Design?
What is Interaction Design?
Interaction Design (IxD) in the context of User Experience (UX)
Introduction to Interaction Design.pptx
PxS'12 - week 1 - Introduction
What is design interaction?
Chapter 1 id2e_slides
Interaction Design A Revolution of Quality
introduction of HCI design and techniques
Session ID1 Lecture 1 -What is Interaction Design
A Rambling Talk on Interaction Design Industry Trends
Musstanser Avanzament 4 (Final No Animation)
Interaction Design Resources
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
Introduction to Interaction Design
Chapter-10.pptytfjyjrdjrtjfdthdfrthrdthrd
Chapter-1 (1).pptdydidydydy6dydyyfydyuyd
Utah PMA Quarterly Meeting, June, 2010

More from Dave Malouf (20)

PDF
Design Operations
PDF
Amplify: Design Operation's Core Mission to Amplify the Value of Design Practice
PDF
Valuing Design & DesignOps Practice
PDF
Measuring & Evaluating Your DesignOps Practice
PDF
Design Operations
PDF
Observation As Craft
PDF
Design Operations mural - 8 mar 2017
PDF
Climbing Strategy Mountain
PDF
Enterprise UX: What, How & Why in 20 short minutes
PDF
Storytelling and Interaction Design - From Business to Buttons
PPT
Interaction Design as the Language of Story
PDF
Serendipity by Design - IxD S. America 13
PDF
Remix South: Advanced Interaction Design
PDF
The Craft of Observation
PDF
Make Your Users Boogie
PDF
What you missed when you skipped design school
PDF
Anyone can be a ux designer: Not everyone IS one.
PDF
Move that thang
PDF
Education for Design For Life
KEY
Refresh Savannah, People
Design Operations
Amplify: Design Operation's Core Mission to Amplify the Value of Design Practice
Valuing Design & DesignOps Practice
Measuring & Evaluating Your DesignOps Practice
Design Operations
Observation As Craft
Design Operations mural - 8 mar 2017
Climbing Strategy Mountain
Enterprise UX: What, How & Why in 20 short minutes
Storytelling and Interaction Design - From Business to Buttons
Interaction Design as the Language of Story
Serendipity by Design - IxD S. America 13
Remix South: Advanced Interaction Design
The Craft of Observation
Make Your Users Boogie
What you missed when you skipped design school
Anyone can be a ux designer: Not everyone IS one.
Move that thang
Education for Design For Life
Refresh Savannah, People

Recently uploaded (20)

PDF
Printable Lingala Gospel Tract - Be Sure of Heaven.pdf
PDF
Printable Luxembourgish Gospel Tract - Be Sure of Heaven.pdf
PDF
Heavenly Holy Spirit vs False Spirit: An Analysis of 1 Peter 1:12 by Matthews...
PDF
Printable Lao Gospel Tract - Be Sure of Heaven.pdf
PPTX
Tell it to the World. The things that will amaze them more.
PDF
Printable Nepali Gospel Tract - Be Sure of Heaven.pdf
PDF
Chandogya_Upanishad_by_Swami_Swahananda.pdf
PPTX
Biography of frederick wheeler and John Andrews.pptx
PDF
Printable Macedonian Gospel Tract - Be Sure of Heaven.pdf
PPTX
en_2024t208.pptx Adult lesson study for sabbath
PDF
Printable Korean Gospel Tract - Be Sure of Heaven.pdf
PDF
Printable Kurdish Northern Kurmanji Gospel Tract - Be Sure of Heaven.pdf
PDF
Printable Kurdish Central Sorani Gospel Tract - Be Sure of Heaven.pdf
PPTX
Human Rights AMFOKSFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF
PPTX
ream Organic Floral Christianity Faith Sermon Church Presentation.pptx
PDF
holistic health - yogic life style for hatha yoga practitioner
PDF
Printable Maldivian Divehi Gospel Tract - Be Sure of Heaven.pdf
PPTX
God Doesn't Forget You He will never abandon you
PPTX
Faith and Gratitude: Guide to the Baccalaureate Mass & Responses
PPTX
Has-Satans-Little-Season-Already-Begun.pptx
Printable Lingala Gospel Tract - Be Sure of Heaven.pdf
Printable Luxembourgish Gospel Tract - Be Sure of Heaven.pdf
Heavenly Holy Spirit vs False Spirit: An Analysis of 1 Peter 1:12 by Matthews...
Printable Lao Gospel Tract - Be Sure of Heaven.pdf
Tell it to the World. The things that will amaze them more.
Printable Nepali Gospel Tract - Be Sure of Heaven.pdf
Chandogya_Upanishad_by_Swami_Swahananda.pdf
Biography of frederick wheeler and John Andrews.pptx
Printable Macedonian Gospel Tract - Be Sure of Heaven.pdf
en_2024t208.pptx Adult lesson study for sabbath
Printable Korean Gospel Tract - Be Sure of Heaven.pdf
Printable Kurdish Northern Kurmanji Gospel Tract - Be Sure of Heaven.pdf
Printable Kurdish Central Sorani Gospel Tract - Be Sure of Heaven.pdf
Human Rights AMFOKSFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF
ream Organic Floral Christianity Faith Sermon Church Presentation.pptx
holistic health - yogic life style for hatha yoga practitioner
Printable Maldivian Divehi Gospel Tract - Be Sure of Heaven.pdf
God Doesn't Forget You He will never abandon you
Faith and Gratitude: Guide to the Baccalaureate Mass & Responses
Has-Satans-Little-Season-Already-Begun.pptx

History of Interaction Design

  • 1. Interaction Design: a History David Heller Synaptic Burn http://synapticburn.com/ IDSA National Conference 27 August 2005
  • 2. Background of Presentation This presentation was 1 part of a 3 hr. seminar given by both David Heller and Robert Reimann on August 27, 2005 at the IDSA 2005 National Conference: re-Action in Washington, D.C. Robert’s portion of this seminar is available for all who wish to purchase About Face 2.0 co-authored by Alan Cooper and Robert Reimann. Robert Reimann is the Manager of the User Interface Design and Research Group at Bose Corporation (www.bose.com)
  • 3. Why & What of IxD
  • 4. Too many digital products are hard to use
  • 5. A new “medium”, a new kind of design Interactive digital products require and respond to human input, and change their own content or behavior based on that input. Form, behavior , and content must all be defined. Traditional design disciplines do not have methods that address complex behavior. Non-design disciplines are not geared toward generating desirable solutions.
  • 6. Multiple design disciplines define a digital product Industrial design Hardware form, aesthetics, and ergonomics Visual design Color, typography, and layout of images/transitions Information design Clear communication of concepts or data Interaction design Defines the behavior of a product; also concerned with form and content as they relate to system behavior and user input
  • 7. Interaction Design (IxD): A definition A design discipline dedicated to: Defining the behavior of artifacts, environments, and systems (i.e., products ) … and therefore concerned with: Anticipating how use of the products will mediate human relationships and affect human understanding Guiding the form of products to the extent that it influences/is influenced by their behavior and use The Interaction Design Group’s (IxDG) definition of IxD can be found at http://define.ixdg.org/ This definition was conceived by Robert Reimann and Jodi Forlizzi
  • 8. Good (interaction) design is: Ethical It does no harm, and hopefully improves situations. Purposeful It helps people accomplish goals. It is appropriate to the user’s context. Pragmatic It achieves business goals and fits within constraints. Elegant It provides the simplest complete solution. It engages the emotions appropriately.
  • 9. A Brief History of Interaction Design
  • 10. Moving towards complexity – Human-powered Single-part Tools Multi-part Tools Mechanical motion
  • 11. Moving towards complexity – Animals, Water, Fire Animals Water Fuel
  • 12. Moving towards complexity – ELECTRICITY Sensory Feedback Human Intervention Real-time Feedback Input /Output
  • 13. Moving towards complexity – computation/virtualization Analog / Mechanical Digital (buttons) Virtual/Metaphor
  • 14. Moving toward complexity – software in tools Refrigerator ??? Auto Phone
  • 15. From complexity to simplicity – multi-channel and embedded Passive & embedded future iPod + iTunes > Shuffle
  • 16. Mediating the social experience Simple point to point communication E-mail Instant Messaging & SMS VoIP / conferencing Video conferencing Mediated interactions Online Gaming (role playing) Everquest by Sony Folksonomy http://flickr.com/ Mobile phones w/ GPS + bluetooth http://bluetoothflirt.de
  • 17. Marc Rettig’s progression – our creation understanding © Marc Rettig 2004. http://marcrettig.com/
  • 18. Merging of concepts – creates research-based empathetic design practice Architecture / Design Form and function need to create a balance. This marriage happens through intentionality – i.e. design Human Factors (ergonomics + cognitive psychology) Military created the field of human factors Understanding human limits of mind and body Clinical observation and evaluation of ideas Spawned Human Computer Interaction ( HCI ) Just the virtual, focus on the cognitive and on software .
  • 19. More merging Information Design/Architecture Richard Saul Wurman illuminates the idea that graphic design + writing needs to merge; bring purpose to book design. Data > Information > Knowledge > Wisdom Context, and re-evaluation of use over time. Edward Tufte: Envisioning Information Software Design Manifesto Mitch Kapor outlines the need for software to be designed, not just engineered. Firmness, commodity and delight
  • 20. Bring on the Web as catalyst IxD existed before the web …. But! Web brought previously disconnected forces together Information Technology Graphic, broadcast, game and multimedia design Computer Science including HCI/Human Factors -- usability Publishing Advertising Broadcasting Marketing Strategic Design
  • 21. War of the titles Producer Interactive Designer Information Architect User Interface Designer Usability Engineer Web Designer GUI Specialist User Experience Designer Content Producer Interactive Producer GUI Engineer Product Designer HCI Expert Interaction Designer No one and everyone fit these titles and so everyone felt like they fit the role being described for the job.
  • 22. IxDG website www.ixdg.org & resources.ixdg.org Alan Cooper/Robert Reimann About Face 2.0 Boxes and Arrows www.boxesandarrows.com Don Norman Emotional Design Design of Everyday Things Christopher Alexander A Timeless Way of Building: A Pattern Language Kevin Mullet and Darrell Sano Designing Visual Interfaces Scott McCloud Understanding Comics Edward Tufte Visual Display of Quantitative Information Envisioning Information Visual Explanations Marc Rettig www.marcrettig.com Luke Wroblewski www.functioningform.com William McDonough Digital Ground Some Resources

Editor's Notes

  • #2: Be sure to restart presentation so clock restarts.