what is interaction design?

19
What is Interaction Design? Random House Digital Publishing Group by Michael Katayama Colleen Miller School of Visual Arts MFA Interaction Design Program Class of 2011

Upload: clickcolleen

Post on 27-Jan-2015

1.449 views

Category:

Design


0 download

DESCRIPTION

A presentation to the Random House Digital Publishing Group's design team, by summer interaction design interns Colleen Miller and Michael Katayama

TRANSCRIPT

Page 1: What is Interaction Design?

What is Interaction Design?Random House Digital Publishing Group

by

Michael Katayama Colleen MillerSchool of Visual Arts

MFA Interaction Design Program Class of 2011

Page 2: What is Interaction Design?
Page 3: What is Interaction Design?

FROM IXDA:

Interaction Design (IxD) defines the structure and behavior of interactive products and services.

Interaction Designers create compelling relationships between people and the interactive systems they use, from computers to mobile devices to appliances; Interaction Designers lay the groundwork for intangible experiences.

http://www.ixda.org/

Page 4: What is Interaction Design?

“ ”Information design is the skeleton; visual design is the flesh, and interaction design is the muscle that joins the two.-VALERIE CASEY

Page 5: What is Interaction Design?

-GILLIAN CRAMPTON-SMITHfounder, Interaction Design Institute Ivrea

http://designinginteractions.com/interviews/GillianCramptonSmith

Page 6: What is Interaction Design?

1940 1960

Punch cards were the first interace with computers. ENIAC, UNIVAC

Engineers added control panels to the front and experimented with monitors

1970 1980 1990 2000 to present

Command-line interface like WordStar were the first pieces of software that were not designed by programmers for programmers

Henry Dreyfuss created the new field of human factors.

Computers designed for people beyond computer scientists and trained operators. Apple

Interaction Design begins as a discipline. IDEO designers Bill Moggridge and Bill Verplank created the name.

The world wide web brought the need for better interaction design.

Sensors and microprocessors getting smaller, cheaper and powerful were placed into physical objects that could display awareness.

Smart phones and wifi that is changing the types of interac-tions we can have.

Future?

Page 7: What is Interaction Design?

Information Design

Architecture

Graphic Design

IndustrialDesign

Ergonomics

CognitivePsychology

HumanComputerInteraction

Human Factors

ComputerScience

InteractionDesign

ElectricalEngineering

MechanicalEngineering

ENGINEERING RESEARCHPSYCHOLOGY

DESIGN

http://www.slideshare.net/KMcGrane/week-1-ixd-history-course-overview

Page 8: What is Interaction Design?

http://www.kickerstudio.com/blog/2008/12/the-disciplines-of-user-experience/

COLLEEN andMICHAEL

The Disciplines of User Experienceby Dan Saffer

Page 10: What is Interaction Design?

project management

technologyimplementation

The Nine Pillarsof Successful Web Teams

user research

concretedesign

sitestrategy

abstractdesign

d i

trateg

bstradesign

contentstrategy

tact

ical

ddstrategic

contentproduction

technologystrategy

http://www.jjg.net/ia/pillars/http://www.adaptivepath.com/

Jesse James Garrett <[email protected]>9 July 2003

adaptive path

The most successful Web teams build their team structures and theirprocesses on these nine essential competencies:

Project Management: The hub that binds all the tactical competenciestogether as well as the engine that drives the project forward to completion,project management requires a highly specialized set of skills all its own.Neglecting this area often results in missed deadlines and cost overruns.

Concrete Design: Before the abstract design can become a fully realizeduser experience, you must determine the specific details of interfaces,navigation, information design, and visual design. This realm of concretedesign is essential to creating the final product.

Content Production: Knowing what content you need isn't enough. You alsoneed to know how you'll produce it. Gathering raw information, writing andediting, and defining editorial workflows and approvals are all part of contentproduction.

Technology Implementation: Building technical systems involves a lot ofhard work and specialized knowledge: languages and protocols, coding anddebugging, testing and refactoring. The more complex your site, the moreimportant a competency in technology implementation becomes.

Abstract Design: Information architecture and interaction design translatestrategic objectives into a conceptual framework for the final userexperience. These emerging disciplines addressing abstract design areincreasingly recognized for their value in the Web development process.

Content Strategy: Content is often the reason users come to your site. Butwhat content can you offer to meet your users' expectations? How muchcontent is appropriate, and what form should it take? What style or toneshould it have? Before you can produce that content, you need to answerfundamental content strategy questions such as these.

Technology Strategy: Web sites are technologically complex, and gettingmore intricate all the time. Identifying the technology strategy for the site –platforms, standards, technologies, and how they can all interoperate – isessential to avoiding costly mistakes.

Site Strategy: Defining your own goals for the site can be surprisinglytricky. Arriving at a common understanding of the site's purpose for yourorganization, how you'll prioritize the site's various goals, and the means bywhich you'll measure the site's success are all matters of site strategy.

User Research: User-centered design means understanding what yourusers need, how they think, and how they behave – and incorporating thatunderstanding into every aspect of your process. User research provides theraw observations that fuel this insight into the people your site must serve.

http://www.adaptivepath.com/ideas/essays/archives/000242.php

The Nine Pillars of Successful Web Teams

Information architecture and interaction design translate strategic objectives into a conceptual framework for the final user experience.

by Jesse James Garrett, 2003

Page 11: What is Interaction Design?

DISCOVER DEFINE DESIGN DEVELOP DEPLOY DOCUMENT

Not committed to a medium

strategystatement

brief(set direction)

1st iteration(skeleton sketches)

detailed construction

launchversion

scope next version

Design Process

What are users’ primary goals, and how can they achieve them?

Which information is of higher importance? How do I draw users’ attention to them?

How should I incorporate the user feedback?

Prototyping offers a huge opportunity for increasing process efficiency.

Page 12: What is Interaction Design?

The 5 Competencies of User Experience Design

http://uxmatters.com/mt/archives/2007/11/the-five-competencies-of-user-experience-design.php

Page 13: What is Interaction Design?

Research MethodsObservations (contextual inquiry, fly on the wall, shadowing)

Interviews

Journals and Surveys

Sources:sheknows.com, onewhiteboardaday.com, derekchan.com

Brainstorming Concept modelGathering the data and finding patterns using post-its, whiteboards, sketching of all types.

Creating visualizations of research findings.

Page 14: What is Interaction Design?

StoryboardsPersonas Task analysisSketching to illustrate what the experience of the product or service will be like.

A documented set of archetypal people who are involved with a product of service.

Sources:messagefirst, iainsitute.org

A list of activities that the final design will have to support.

Page 15: What is Interaction Design?

Paper prototypes Wireframes User JourneyLow-fidelity testing with the users, stakeholders…allowing the users to comment on the prototype.

Shows the path of accomplishing a specific goal.

Mid-fidelity view of a particular part of a product.

Sources: beyondthekeeboard.com, digitalweb.com, tigerxtiger.com

Page 16: What is Interaction Design?

Which would you choose?

Page 17: What is Interaction Design?

Which would you choose?

Page 18: What is Interaction Design?

http://www.botanicalls.com/

Moving Away from Screen-based Interfaces

Page 19: What is Interaction Design?

“ ”We can't have advances in technology any longer unless design is integrated from the very start.-JOHN UNTERKOFFLER