Interaction Design by Bill Verplank
interesting visualization of networks all around us
Resources
Class Website and info
http://sfsuid.tumblr.com/
Contacting your instructor
The best way to reach me is the ask me anything link on the class site
Let me know if you will be late or missing class or if you have a question.
Books + web resources
Laws of Simplicity - John Maeda
Designing Interactions -
Designing Social Interfaces - Erin Malone & Christian Crumlish
Contextual Design - Karen Holzblatt
Designing Gestural Interfaces - Dan Saffer
Elements of User Experience - Jesse James Garret
Design of Everyday Things - Don Norman
Things That Make Us Smart - Don Norman
Universal Principles of Design - William Lidwell
About Face - Alan Cooper
Cool stuff:
101 Things I Learned in Architecture School - Matthew Frederick
Design Yourself - Karim Rashid
Emotional Design - Don Norman
Inspiration/Resources:
http://www.moma.org/interactives/exhibitions/2008/elasticmind/
http://wireframes.tumblr.com/
http://www.smashingmagazine.com/
http://www.ted.com/
http://www.behance.net/
http://the99percent.com/
http://www.ixda.org/
Class Syllabus
01 Introduction to Interaction Design and selection of class project
Activities
Intro by instructor
Quick Design Thinking exercise
What is an ID? History of ID, Inputs/Outputs, flavors of ID
Break
Overview of class wiki, ID resources
Deliverables for Next Class
• Initial Project Proposal
02 High-level Design: Mental models, conceptual design
Activities
• About Mental Models and Interaction Design by instructor
• Brainstorm exercise for project ideation
• Project proposal
• Creating site maps or Parti Diagrams
• Creating low-fidelity Prototypes
Deliverables for Next Class
• Early Prototype for testing
03 Design Research & Prototyping
Activities
• Conducting early user research
• Contextual Design
Deliverables for Next Class
• Early Prototype for testing
04 Information Design/Inputs/Outputs and Task Flows
Activities
• Creating site maps or Parti Diagrams
• Wireframes and resources
Deliverables for Next Class
• Draft WIreframes and Flows
• Medium Fidelity Prototype
05 Details & Documentation
Activities
• Review/Critique of Flows
• Review/Critique of Medium Fidelity Prototype
• Ways to package your design
Deliverables for Next Class
• Final Presentation
06 Final Presentation & Next Wave Interaction Design