Interaction Design (IxD) in the context of User Experience (UX)


Published on

I gave this presentation in 2005 at the IA Summit. It is my take (THEN) on the role of IxD in the total context of UX.

Published in: Technology, Travel
  • As a management instructor I appreciate viewing the work of others. This is among the greatest presentation on planning I have viewed.
    Are you sure you want to  Yes  No
    Your message goes here
  • I'd say there are 3 components of behavior:
    - listeners
    - reasoning engines
    - responders

    The reasoning engine determines what the system will listen to (and when) and what the response will be (and when). Or would you include that intelligence in the listeners and/or responders?
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Interaction Design (IxD) in the context of User Experience (UX)

    1. 1. Interaction Design (IxD) in the Context of User Experience (UX) IA Summit Montreal, QB March 6, 2005
    2. 2. Overview <ul><li>Defining User Experience (UX) </li></ul><ul><li>Breaking down UX </li></ul><ul><li>Placing IxD into UX </li></ul><ul><li>Defining IxD </li></ul><ul><li>Connecting IxD and IA </li></ul>
    3. 3. What is UX and Where did it come from? <ul><li>Well … look no further than the World Wide Web. </li></ul><ul><ul><li>Did he just say that UX only applies to the Web? </li></ul></ul><ul><li>Web brought together disconnected and diverse industries in a new catalyzing way. </li></ul><ul><ul><li>Software Engineering </li></ul></ul><ul><ul><ul><li>Human Computer Interaction (HCI) – Cog. Psych + CS </li></ul></ul></ul><ul><ul><ul><li>Usability Engineering </li></ul></ul></ul><ul><ul><li>Graphic Design/Advertising/Media (publishing & broadcast) </li></ul></ul><ul><ul><li>Library Science </li></ul></ul><ul><ul><li>Game Industry </li></ul></ul>
    4. 4. We need some limits <ul><li>Digital Product Design </li></ul><ul><li>NOT Experience Design </li></ul><ul><ul><li>That would be our umbrella </li></ul></ul><ul><ul><li>Informs the strategy </li></ul></ul><ul><ul><li>Includes important issues beyond the product </li></ul></ul>
    5. 5. Understanding UX <ul><li>Experts who helped found UX have been trying to place it in context for a while. </li></ul><ul><li>Here are some examples … </li></ul>
    6. 6. Nathan Shedroff All the Skills
    7. 7. Peter Morville All the Goals
    8. 8. Jesse James Garrett Tasks for a Project
    9. 9. Challis Hodge All the Disciplines
    10. 10. Dirk Knemeyer 3 - way layering
    11. 11. My turn <ul><li>Goals of my attempt </li></ul><ul><ul><li>Eliminate jargon </li></ul></ul><ul><ul><li>Clarify big vs. little </li></ul></ul>
    12. 12. First there is a solution:
    13. 13. Predominantly the concept comes from the business side
    14. 14. Every solution has a form
    15. 15. And the form is derived by practice that informs it …
    16. 16. Form is made up of 3 elements:
    17. 17. Most information is derived from 2 parts
    18. 18. And they all have disciplines (usually what we argue about)
    19. 19. Inform/Impact <ul><li>Strategy </li></ul><ul><ul><li>Foundation that all other processes are reflected against </li></ul></ul><ul><ul><li>Focus that guides and binds </li></ul></ul><ul><ul><li>Driven around user need and business requirements </li></ul></ul><ul><li>Research (2 types) </li></ul><ul><ul><li>Academic Research creates trends, informs strategy and other elements. </li></ul></ul><ul><ul><li>User Research based on the strategy, and validates it, informs the formation most directly. </li></ul></ul><ul><li>Validation – takes existing models and evaluates their current strengths and weaknesses. </li></ul>
    20. 20. Form <ul><li>We create languages and stories: Syntax, semantics, semiotics, narrative (plot, climax, characters) </li></ul><ul><li>I use a model taken from programming to define the elements of form. </li></ul><ul><li>A form therefore is a cascading set of objects, which itself is an object: </li></ul><ul><li>Structure – definition and relationship </li></ul><ul><li>Behavior – listeners and responders </li></ul><ul><li>Presentation – appearance, aesthetic, tone, personality, context </li></ul>
    21. 21. Lets map this to disciplines … <ul><li>Strategy – business strategy, design strategy, experience design, branding, marketing. </li></ul><ul><li>Research </li></ul><ul><ul><li>Academic Research – HCI </li></ul></ul><ul><ul><li>User Research – behavioral research (field research/ethnography, participatory design) </li></ul></ul><ul><li>Validation – some research validates, but mostly this is Usability Engineering </li></ul>
    22. 22. Mapping con’t. <ul><li>Structure = Information Architecture </li></ul><ul><li>Behavior = Interaction Design </li></ul><ul><li>Presentation = Graphic Design, Communication Design, Writing, Industrial Design, Information Design , et. al. </li></ul>
    23. 23. Questions? … <ul><li>We’re not quite done yet, but thought before getting deeper people might like to ask some questions. </li></ul>
    24. 24. A Definition of Interaction Design <ul><li>interaction design defines </li></ul><ul><li>the structure and behaviors of interactive products and services </li></ul><ul><li>user interactions with those products and services </li></ul><ul><li>More @ http:// / </li></ul>
    25. 25. Digging Deeper <ul><li>What are the components of behavior? </li></ul><ul><ul><li>Listeners </li></ul></ul><ul><ul><li>Responders </li></ul></ul><ul><li>Impact of designing behavior (or not designing it) </li></ul><ul><ul><li>Affordances, conventions, intuitiveness </li></ul></ul><ul><ul><li>Managing complexity </li></ul></ul>
    26. 26. IxD’s focus in a product <ul><li>Tasks </li></ul><ul><li>Flow </li></ul><ul><li>User Relationship to Task & Flow </li></ul><ul><li>Use over TIME </li></ul><ul><li>Interactivity in the presentation layer </li></ul>
    27. 27. Overlap? <ul><li>There is a continuum here. </li></ul>
    28. 28. IA & IxD: Couple Made in Heaven <ul><li>IA prepares content/information </li></ul><ul><ul><li>Findability,Consumption,Creation </li></ul></ul><ul><ul><li>Using metadata, taxonomies, facets, relationships </li></ul></ul><ul><li>IxD presents interaction models for that information to be reached. </li></ul><ul><ul><li>Search/Browse </li></ul></ul><ul><ul><li>Wayfinding </li></ul></ul><ul><ul><li>Conent Management Systems - workflow </li></ul></ul>
    29. 29. Marrying metadata & a rich GUI: Ford Trucks <ul><li>Ford Trucks @ Ford Trucks Interactive Towing Guide http:// = TRUCK&u id = </li></ul><ul><li>Using a Flash GUI, utilizing Sliders, mouseovers, to manipulate metadata </li></ul>
    30. 30. Make the Semantic Web Behave mSpace <ul><li>mSpace @ http:// mspace.fn / </li></ul><ul><li>Takes the existing data of the networked space: </li></ul><ul><ul><li>Organize search data </li></ul></ul><ul><ul><li>Use predictable facets of organization </li></ul></ul><ul><ul><li>They call it iTunes + Google </li></ul></ul>
    31. 31. Thanx! <ul><li>Questions </li></ul><ul><li>UXnet: http:// / </li></ul>David Heller dave (at) syapticburn (dot) com http:// / Interaction Design Group (IxDG) http:// /