John David N. Dionisio, PhD

CMSI 370

Interaction Design

Fall 2016

Note

This page is maintained as an archival record of the course shown above, and as such, some links on this page may no longer be valid nor accessible. They are kept here as a record of the resources that were available at the time of the course offering.

• Bazaar: Where you’ll find our sample code—I tend to update this live throughout the semester, so if you fork or clone it, make sure to pull from it periodically
• Piazza: Where we can discuss anything related to the class
• myLMU|Connect a.k.a. Blackboard: Where you can access class screengrab video links (Section 01, Section 02)
• We will use https://classroom.github.com to manage and submit assignments
• How to Ask Questions the Smart Way: Follow these tips to improve the quality and efficiency of the help that you get

Assignments

• Assignment 0906 GitHub and YouTube account setup: 40 points
• Assignment 0930 Hands-on usability study: 100 points (preview)

  Make sure that your groups and systems have been determined and finalized on this Google Sheet. The sheet is private and shared only with this class, using the same Google accounts on which the course screengrab videos are shared.

• Assignment 1020  extended to 1027  User interface component catalog entry: 100 points (note the change in workflow for this one)
• Assignment 1027  extended to 1103  Front-end development: 100 points (preview)
• Assignment 1122 Direct manipulation proof-of-concept: 100 points (preview)
• Assignment 1201  extended to 1204 23:59:59.999  Dream design vision document: 100 points (preview)
• Assignment 1216  extended to 1216 23:59:59.999  Reusable user interface component and behaviors: 100 points (preview)

Handouts/Other Content

• Interaction Design Overview
• Interaction Design Guidelines
• Interaction Design Principles
• Interaction Design Theories
• Menus, Forms, and Dialogs
• Modern Web Sites, Annotated (Prezi)
• Direct Manipulation
• Affordances
• Alan Kay’s classic interaction design talk, Doing with Images Makes Symbols, Part 1
• Doing with Images Makes Symbols, Part 2

Related External Links

These links take you to web sites beyond this server. The sites are in no particular order or bias, just as they came to mind.

• Wikipedia: A good starting point for virtually any concept lookup (emphasis on starting point)
• The Daily WTF has its share of interaction design fiascos (among others)