SlideShare ist ein Scribd-Unternehmen logo
1 von 120
Introduction to Interaction Design Interaction 09 | Vancouver Dave Malouf Professor of Interaction Design Savannah College of Art & Design
Workshop Schedule and Content 9:00 am – 1:00 pm  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
WHO ARE WE? ,[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Who are we? ,[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
SETTING THE SCENE Interaction 09 | Vancouver Introduction to Interaction Design
What is Interaction Design anyway? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Let’s take a look what other people think? ,[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
The Elements of User Experience Interaction 09 | Vancouver Introduction to Interaction Design
Dan Saffer’s look Interaction 09 | Vancouver Introduction to Interaction Design
Challis Hodge – Breaking down Experience Design Interaction 09 | Vancouver Introduction to Interaction Design
Hodge again – now on role relationships Interaction 09 | Vancouver Introduction to Interaction Design
Nathan Shedroff - What do we do? Interaction 09 | Vancouver Introduction to Interaction Design
Exercise 1 Sketch 20min ,[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Breaking it down ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Adam Interaction 09 | Vancouver Introduction to Interaction Design
Olivia Interaction 09 | Vancouver Introduction to Interaction Design
Robert Interaction 09 | Vancouver Introduction to Interaction Design
Kyle Interaction 09 | Vancouver Introduction to Interaction Design
Marcus Interaction 09 | Vancouver Introduction to Interaction Design
LET’S TAKE A STEP BACK ,[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
QUESTION ,[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Another one ,[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Last one ,[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Let’s go WAY back ,[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
What does this mean? ,[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Back to our 1 st  2 questions ,[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Interactivity?  ,[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Interactivity? ,[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Interactive Product? ,[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Interactive Product? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
A good interactive product ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Properties of interactive products ,[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
LET’S DEFINE IT FOR REAL Interaction 09 | Vancouver Introduction to Interaction Design
A terse definition Interaction 09 | Vancouver Introduction to Interaction Design
Interaction Design Defined Another try (Robert Reimann) ,[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
A new “medium”, a new kind of design ,[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
A great perspective … Interaction 09 | Vancouver Introduction to Interaction Design Bill Verplank   http://billverplank.com/Lecture/
It is a DESIGN discipline ,[object Object],Interaction 09 | Vancouver Introduction to Interaction Design Art
The lab & The data Interaction 09 | Vancouver Introduction to Interaction Design
Beauty for beauty's sake Interaction 09 | Vancouver Introduction to Interaction Design
Can't we all just get a long? Salvador is a Interaction 09 | Vancouver Introduction to Interaction Design
2008: Year of the SKETCH There is no *D*esigning without sketching ,[object Object],[object Object],[object Object],[object Object]
The Designer's Path Bill Buxton's Sketching UX
Communicating our ideas
Making ideas into things
Creating narratives
There is an aesthetic to interaction More on THIS later (I hope)
HOW DID WE GET HERE? Interaction 09 | Vancouver Introduction to Interaction Design
In the beginning … ,[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design Excess material is removed To reveal new object Whack with stone axe
If only it stayed that simple? Interaction 09 | Vancouver Introduction to Interaction Design
Eco-systems Interaction 09 | Vancouver Introduction to Interaction Design
Social Interactions Interaction 09 | Vancouver Introduction to Interaction Design
Open Data – The “unproduct” Interaction 09 | Vancouver Introduction to Interaction Design
Gestures Interaction 09 | Vancouver Introduction to Interaction Design
Ambient & Ubiquitous  & Passive Bio-feedback Interaction 09 | Vancouver Introduction to Interaction Design
That was all about mediums … ,[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Marc Rettig’s – goals of the process Interaction 09 | Vancouver Introduction to Interaction Design Marc Rettig –  http://fitassociates.com/
Historical view of the focus in terms of practice ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Human Factors Interaction 09 | Vancouver Introduction to Interaction Design
Human Computer Interaction Interaction 09 | Vancouver Introduction to Interaction Design
Usability Evaluation Interaction 09 | Vancouver Introduction to Interaction Design
Software Design Manifesto ,[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
2 directions creating a continuum of practice ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
System & Experience Design ,[object Object],Interaction 09 | Vancouver Introduction to Interaction Design ,[object Object],[object Object],[object Object],[object Object]
Web 2.0 + iPod increase the need and expectation for IxD Interaction 09 | Vancouver Introduction to Interaction Design
Bringing it all together Interaction 09 | Vancouver Introduction to Interaction Design
More context ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
QUESTIONS? COMMENTS? THOUGHTS? INSIGHTS? Interaction 09 | Vancouver Introduction to Interaction Design
WELCOME BACK! Interaction 09 | Vancouver Introduction to Interaction Design
DOING INTERACTION DESIGN Interaction 09 | Vancouver Introduction to Interaction Design
But now really, what do we DO? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
What’s a sketch Interaction 09 | Vancouver Introduction to Interaction Design Taken from the notes of J. Spool on BrainSparks Blog of a talk given by Bill Buxton to Boston-SIGCHI.   http://www.uie.com/brainsparks/2006/11/16/buxton-on-sketching-and-experience-design/   Sketch Prototype Invitation Attendance Suggestion Description Question Answer Propose Test Destructive Constructive
What is a sketch? (Pt. 2) Interaction 09 | Vancouver Introduction to Interaction Design What do you see here? Rapid & Rough Disposable Multiplicity Associative  (not serial) Communicate CONCEPTS
Thinking tool ,[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Verbs & Modifiers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Exercise 2 Sketching 20min. ,[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Tell It is a story ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Tell Keep it situated ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Tell Example Interaction 09 | Vancouver Introduction to Interaction Design By Scott McCloud for Google Chrome http://www.google.com/googlebooks/chrome/
Tell Examples – a progression ,[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Tell The Goal ,[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Framing Language ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Framing  Interactivity ,[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Framing Layout & Prototype ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Framing Example Interaction 09 | Vancouver Introduction to Interaction Design
Exercise 3 Framing – 30min. ,[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Refine Overview ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Refine What are you doing? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Refine the kicker ,[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Refine Example Interaction 09 | Vancouver Introduction to Interaction Design
RESEARCH ANYONE? Interaction 09 | Vancouver Introduction to Interaction Design
Where’s the research? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Yes, yes, yes … ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design Janchipchase.com
More on research ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
FOUNDATION Interaction 09 | Vancouver Introduction to Interaction Design
What is foundation? ,[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Another take on Foundation ,[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Rowena Reed Kostelow ,[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
What are IDs  Elemental Foundations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Does IxD have Foundation? ,[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
What is the value of foundation ,[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Let’s start the discussion ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Time ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Abstraction Ok, wait for it! ,[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Metaphor ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Metaphor brings meaning ,[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Movement A new one (for me) ,[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
What feels better to use? ,[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Maybe this is clearer ,[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design Slide & Tap
LET’S TALK ABOUT TOOLS ,[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Tools for different things ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
What you are comfortable with Interaction 09 | Vancouver Introduction to Interaction Design
Don’t be afraid to try things Interaction 09 | Vancouver Introduction to Interaction Design
But you have to pick something Interaction 09 | Vancouver Introduction to Interaction Design
My Tools for Doing ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Tools for Process ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Tools for Memory & Learning ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
WHAT ELSE DO YOU NEED TO KNOW ,[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Direct IxD Theory Topics & Good Sources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Interaction 09 | Vancouver Introduction to Interaction Design
Questions??? David Malouf Interaction Design Savannah College of Art & Design http://davemalouf.com/ http://scad.edu/industrial_design http://twitter.com/daveixd   http://iact.in/   (Students @ SCAD; coming soon) Interaction 09 | Vancouver Introduction to Interaction Design

Weitere ähnliche Inhalte

Was ist angesagt?

A short history of interaction design
A short history of interaction designA short history of interaction design
A short history of interaction design
Remy Bourganel
 

Was ist angesagt? (20)

i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
Hci activity#1
Hci activity#1Hci activity#1
Hci activity#1
 
What is UX?
What is UX?What is UX?
What is UX?
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
 
History of Interaction Design
History of Interaction DesignHistory of Interaction Design
History of Interaction Design
 
Good bad design
Good bad designGood bad design
Good bad design
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
User Centered Design 101
User Centered Design 101User Centered Design 101
User Centered Design 101
 
UI / UX Design Processes
UI / UX Design ProcessesUI / UX Design Processes
UI / UX Design Processes
 
How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)How to Find a Good UI/UX Designer (or be one!)
How to Find a Good UI/UX Designer (or be one!)
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
HCI 2018 (3/10) Design Models, Methodologies and Guidelines
HCI 2018 (3/10) Design Models, Methodologies and GuidelinesHCI 2018 (3/10) Design Models, Methodologies and Guidelines
HCI 2018 (3/10) Design Models, Methodologies and Guidelines
 
A short history of interaction design
A short history of interaction designA short history of interaction design
A short history of interaction design
 
User interface design
User interface designUser interface design
User interface design
 
Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613Centerline Digital - UX vs UI - 050613
Centerline Digital - UX vs UI - 050613
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
Human computer interaction 3 4(revised)
Human computer interaction 3 4(revised)Human computer interaction 3 4(revised)
Human computer interaction 3 4(revised)
 

Andere mochten auch

Bab 07 shenanigans fraud
Bab 07 shenanigans fraudBab 07 shenanigans fraud
Bab 07 shenanigans fraud
Masrul Huda
 
What is interaction design
What is interaction designWhat is interaction design
What is interaction design
Mohamed Shalash
 
Secret of kartu kredit by Aidil Akbar
Secret of kartu kredit by Aidil AkbarSecret of kartu kredit by Aidil Akbar
Secret of kartu kredit by Aidil Akbar
Akademi Berbagi
 

Andere mochten auch (20)

Bab 07 shenanigans fraud
Bab 07 shenanigans fraudBab 07 shenanigans fraud
Bab 07 shenanigans fraud
 
(13)modal asing dan utang luar negeri bab 15
(13)modal asing dan utang luar negeri bab 15(13)modal asing dan utang luar negeri bab 15
(13)modal asing dan utang luar negeri bab 15
 
What is interaction design
What is interaction designWhat is interaction design
What is interaction design
 
Seeking the human in human-like computing
Seeking the human in human-like computingSeeking the human in human-like computing
Seeking the human in human-like computing
 
Bab 11 Riba, Bank, dan Ansuransi
Bab 11 Riba, Bank, dan AnsuransiBab 11 Riba, Bank, dan Ansuransi
Bab 11 Riba, Bank, dan Ansuransi
 
ERT TINGKATAN 5 BAB 14
ERT TINGKATAN 5 BAB 14ERT TINGKATAN 5 BAB 14
ERT TINGKATAN 5 BAB 14
 
Interaction Design Process
Interaction Design ProcessInteraction Design Process
Interaction Design Process
 
User-Centered Interaction Design
User-Centered Interaction DesignUser-Centered Interaction Design
User-Centered Interaction Design
 
Secret of kartu kredit by Aidil Akbar
Secret of kartu kredit by Aidil AkbarSecret of kartu kredit by Aidil Akbar
Secret of kartu kredit by Aidil Akbar
 
Interaction design beyond human computer interaction
Interaction design beyond human computer interactionInteraction design beyond human computer interaction
Interaction design beyond human computer interaction
 
Akuntansi Manajemen Edisi 8 oleh Hansen & Mowen Bab 14
Akuntansi Manajemen Edisi 8 oleh Hansen & Mowen Bab 14Akuntansi Manajemen Edisi 8 oleh Hansen & Mowen Bab 14
Akuntansi Manajemen Edisi 8 oleh Hansen & Mowen Bab 14
 
powerpoint-pasar-oligopoli
powerpoint-pasar-oligopolipowerpoint-pasar-oligopoli
powerpoint-pasar-oligopoli
 
Akuntansi Manajemen Edisi 8 oleh Hansen & Mowen Bab 12
Akuntansi Manajemen Edisi 8 oleh Hansen & Mowen Bab 12Akuntansi Manajemen Edisi 8 oleh Hansen & Mowen Bab 12
Akuntansi Manajemen Edisi 8 oleh Hansen & Mowen Bab 12
 
Struktur pasar modal
Struktur pasar modalStruktur pasar modal
Struktur pasar modal
 
Designing Social
Designing SocialDesigning Social
Designing Social
 
Interaction design methods
Interaction design methodsInteraction design methods
Interaction design methods
 
Designing Interfaces (and Wireframes)
Designing Interfaces (and Wireframes)Designing Interfaces (and Wireframes)
Designing Interfaces (and Wireframes)
 
Designing Structure: Interaction Design
Designing Structure: Interaction DesignDesigning Structure: Interaction Design
Designing Structure: Interaction Design
 
Otoritas jasa keuangan
Otoritas jasa keuanganOtoritas jasa keuangan
Otoritas jasa keuangan
 
Designing Structure Part II: Information Archtecture
Designing Structure Part II: Information ArchtectureDesigning Structure Part II: Information Archtecture
Designing Structure Part II: Information Archtecture
 

Ähnlich wie Interaction 09 Introduction to Interaction Design

Software Craftsmanship - JAX London 2011
Software Craftsmanship - JAX London 2011Software Craftsmanship - JAX London 2011
Software Craftsmanship - JAX London 2011
Sandro Mancuso
 
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioRethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
Joel Califa
 
The light on the face - Alberto Barreiro
The light on the face - Alberto BarreiroThe light on the face - Alberto Barreiro
The light on the face - Alberto Barreiro
UXPA UK
 

Ähnlich wie Interaction 09 Introduction to Interaction Design (20)

Interaction09 Foundations Of Interaction Design
Interaction09 Foundations Of Interaction DesignInteraction09 Foundations Of Interaction Design
Interaction09 Foundations Of Interaction Design
 
User experience. What is it anyway?
User experience. What is it anyway?User experience. What is it anyway?
User experience. What is it anyway?
 
Chicago IxDA Interaction14 Conference Takeaways
Chicago IxDA Interaction14 Conference TakeawaysChicago IxDA Interaction14 Conference Takeaways
Chicago IxDA Interaction14 Conference Takeaways
 
What is design interaction?
What is design interaction?What is design interaction?
What is design interaction?
 
Software Craftsmanship - JAX London 2011
Software Craftsmanship - JAX London 2011Software Craftsmanship - JAX London 2011
Software Craftsmanship - JAX London 2011
 
Hybrid Publishing Design Methods For Technical Books
Hybrid Publishing Design Methods For Technical BooksHybrid Publishing Design Methods For Technical Books
Hybrid Publishing Design Methods For Technical Books
 
Rethinking the Interaction Design Portfolio
Rethinking the Interaction Design PortfolioRethinking the Interaction Design Portfolio
Rethinking the Interaction Design Portfolio
 
THINGS Agency, The Company Profile
THINGS Agency, The Company ProfileTHINGS Agency, The Company Profile
THINGS Agency, The Company Profile
 
Mobile Design in 2014 and Beyond
Mobile Design in 2014 and BeyondMobile Design in 2014 and Beyond
Mobile Design in 2014 and Beyond
 
Between Paper & Code
Between Paper & CodeBetween Paper & Code
Between Paper & Code
 
Ux1
Ux1Ux1
Ux1
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environments
 
Owning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic EnvironmentsOwning the Interaction in Dynamic Environments
Owning the Interaction in Dynamic Environments
 
Kazumi Terada UX Portfolio 2016
Kazumi Terada UX Portfolio 2016Kazumi Terada UX Portfolio 2016
Kazumi Terada UX Portfolio 2016
 
Ipad seminar 20110608
Ipad seminar 20110608Ipad seminar 20110608
Ipad seminar 20110608
 
STLCC 2017 Support for speculative thinking reflecting on a creative collabor...
STLCC 2017 Support for speculative thinking reflecting on a creative collabor...STLCC 2017 Support for speculative thinking reflecting on a creative collabor...
STLCC 2017 Support for speculative thinking reflecting on a creative collabor...
 
The light on the face - Alberto Barreiro
The light on the face - Alberto BarreiroThe light on the face - Alberto Barreiro
The light on the face - Alberto Barreiro
 
Design in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction designDesign in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction design
 
THINGS Agency, The Company Profile
THINGS Agency, The Company ProfileTHINGS Agency, The Company Profile
THINGS Agency, The Company Profile
 
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...Ui is Communication: How to design intuitive, user-centered interfaces by foc...
Ui is Communication: How to design intuitive, user-centered interfaces by foc...
 

Mehr von Dave Malouf

Mehr von Dave Malouf (20)

Design Operations
Design OperationsDesign Operations
Design Operations
 
Amplify: Design Operation's Core Mission to Amplify the Value of Design Practice
Amplify: Design Operation's Core Mission to Amplify the Value of Design PracticeAmplify: Design Operation's Core Mission to Amplify the Value of Design Practice
Amplify: Design Operation's Core Mission to Amplify the Value of Design Practice
 
Valuing Design & DesignOps Practice
Valuing Design & DesignOps PracticeValuing Design & DesignOps Practice
Valuing Design & DesignOps Practice
 
Measuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps PracticeMeasuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps Practice
 
Design Operations
Design OperationsDesign Operations
Design Operations
 
Observation As Craft
Observation As CraftObservation As Craft
Observation As Craft
 
Design Operations mural - 8 mar 2017
Design Operations   mural - 8 mar 2017Design Operations   mural - 8 mar 2017
Design Operations mural - 8 mar 2017
 
Climbing Strategy Mountain
Climbing Strategy MountainClimbing Strategy Mountain
Climbing Strategy Mountain
 
Enterprise UX: What, How & Why in 20 short minutes
Enterprise UX: What, How & Why in 20 short minutesEnterprise UX: What, How & Why in 20 short minutes
Enterprise UX: What, How & Why in 20 short minutes
 
Storytelling and Interaction Design - From Business to Buttons
Storytelling and Interaction Design - From Business to ButtonsStorytelling and Interaction Design - From Business to Buttons
Storytelling and Interaction Design - From Business to Buttons
 
Interaction Design as the Language of Story
Interaction Design as the Language of StoryInteraction Design as the Language of Story
Interaction Design as the Language of Story
 
Serendipity by Design - IxD S. America 13
Serendipity by Design - IxD S. America 13Serendipity by Design - IxD S. America 13
Serendipity by Design - IxD S. America 13
 
Interaction Design Resources
Interaction Design ResourcesInteraction Design Resources
Interaction Design Resources
 
Remix South: Advanced Interaction Design
Remix South: Advanced Interaction DesignRemix South: Advanced Interaction Design
Remix South: Advanced Interaction Design
 
The Craft of Observation
The Craft of ObservationThe Craft of Observation
The Craft of Observation
 
Make Your Users Boogie
Make Your Users BoogieMake Your Users Boogie
Make Your Users Boogie
 
What you missed when you skipped design school
What you missed when you skipped design schoolWhat you missed when you skipped design school
What you missed when you skipped design school
 
Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.Anyone can be a ux designer: Not everyone IS one.
Anyone can be a ux designer: Not everyone IS one.
 
Move that thang
Move that thangMove that thang
Move that thang
 
Education for Design For Life
Education for Design For LifeEducation for Design For Life
Education for Design For Life
 

Kürzlich hochgeladen

infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
suhanimunjal27
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
shivubhavv
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
anilsa9823
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
jeswinjees
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
amedia6
 

Kürzlich hochgeladen (20)

infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
 

Interaction 09 Introduction to Interaction Design

  • 1. Introduction to Interaction Design Interaction 09 | Vancouver Dave Malouf Professor of Interaction Design Savannah College of Art & Design
  • 2.
  • 3.
  • 4.
  • 5. SETTING THE SCENE Interaction 09 | Vancouver Introduction to Interaction Design
  • 6.
  • 7.
  • 8. The Elements of User Experience Interaction 09 | Vancouver Introduction to Interaction Design
  • 9. Dan Saffer’s look Interaction 09 | Vancouver Introduction to Interaction Design
  • 10. Challis Hodge – Breaking down Experience Design Interaction 09 | Vancouver Introduction to Interaction Design
  • 11. Hodge again – now on role relationships Interaction 09 | Vancouver Introduction to Interaction Design
  • 12. Nathan Shedroff - What do we do? Interaction 09 | Vancouver Introduction to Interaction Design
  • 13.
  • 14.
  • 15. Adam Interaction 09 | Vancouver Introduction to Interaction Design
  • 16. Olivia Interaction 09 | Vancouver Introduction to Interaction Design
  • 17. Robert Interaction 09 | Vancouver Introduction to Interaction Design
  • 18. Kyle Interaction 09 | Vancouver Introduction to Interaction Design
  • 19. Marcus Interaction 09 | Vancouver Introduction to Interaction Design
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33. LET’S DEFINE IT FOR REAL Interaction 09 | Vancouver Introduction to Interaction Design
  • 34. A terse definition Interaction 09 | Vancouver Introduction to Interaction Design
  • 35.
  • 36.
  • 37. A great perspective … Interaction 09 | Vancouver Introduction to Interaction Design Bill Verplank http://billverplank.com/Lecture/
  • 38.
  • 39. The lab & The data Interaction 09 | Vancouver Introduction to Interaction Design
  • 40. Beauty for beauty's sake Interaction 09 | Vancouver Introduction to Interaction Design
  • 41. Can't we all just get a long? Salvador is a Interaction 09 | Vancouver Introduction to Interaction Design
  • 42.
  • 43. The Designer's Path Bill Buxton's Sketching UX
  • 47. There is an aesthetic to interaction More on THIS later (I hope)
  • 48. HOW DID WE GET HERE? Interaction 09 | Vancouver Introduction to Interaction Design
  • 49.
  • 50. If only it stayed that simple? Interaction 09 | Vancouver Introduction to Interaction Design
  • 51. Eco-systems Interaction 09 | Vancouver Introduction to Interaction Design
  • 52. Social Interactions Interaction 09 | Vancouver Introduction to Interaction Design
  • 53. Open Data – The “unproduct” Interaction 09 | Vancouver Introduction to Interaction Design
  • 54. Gestures Interaction 09 | Vancouver Introduction to Interaction Design
  • 55. Ambient & Ubiquitous & Passive Bio-feedback Interaction 09 | Vancouver Introduction to Interaction Design
  • 56.
  • 57. Marc Rettig’s – goals of the process Interaction 09 | Vancouver Introduction to Interaction Design Marc Rettig – http://fitassociates.com/
  • 58.
  • 59. Human Factors Interaction 09 | Vancouver Introduction to Interaction Design
  • 60. Human Computer Interaction Interaction 09 | Vancouver Introduction to Interaction Design
  • 61. Usability Evaluation Interaction 09 | Vancouver Introduction to Interaction Design
  • 62.
  • 63.
  • 64.
  • 65. Web 2.0 + iPod increase the need and expectation for IxD Interaction 09 | Vancouver Introduction to Interaction Design
  • 66. Bringing it all together Interaction 09 | Vancouver Introduction to Interaction Design
  • 67.
  • 68. QUESTIONS? COMMENTS? THOUGHTS? INSIGHTS? Interaction 09 | Vancouver Introduction to Interaction Design
  • 69. WELCOME BACK! Interaction 09 | Vancouver Introduction to Interaction Design
  • 70. DOING INTERACTION DESIGN Interaction 09 | Vancouver Introduction to Interaction Design
  • 71.
  • 72. What’s a sketch Interaction 09 | Vancouver Introduction to Interaction Design Taken from the notes of J. Spool on BrainSparks Blog of a talk given by Bill Buxton to Boston-SIGCHI. http://www.uie.com/brainsparks/2006/11/16/buxton-on-sketching-and-experience-design/ Sketch Prototype Invitation Attendance Suggestion Description Question Answer Propose Test Destructive Constructive
  • 73. What is a sketch? (Pt. 2) Interaction 09 | Vancouver Introduction to Interaction Design What do you see here? Rapid & Rough Disposable Multiplicity Associative (not serial) Communicate CONCEPTS
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79. Tell Example Interaction 09 | Vancouver Introduction to Interaction Design By Scott McCloud for Google Chrome http://www.google.com/googlebooks/chrome/
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85. Framing Example Interaction 09 | Vancouver Introduction to Interaction Design
  • 86.
  • 87.
  • 88.
  • 89.
  • 90. Refine Example Interaction 09 | Vancouver Introduction to Interaction Design
  • 91. RESEARCH ANYONE? Interaction 09 | Vancouver Introduction to Interaction Design
  • 92.
  • 93.
  • 94.
  • 95. FOUNDATION Interaction 09 | Vancouver Introduction to Interaction Design
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103.
  • 104.
  • 105.
  • 106.
  • 107.
  • 108.
  • 109.
  • 110.
  • 111.
  • 112. What you are comfortable with Interaction 09 | Vancouver Introduction to Interaction Design
  • 113. Don’t be afraid to try things Interaction 09 | Vancouver Introduction to Interaction Design
  • 114. But you have to pick something Interaction 09 | Vancouver Introduction to Interaction Design
  • 115.
  • 116.
  • 117.
  • 118.
  • 119.
  • 120. Questions??? David Malouf Interaction Design Savannah College of Art & Design http://davemalouf.com/ http://scad.edu/industrial_design http://twitter.com/daveixd http://iact.in/ (Students @ SCAD; coming soon) Interaction 09 | Vancouver Introduction to Interaction Design