SlideShare a Scribd company logo
1 of 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

More Related Content

What's hot

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
 
USER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPTUSER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPT
vicci4041
 

What's hot (20)

Implementation
ImplementationImplementation
Implementation
 
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 PPT
USER INTERFACE DESIGN PPTUSER INTERFACE DESIGN PPT
USER INTERFACE DESIGN PPT
 
Types of User interface
Types of User interfaceTypes of User interface
Types of User interface
 
User Interface Prototyping Techniques: Low Fidelity Prototyping
User Interface Prototyping Techniques: Low Fidelity PrototypingUser Interface Prototyping Techniques: Low Fidelity Prototyping
User Interface Prototyping Techniques: Low Fidelity Prototyping
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3
 
What is Graphic Design?
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
 
HCI Basics
HCI BasicsHCI Basics
HCI Basics
 
HCI 3e - Ch 19: Groupware
HCI 3e - Ch 19:  GroupwareHCI 3e - Ch 19:  Groupware
HCI 3e - Ch 19: Groupware
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
 
Introduction to HCI (UCC)
Introduction to HCI (UCC)Introduction to HCI (UCC)
Introduction to HCI (UCC)
 
Mobile Design
Mobile DesignMobile Design
Mobile Design
 
Introduction to Graphic Design PDF [slideshare]
Introduction to Graphic Design PDF [slideshare]Introduction to Graphic Design PDF [slideshare]
Introduction to Graphic Design PDF [slideshare]
 
HCI - Chapter 4
HCI - Chapter 4HCI - Chapter 4
HCI - Chapter 4
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
 
Good bad design
Good bad designGood bad design
Good bad design
 
Interaction design
Interaction designInteraction design
Interaction design
 
Introduction to wireframes
Introduction to wireframesIntroduction to wireframes
Introduction to wireframes
 
Interactive design basics
Interactive design basicsInteractive design basics
Interactive design basics
 
Introduction to Human Computer Interaction
Introduction to Human Computer InteractionIntroduction to Human Computer Interaction
Introduction to Human Computer Interaction
 

Viewers also liked

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
 

Viewers also liked (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
 

Similar to 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
 

Similar to 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...
 

More from Dave Malouf

More from 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
 

Recently uploaded

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
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 
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
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
amitlee9823
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
amitlee9823
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
home
 
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
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 

Recently uploaded (20)

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...
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
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...
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
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...
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
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)
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men  🔝dharamshala🔝  ...
➥🔝 7737669865 🔝▻ dharamshala Call-girls in Women Seeking Men 🔝dharamshala🔝 ...
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
 
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...
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
 

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