SlideShare ist ein Scribd-Unternehmen logo
1 von 69
Interaction
   Design Master
   Studio




     Dave Malouf         @daveixd
Friday, October 19, 12
Friday, October 19, 12
Dave Malouf
  @daveixd
  http://davemalouf.com
Friday, October 19, 12
Peer Loft:
  @peerloft
  Amplifying Creativity



                          TM




Friday, October 19, 12
Dave Malouf Design
  Helping organizations integrate holistic design for rapid
  and smarter creativity.
Friday, October 19, 12
Who are you?
Friday, October 19, 12
What you are in for:


                • Lots of theory
                • Lots of opportunities to apply that theory
                • Hopefully some interesting discussion




Friday, October 19, 12
This is Interaction Design
Friday, October 19, 12
Defining Interaction Design
            The engineer’s perspective




              Bill
              Verplank




                         http://www.ixda.org/resources/bill-verplank-opening-
                         keynote
Friday, October 19, 12
Exercise 1
          How many unique
          actions can you get out
          of a single button?
          • Either sketch them out, or
          • Write them

          5 minutes




Friday, October 19, 12
Exercise 1a

          Try now with a handle


          5 minutes




Friday, October 19, 12
Dialog
          Product Behavior
          Your Reaction
          Product Behavior




Friday, October 19, 12
Soulless
          Goalless
          But the beginning
          a story




Friday, October 19, 12
Leads to theatre
          Actors & Audience
          Aesthetic & emotional considerations
Friday, October 19, 12
Computers
          as Theatre
          Brenda Laurel




Friday, October 19, 12
Dialog
          Activity
          Emotion




Friday, October 19, 12
Exercise 2

          Write a script of using
          an IM application.
          •
                App Speech like
                human
          •
                Add Setting, stage
                direction & emotion.




Friday, October 19, 12
Improvisation
          It’s a Jazz Thing!




Friday, October 19, 12
Defining Interaction Design
            The philosopher’s perspective


                         “To design the environments
                         where interactions take place.”

              Richard    “[To design] how people relate
              Buchanan   to other people through the
                         mediating influence of
                         product(s).”


                         http://www.ixda.org/resources/richard-buchanan-
                         keynote
Friday, October 19, 12
Exercise 2
          • How many different
                activities can you think
                of to do on a chair?
          • How would you
                change the design of
                the chair based on
                those activities.


          10 Minutes



Friday, October 19, 12
Foundations
          What are foundations?
          What are they good for?
          What are they for Interaction Design?




Friday, October 19, 12
What are foundations


                Simply put the principles that allow for both a
                critical analysis and a platform of studio
                education...


                ... blah blah blah




Friday, October 19, 12
Why have foundations?
             • Creates a solid base of core theories and crafts
                   - These can transcend all design disciplines
                         ๏ Art History/Criticism
                         ๏ Color
                         ๏ 2D Design


             • Goal is to give broad understanding of theory,
                   and opportunity to focus on craft before diving
                   deeper into a chosen discipline.




Friday, October 19, 12
Let’s look at another
          discipline

          • There are 6 elements that every 3D designer
                needs to know:
                 •       Line
                 •       Plane (surface)
                 •       Volume (space & form)
                 •       Value (Light & Dark)
                 •       Texture
                 •       Color




Friday, October 19, 12
There is also a
          progression
             • In 3D design you can’t      • Primitives include
               just jump right in           -   Rectilinear Volumes
                                            -   Curvilinear Volumes
             • “Primitives” must be         -   Rectilinear & Curvilinear
               mastered,                    -   Fragments
                  and in mastering these    -   Planar constructions
                  you master craft
                                            -   Lines in Space
                                            -   Advanced Studies in
                                                Form
                                                ๏   Construction
                                                ๏   Convexity
                                                ๏   Concavity
                                            • Studies in Space


Friday, October 19, 12
Elements of Design: Roweena Reed Kostellow and the Structure of Visual Relationships by Gail Greet Hannah




          Language for Criticism
          Aesthetic criticism ...
          Not quantitative evaluation
Friday, October 19, 12
Foundations of
          Interaction Design
          • Time
          • Metaphor
          • Abstraction
          • Motion & Movement
          • Negativity (related to “negative [or white]
                space”)
          Article w/ links to previous written work on Foundations of IxD:
          http://johnnyholland.org/2009/03/09/foundations-of-interaction-design-interaction-09-
          reprise/

          Video of my presentation on the Foundations of Interaction Design @ Interaction 09 |
          Vancouver
          http://vimeo.com/4500315




Friday, October 19, 12
Time
          It has many sub-elements

          • Duration
          • Frequency
          • Rhythm
          • Delay




                                Photo credit: Adam Browdowski


Friday, October 19, 12
Exercise

          Design a chair now in
          different ways
          thinking about
          different elements of
          time


          5 minutes




Friday, October 19, 12
Abstraction
          • Level of directness
                or interaction
                - Command Line
                - Voice Command
                - Mouse - Point/Click
                - Stylus - Tap/Click
                - Finger - Tap click
          • Movement equals
                same direction
                response




Friday, October 19, 12
Another
          example
          iPod Click-wheel




Friday, October 19, 12
Direct
          Manipulation




Friday, October 19, 12
Is this more or less?
          Leap Motion
          http://youtu.be/_d6KuiuteIA


Friday, October 19, 12
Metaphors
          “Everything in
          computers is a
          metaphor”
          - Dan Saffer, IA Summit 2005

          • Trash can / recycle bin
          • Disk
          • File / folder
          • Shopping
          • Even Computer



Friday, October 19, 12
A cigar by
          any other
          name
          Analogy helps
          expand
          understanding and
          communicate
          meaning



Friday, October 19, 12
Skeumorph
          Not always
          metaphor,
          And not bad.




Friday, October 19, 12
Movement (motion)
          • Pleasing
                movements
          • Craft of motion
          • Intuitive gestures




Friday, October 19, 12
Pull to spring
          Causes list to check for additions.

Friday, October 19, 12
Exercise
          Time Management
          • Posture: Transient
          • Metaphor: Clock/
                Calendar
          • Abstraction: Direct
          • Movements: Choppy

          15 min


Friday, October 19, 12
Questions?
          Comments?



Friday, October 19, 12
Know your media
          We have many and they are unconventional


Friday, October 19, 12
Pixels
          Composition
          Layout
          Type
          Negative Space



Friday, October 19, 12
Servos
          Actuators
          Sensors
          LEDs are good
          too!




Friday, October 19, 12
keyboard
          mouse
          trackpad
          touchscreen
          remote control
          game controller
          no controller




Friday, October 19, 12
Language
          metaphor
          frames
          poetics
          rhetoric
          narrative



Friday, October 19, 12
People
          cognition
          behavior
          culture




Friday, October 19, 12
Tinkering
          Nearness by Touch & BERG
          https://vimeo.com/6588461

Friday, October 19, 12
Exercise
          Time Management
          • Change your media
          • Change your actors
          • New materials
          TINKER


          15 min



Friday, October 19, 12
Would you like some ...
          We will have our personal information
          everywhere
Friday, October 19, 12
What’s needed?
          What’s there?

          • Bandwidth
          • Platforms
          • Operators
          • Hardware




Friday, October 19, 12
Is this our future?
          Glass everywhere?
          http://youtu.be/6Cf7IL_eZ38


Friday, October 19, 12
It’s a services world


          • Intangible
          • Not consumed
          • People + Products




Friday, October 19, 12
What do we have today?

Friday, October 19, 12
Paths tell our stories
          Constantly changing micro contexts

Friday, October 19, 12
Improvisation
          Back to Jazz

Friday, October 19, 12
Prototype
          Gotta experience
          it to make it all
          work.




Friday, October 19, 12
Journey Maps
          are our new sitemaps

Friday, October 19, 12
Exercise
          Time Management
          • What changes if this
                is a service instead
                of an application?
          • Create a journey
                map expressing this
                change


          15 min


Friday, October 19, 12
Tools
          And places to put
          them.




Friday, October 19, 12
My Secret
          Recipe
          Here it goes!




Friday, October 19, 12
My physical tool kit
          • dotted notebook              • Posterpaper/pads
          • fine point pen               • Digital Camera
          • Whiteboard                   • Video Camera
                http://whiteyboard.com
                                         • Lighting Set
          • Sticky notes
                                         • Big open space
          • Cardboard box
                                         • People
          • Construction paper
                                         • iPad (or any tablet)
          • Stick glue                    Stylus optional
          • Sharpies

Friday, October 19, 12
My software tool kit
          •     Adobe Ideas            • Comic Life
          •     Adobe Proto            • iPhoto
          •     Adobe Collage          • iMovie
          •     Adobe Fireworks        • Garageband
          •     Adobe Dreamweaver      • iA Writer
          •     Omnigraffle or Axure   • Keynote
          •     Adobe Edge             • Keynotopia/Keynote
                (Code & Animate)        Kung Fu
          • Adobe Story


Friday, October 19, 12
Structure of Story

Friday, October 19, 12
Comics
          are our new sitemaps

Friday, October 19, 12
Stories help by

          • Situating the
                context
          • Humanizing
                personas
          • Designing against
                scenarios




Friday, October 19, 12
One of my fave examples
          Commuter Buddy
          https://vimeo.com/3056252


Friday, October 19, 12
Exercise

          Time Management
          Tell me a compelling
          story.
          Yes, I expect a guitar score in the
          background.



          30 min




Friday, October 19, 12
Questions? Comments?




Friday, October 19, 12
Dave Malouf
             @daveixd
             G+ dave.ixd
             Dave Malouf Design
             Peer Loft - @peerloft

Friday, October 19, 12

Weitere ähnliche Inhalte

Was ist angesagt?

Making for Educators: McDonogh School Presentation
Making for Educators: McDonogh School PresentationMaking for Educators: McDonogh School Presentation
Making for Educators: McDonogh School Presentationjonathandhf
 
Designing Structure: Interaction Design
Designing Structure: Interaction DesignDesigning Structure: Interaction Design
Designing Structure: Interaction DesignChristina Wodtke
 
Fanfare For The Common Brand
Fanfare For The Common BrandFanfare For The Common Brand
Fanfare For The Common BrandJohn V Willshire
 
Mary Stokrocki
Mary StokrockiMary Stokrocki
Mary StokrockiLilly Lu
 
Makerfaire NYC RepRap presentation
Makerfaire NYC RepRap presentationMakerfaire NYC RepRap presentation
Makerfaire NYC RepRap presentationJosef Průša
 
Interactive Deisgn Promotional Campaign PR #2 Powerpoint
Interactive Deisgn Promotional Campaign PR #2 PowerpointInteractive Deisgn Promotional Campaign PR #2 Powerpoint
Interactive Deisgn Promotional Campaign PR #2 Powerpointbdhickson
 
Insights 2015 - Adaption, Agility and Change from Michalangelo to Google - Pa...
Insights 2015 - Adaption, Agility and Change from Michalangelo to Google - Pa...Insights 2015 - Adaption, Agility and Change from Michalangelo to Google - Pa...
Insights 2015 - Adaption, Agility and Change from Michalangelo to Google - Pa...Windham Brannon
 

Was ist angesagt? (10)

Making for Educators: McDonogh School Presentation
Making for Educators: McDonogh School PresentationMaking for Educators: McDonogh School Presentation
Making for Educators: McDonogh School Presentation
 
Designing Structure: Interaction Design
Designing Structure: Interaction DesignDesigning Structure: Interaction Design
Designing Structure: Interaction Design
 
Synectics & Creativity Ted Kahn
Synectics & Creativity Ted KahnSynectics & Creativity Ted Kahn
Synectics & Creativity Ted Kahn
 
Fanfare For The Common Brand
Fanfare For The Common BrandFanfare For The Common Brand
Fanfare For The Common Brand
 
Design All The Things
Design All The ThingsDesign All The Things
Design All The Things
 
Mary Stokrocki
Mary StokrockiMary Stokrocki
Mary Stokrocki
 
Makerfaire NYC RepRap presentation
Makerfaire NYC RepRap presentationMakerfaire NYC RepRap presentation
Makerfaire NYC RepRap presentation
 
Interactive Deisgn Promotional Campaign PR #2 Powerpoint
Interactive Deisgn Promotional Campaign PR #2 PowerpointInteractive Deisgn Promotional Campaign PR #2 Powerpoint
Interactive Deisgn Promotional Campaign PR #2 Powerpoint
 
Insights 2015 - Adaption, Agility and Change from Michalangelo to Google - Pa...
Insights 2015 - Adaption, Agility and Change from Michalangelo to Google - Pa...Insights 2015 - Adaption, Agility and Change from Michalangelo to Google - Pa...
Insights 2015 - Adaption, Agility and Change from Michalangelo to Google - Pa...
 
The Art of the Business Model
The Art of the Business ModelThe Art of the Business Model
The Art of the Business Model
 

Ähnlich wie Remix South: Advanced Interaction Design

Kickstart Your UX Design - From Concept To Prototype
Kickstart Your UX Design - From Concept To PrototypeKickstart Your UX Design - From Concept To Prototype
Kickstart Your UX Design - From Concept To PrototypePreston McCauley
 
Josh Brewer, Twitter, Warm Gun 2012
Josh Brewer, Twitter, Warm Gun 2012Josh Brewer, Twitter, Warm Gun 2012
Josh Brewer, Twitter, Warm Gun 2012500 Startups
 
Becoming a Real Programmer
Becoming a Real ProgrammerBecoming a Real Programmer
Becoming a Real ProgrammerJacques Woodcock
 
Things I hate to do as a designer but do anyway
Things I hate to do as a designer but do anywayThings I hate to do as a designer but do anyway
Things I hate to do as a designer but do anywayMatt Johnston
 
Project Connect: Connect and Collaborate Session A- October 1
Project Connect: Connect and Collaborate Session A- October 1Project Connect: Connect and Collaborate Session A- October 1
Project Connect: Connect and Collaborate Session A- October 1Terri Sallee
 
Django Bootstrapping with Ease
Django Bootstrapping with EaseDjango Bootstrapping with Ease
Django Bootstrapping with EaseConcentric Sky
 
Java performance: What's the big deal? - Trisha Gee
Java performance: What's the big deal? - Trisha GeeJava performance: What's the big deal? - Trisha Gee
Java performance: What's the big deal? - Trisha GeeJAX London
 
Mike Krieger, Instagram, Warm Gun 2012
Mike Krieger, Instagram, Warm Gun 2012Mike Krieger, Instagram, Warm Gun 2012
Mike Krieger, Instagram, Warm Gun 2012500 Startups
 
Community Management
Community ManagementCommunity Management
Community ManagementPaul Bradshaw
 
The Web Designers Toolkit
The Web Designers ToolkitThe Web Designers Toolkit
The Web Designers ToolkitR/GA
 
Working Abroad
Working AbroadWorking Abroad
Working Abroadjohnpryan
 
Street art presentation power point pdf
Street art presentation power point pdfStreet art presentation power point pdf
Street art presentation power point pdfkyle149758
 
Didier Hilhorst, Flipboard, Warm Gun 2012
Didier Hilhorst, Flipboard, Warm Gun 2012Didier Hilhorst, Flipboard, Warm Gun 2012
Didier Hilhorst, Flipboard, Warm Gun 2012500 Startups
 
The State of Event Fundraising
The State of Event FundraisingThe State of Event Fundraising
The State of Event FundraisingJono Smith
 
In Transition Presentation Oct 19
In Transition Presentation Oct 19In Transition Presentation Oct 19
In Transition Presentation Oct 19Robert Hunt
 

Ähnlich wie Remix South: Advanced Interaction Design (20)

Kickstart Your UX Design - From Concept To Prototype
Kickstart Your UX Design - From Concept To PrototypeKickstart Your UX Design - From Concept To Prototype
Kickstart Your UX Design - From Concept To Prototype
 
Josh Brewer, Twitter, Warm Gun 2012
Josh Brewer, Twitter, Warm Gun 2012Josh Brewer, Twitter, Warm Gun 2012
Josh Brewer, Twitter, Warm Gun 2012
 
Becoming a Real Programmer
Becoming a Real ProgrammerBecoming a Real Programmer
Becoming a Real Programmer
 
Café Numérique 05-12-12
Café Numérique 05-12-12Café Numérique 05-12-12
Café Numérique 05-12-12
 
Things I hate to do as a designer but do anyway
Things I hate to do as a designer but do anywayThings I hate to do as a designer but do anyway
Things I hate to do as a designer but do anyway
 
ACR 2009 Doctoral Consortium Plenary
ACR 2009 Doctoral Consortium PlenaryACR 2009 Doctoral Consortium Plenary
ACR 2009 Doctoral Consortium Plenary
 
121015INTRODUCTION
121015INTRODUCTION121015INTRODUCTION
121015INTRODUCTION
 
Pagetypes
PagetypesPagetypes
Pagetypes
 
Project Connect: Connect and Collaborate Session A- October 1
Project Connect: Connect and Collaborate Session A- October 1Project Connect: Connect and Collaborate Session A- October 1
Project Connect: Connect and Collaborate Session A- October 1
 
Django Bootstrapping with Ease
Django Bootstrapping with EaseDjango Bootstrapping with Ease
Django Bootstrapping with Ease
 
Java performance: What's the big deal? - Trisha Gee
Java performance: What's the big deal? - Trisha GeeJava performance: What's the big deal? - Trisha Gee
Java performance: What's the big deal? - Trisha Gee
 
Mike Krieger, Instagram, Warm Gun 2012
Mike Krieger, Instagram, Warm Gun 2012Mike Krieger, Instagram, Warm Gun 2012
Mike Krieger, Instagram, Warm Gun 2012
 
Community Management
Community ManagementCommunity Management
Community Management
 
The Web Designers Toolkit
The Web Designers ToolkitThe Web Designers Toolkit
The Web Designers Toolkit
 
Working Abroad
Working AbroadWorking Abroad
Working Abroad
 
Street art presentation power point pdf
Street art presentation power point pdfStreet art presentation power point pdf
Street art presentation power point pdf
 
Didier Hilhorst, Flipboard, Warm Gun 2012
Didier Hilhorst, Flipboard, Warm Gun 2012Didier Hilhorst, Flipboard, Warm Gun 2012
Didier Hilhorst, Flipboard, Warm Gun 2012
 
The State of Event Fundraising
The State of Event FundraisingThe State of Event Fundraising
The State of Event Fundraising
 
In Transition Presentation Oct 19
In Transition Presentation Oct 19In Transition Presentation Oct 19
In Transition Presentation Oct 19
 
How to handle a job transition
How to handle a job transitionHow to handle a job transition
How to handle a job transition
 

Mehr von Dave Malouf

Design Operations
Design OperationsDesign Operations
Design OperationsDave Malouf
 
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 PracticeDave Malouf
 
Valuing Design & DesignOps Practice
Valuing Design & DesignOps PracticeValuing Design & DesignOps Practice
Valuing Design & DesignOps PracticeDave Malouf
 
Measuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps PracticeMeasuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps PracticeDave Malouf
 
Design Operations
Design OperationsDesign Operations
Design OperationsDave Malouf
 
Observation As Craft
Observation As CraftObservation As Craft
Observation As CraftDave Malouf
 
Design Operations mural - 8 mar 2017
Design Operations   mural - 8 mar 2017Design Operations   mural - 8 mar 2017
Design Operations mural - 8 mar 2017Dave Malouf
 
Climbing Strategy Mountain
Climbing Strategy MountainClimbing Strategy Mountain
Climbing Strategy MountainDave Malouf
 
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 minutesDave Malouf
 
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 ButtonsDave Malouf
 
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 StoryDave Malouf
 
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 13Dave Malouf
 
Interaction Design Resources
Interaction Design ResourcesInteraction Design Resources
Interaction Design ResourcesDave Malouf
 
The Craft of Observation
The Craft of ObservationThe Craft of Observation
The Craft of ObservationDave Malouf
 
Make Your Users Boogie
Make Your Users BoogieMake Your Users Boogie
Make Your Users BoogieDave Malouf
 
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 schoolDave Malouf
 
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.Dave Malouf
 
Education for Design For Life
Education for Design For LifeEducation for Design For Life
Education for Design For LifeDave Malouf
 
Refresh Savannah, People
Refresh Savannah, PeopleRefresh Savannah, People
Refresh Savannah, PeopleDave 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
 
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
 
Refresh Savannah, People
Refresh Savannah, PeopleRefresh Savannah, People
Refresh Savannah, People
 

Kürzlich hochgeladen

The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 

Kürzlich hochgeladen (20)

The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 

Remix South: Advanced Interaction Design

  • 1. Interaction Design Master Studio Dave Malouf @daveixd Friday, October 19, 12
  • 3. Dave Malouf @daveixd http://davemalouf.com Friday, October 19, 12
  • 4. Peer Loft: @peerloft Amplifying Creativity TM Friday, October 19, 12
  • 5. Dave Malouf Design Helping organizations integrate holistic design for rapid and smarter creativity. Friday, October 19, 12
  • 6. Who are you? Friday, October 19, 12
  • 7. What you are in for: • Lots of theory • Lots of opportunities to apply that theory • Hopefully some interesting discussion Friday, October 19, 12
  • 8. This is Interaction Design Friday, October 19, 12
  • 9. Defining Interaction Design The engineer’s perspective Bill Verplank http://www.ixda.org/resources/bill-verplank-opening- keynote Friday, October 19, 12
  • 10. Exercise 1 How many unique actions can you get out of a single button? • Either sketch them out, or • Write them 5 minutes Friday, October 19, 12
  • 11. Exercise 1a Try now with a handle 5 minutes Friday, October 19, 12
  • 12. Dialog Product Behavior Your Reaction Product Behavior Friday, October 19, 12
  • 13. Soulless Goalless But the beginning a story Friday, October 19, 12
  • 14. Leads to theatre Actors & Audience Aesthetic & emotional considerations Friday, October 19, 12
  • 15. Computers as Theatre Brenda Laurel Friday, October 19, 12
  • 16. Dialog Activity Emotion Friday, October 19, 12
  • 17. Exercise 2 Write a script of using an IM application. • App Speech like human • Add Setting, stage direction & emotion. Friday, October 19, 12
  • 18. Improvisation It’s a Jazz Thing! Friday, October 19, 12
  • 19. Defining Interaction Design The philosopher’s perspective “To design the environments where interactions take place.” Richard “[To design] how people relate Buchanan to other people through the mediating influence of product(s).” http://www.ixda.org/resources/richard-buchanan- keynote Friday, October 19, 12
  • 20. Exercise 2 • How many different activities can you think of to do on a chair? • How would you change the design of the chair based on those activities. 10 Minutes Friday, October 19, 12
  • 21. Foundations What are foundations? What are they good for? What are they for Interaction Design? Friday, October 19, 12
  • 22. What are foundations Simply put the principles that allow for both a critical analysis and a platform of studio education... ... blah blah blah Friday, October 19, 12
  • 23. Why have foundations? • Creates a solid base of core theories and crafts - These can transcend all design disciplines ๏ Art History/Criticism ๏ Color ๏ 2D Design • Goal is to give broad understanding of theory, and opportunity to focus on craft before diving deeper into a chosen discipline. Friday, October 19, 12
  • 24. Let’s look at another discipline • There are 6 elements that every 3D designer needs to know: • Line • Plane (surface) • Volume (space & form) • Value (Light & Dark) • Texture • Color Friday, October 19, 12
  • 25. There is also a progression • In 3D design you can’t • Primitives include just jump right in - Rectilinear Volumes - Curvilinear Volumes • “Primitives” must be - Rectilinear & Curvilinear mastered, - Fragments and in mastering these - Planar constructions you master craft - Lines in Space - Advanced Studies in Form ๏ Construction ๏ Convexity ๏ Concavity • Studies in Space Friday, October 19, 12
  • 26. Elements of Design: Roweena Reed Kostellow and the Structure of Visual Relationships by Gail Greet Hannah Language for Criticism Aesthetic criticism ... Not quantitative evaluation Friday, October 19, 12
  • 27. Foundations of Interaction Design • Time • Metaphor • Abstraction • Motion & Movement • Negativity (related to “negative [or white] space”) Article w/ links to previous written work on Foundations of IxD: http://johnnyholland.org/2009/03/09/foundations-of-interaction-design-interaction-09- reprise/ Video of my presentation on the Foundations of Interaction Design @ Interaction 09 | Vancouver http://vimeo.com/4500315 Friday, October 19, 12
  • 28. Time It has many sub-elements • Duration • Frequency • Rhythm • Delay Photo credit: Adam Browdowski Friday, October 19, 12
  • 29. Exercise Design a chair now in different ways thinking about different elements of time 5 minutes Friday, October 19, 12
  • 30. Abstraction • Level of directness or interaction - Command Line - Voice Command - Mouse - Point/Click - Stylus - Tap/Click - Finger - Tap click • Movement equals same direction response Friday, October 19, 12
  • 31. Another example iPod Click-wheel Friday, October 19, 12
  • 32. Direct Manipulation Friday, October 19, 12
  • 33. Is this more or less? Leap Motion http://youtu.be/_d6KuiuteIA Friday, October 19, 12
  • 34. Metaphors “Everything in computers is a metaphor” - Dan Saffer, IA Summit 2005 • Trash can / recycle bin • Disk • File / folder • Shopping • Even Computer Friday, October 19, 12
  • 35. A cigar by any other name Analogy helps expand understanding and communicate meaning Friday, October 19, 12
  • 36. Skeumorph Not always metaphor, And not bad. Friday, October 19, 12
  • 37. Movement (motion) • Pleasing movements • Craft of motion • Intuitive gestures Friday, October 19, 12
  • 38. Pull to spring Causes list to check for additions. Friday, October 19, 12
  • 39. Exercise Time Management • Posture: Transient • Metaphor: Clock/ Calendar • Abstraction: Direct • Movements: Choppy 15 min Friday, October 19, 12
  • 40. Questions? Comments? Friday, October 19, 12
  • 41. Know your media We have many and they are unconventional Friday, October 19, 12
  • 42. Pixels Composition Layout Type Negative Space Friday, October 19, 12
  • 43. Servos Actuators Sensors LEDs are good too! Friday, October 19, 12
  • 44. keyboard mouse trackpad touchscreen remote control game controller no controller Friday, October 19, 12
  • 45. Language metaphor frames poetics rhetoric narrative Friday, October 19, 12
  • 46. People cognition behavior culture Friday, October 19, 12
  • 47. Tinkering Nearness by Touch & BERG https://vimeo.com/6588461 Friday, October 19, 12
  • 48. Exercise Time Management • Change your media • Change your actors • New materials TINKER 15 min Friday, October 19, 12
  • 49. Would you like some ... We will have our personal information everywhere Friday, October 19, 12
  • 50. What’s needed? What’s there? • Bandwidth • Platforms • Operators • Hardware Friday, October 19, 12
  • 51. Is this our future? Glass everywhere? http://youtu.be/6Cf7IL_eZ38 Friday, October 19, 12
  • 52. It’s a services world • Intangible • Not consumed • People + Products Friday, October 19, 12
  • 53. What do we have today? Friday, October 19, 12
  • 54. Paths tell our stories Constantly changing micro contexts Friday, October 19, 12
  • 55. Improvisation Back to Jazz Friday, October 19, 12
  • 56. Prototype Gotta experience it to make it all work. Friday, October 19, 12
  • 57. Journey Maps are our new sitemaps Friday, October 19, 12
  • 58. Exercise Time Management • What changes if this is a service instead of an application? • Create a journey map expressing this change 15 min Friday, October 19, 12
  • 59. Tools And places to put them. Friday, October 19, 12
  • 60. My Secret Recipe Here it goes! Friday, October 19, 12
  • 61. My physical tool kit • dotted notebook • Posterpaper/pads • fine point pen • Digital Camera • Whiteboard • Video Camera http://whiteyboard.com • Lighting Set • Sticky notes • Big open space • Cardboard box • People • Construction paper • iPad (or any tablet) • Stick glue Stylus optional • Sharpies Friday, October 19, 12
  • 62. My software tool kit • Adobe Ideas • Comic Life • Adobe Proto • iPhoto • Adobe Collage • iMovie • Adobe Fireworks • Garageband • Adobe Dreamweaver • iA Writer • Omnigraffle or Axure • Keynote • Adobe Edge • Keynotopia/Keynote (Code & Animate) Kung Fu • Adobe Story Friday, October 19, 12
  • 63. Structure of Story Friday, October 19, 12
  • 64. Comics are our new sitemaps Friday, October 19, 12
  • 65. Stories help by • Situating the context • Humanizing personas • Designing against scenarios Friday, October 19, 12
  • 66. One of my fave examples Commuter Buddy https://vimeo.com/3056252 Friday, October 19, 12
  • 67. Exercise Time Management Tell me a compelling story. Yes, I expect a guitar score in the background. 30 min Friday, October 19, 12
  • 69. Dave Malouf @daveixd G+ dave.ixd Dave Malouf Design Peer Loft - @peerloft Friday, October 19, 12