Add Me!Close Menu Navigation

Interaction Design Courses, Workshops, and Resources

Add Me!Show Navigation

Intro to Interaction Design

Meets Wednesdays 2-5, in the NETLab, room 136

This course introduces students to the fundamental issues and practices in Interaction Design. Through a series of design projects across a range of media, the course explores IxD principles, IxD design patterns, affordances of mediums and technologies, and practical approaches to building prototypes and working projects. Students in this 14-week hands-on studio course will design interactions in three main projects, working with content management systems, hand coding HTML and CSS, and building prototypes for mobile devices.

The course has three major projects:

  1. Future You – Design and build a website using a content management system (CMS)
  2. Design and build a website by hand coding HTML & CSS
  3. Design and build an interactive prototype

Course Objectives – At the end of this course, the student should be able to:

  • Build interactive projects using both hand-coded HTML/CSS and a Content Management System
  • Design websites considering Interaction Design Principles, Information Architecture, Usability, and the aesthetics and affordances of the medium
  • Prototype interactive projects using appropriate techniques including paper, video, wizard-0f-oz, and working prototype approaches
  • Apply basic concepts of programming to simple interactions
Grading and Code of Conduct
Intro to Interaction Design
Modified 2012-01-18
22

Intro to Interaction Design
Modified 2011-09-21
13

Intro to Interaction Design
Modified 2011-09-28
0

  • Discuss Readings
  • WordPress Menus
  • Intro to HTML/CSS in WordPress
  • Individual meetings to look at site maps, work on building site structure
  • Assignment: Web Type Workshop - Saturday Oct 1st, 12-4
    • Please arrive with a fresh wordpress install, using the Clean Home theme
    • Web Typography
    • HTML/CSS for Wordpress
  • Assignment: Make design comps and build your WordPress menu structure
  • Reading: Basics of Web Design
Intro to Interaction Design
Modified 2011-09-28
0

  • Present design comps
  • Desk Crits
  • Work in class
Intro to Interaction Design
Modified 2011-10-17
0

  • In-class work, desk crits
Intro to Interaction Design
Modified 2011-10-19
15

Intro to Interaction Design
Modified 2011-10-26
15

Intro to Interaction Design
Modified 2011-10-17
0

  • Work in class
Intro to Interaction Design
Modified 2011-11-09
16

Intro to Interaction Design
Modified 2011-11-16
0

Intro to Interaction Design
Modified 2011-11-22
0

Intro to Interaction Design
Modified 2011-09-06
0

  • Work in class
Intro to Interaction Design
Modified 2011-09-06
0

  • Critique: Prototype Project
Intro to Interaction Design
Modified 2011-09-06
0

  • Final Prototype Due