interaction design (ixd) in the context of user experience (ux)

31
October 9, 2006 Interaction Design (IxD) in the Context of User Experience (UX) IA Summit Montreal, QB March 6, 2005

Upload: david-malouf

Post on 27-Jan-2015

117 views

Category:

Technology


1 download

DESCRIPTION

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.

TRANSCRIPT

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

October 9, 2006

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

IA SummitMontreal, QB

March 6, 2005

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Overview

● Defining User Experience (UX)● Breaking down UX● Placing IxD into UX● Defining IxD● Connecting IxD and IA

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

What is UX and Where did it come from?

● Well … look no further than the World Wide Web.– Did he just say that UX only applies to the Web?

● Web brought together disconnected and diverse industries in a new catalyzing way.– Software Engineering

● Human Computer Interaction (HCI) – Cog. Psych + CS● Usability Engineering

– Graphic Design/Advertising/Media (publishing & broadcast)

– Library Science– Game Industry

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

We need some limits

● Digital Product Design● NOT Experience Design

– That would be our umbrella– Informs the strategy – Includes important issues beyond the

product

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Understanding UXExperts who helped found UX have been

trying to place it in context for a while.

Here are some examples …

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Nathan Shedroff

All the Skills

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Peter Morville

All the Goals

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Jesse James Garrett

Tasks for a Project

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Challis Hodge

All the Disciplines

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Dirk Knemeyer

3 - way layering

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

My turn

● Goals of my attempt– Eliminate jargon– Clarify big vs. little

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

First there is a solution:

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Predominantly the concept comes from the business side

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Every solution has a form

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

And the form is derived by practice that informs it …

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Form is made up of 3 elements:

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Most information is derived from 2 parts

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

And they all have disciplines (usually what we argue about)

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Inform/Impact● Strategy

– Foundation that all other processes are reflected against

– Focus that guides and binds– Driven around user need and business requirements

● Research (2 types)– Academic Research creates trends, informs strategy

and other elements.– User Research based on the strategy, and validates it,

informs the formation most directly.

● Validation – takes existing models and evaluates their current strengths and weaknesses.

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Form

We create languages and stories: Syntax, semantics, semiotics, narrative (plot, climax, characters)

I use a model taken from programming to define the elements of form.

A form therefore is a cascading set of objects, which itself is an object:

● Structure – definition and relationship● Behavior – listeners and responders● Presentation – appearance, aesthetic,

tone, personality, context

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Lets map this to disciplines …

● Strategy – business strategy, design strategy, experience design, branding, marketing.

● Research– Academic Research – HCI– User Research – behavioral research (field

research/ethnography, participatory design)

● Validation – some research validates, but mostly this is Usability Engineering

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Mapping con’t.● Structure = Information

Architecture● Behavior = Interaction Design● Presentation = Graphic Design,

Communication Design, Writing, Industrial Design, Information Design, et. al.

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Questions? …

We’re not quite done yet, but thought before getting deeper people might like to ask some questions.

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

A Definition of Interaction Design

interaction design defines● the structure and behaviors of

interactive products and services ● user interactions with those products

and services

More @ http://define.ixdg.org/

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Digging Deeper● What are the components of behavior?

– Listeners– Responders

● Impact of designing behavior (or not designing it)– Affordances, conventions, intuitiveness– Managing complexity

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

IxD’s focus in a product● Tasks● Flow● User Relationship to Task & Flow● Use over TIME● Interactivity in the presentation layer

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Overlap?There is a continuum here.

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

IA & IxD: Couple Made in Heaven

● IA prepares content/information– Findability,Consumption,Creation

– Using metadata, taxonomies, facets, relationships

● IxD presents interaction models for that information to be reached.– Search/Browse

– Wayfinding

– Conent Management Systems - workflow

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Marrying metadata & a rich GUI:

Ford Trucks● Ford Trucks @ Ford Trucks Interactive Towing Guide http://www.fordvehicles.com/towing/popup.asp?type=TRUCK&uid=

● Using a Flash GUI, utilizing Sliders, mouseovers, to manipulate metadata

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Make the Semantic Web BehavemSpace● mSpace @ http://mspace.fn/

● Takes the existing data of the networked space:– Organize search data– Use predictable facets of organization– They call it iTunes + Google

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

Designing AJAX & Other Rich Internet Applications

October 9, 2006

Thanx!● Questions● UXnet: http://uxnet.org/

David Hellerdave (at) syapticburn (dot) com http://synapticburn.com/

Interaction Design Group (IxDG)http://ixdg.org/