John David N. Dionisio, PhD

CMSI 370

Interaction Design

Fall 2013

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.

• Syllabus
• Bazaar: Where you’ll find our sample code
• https://github.com/edu is the starting point for a free-for-education private GitHub repository
• How to Ask Questions the Smart Way: Follow these tips to improve the quality and efficiency of the help that you get

Assignments

• Assignment 0903: 4d, 4e, 4f
• Assignment 0926: 1a, 1b, 1c (max |), 2a, 2b (max |), 4d, 4e, 4f (revised 2013-09-09)
• Assignment 1017: 3a, 3c, 4a, 4b, 4c, 4d, 4e, 4f (deadline revised 2013-10-08)
• Assignment 1024: 3a, 3b, 3c, 4a, 4b, 4c, 4d, 4e, 4f
• Assignment 1105: 1a, 1b, 1c, 2a, 2b, 4d, 4e, 4f (deadline revised 2013-10-29)
  • In case you pick the corresponding topic: Pfeiffer Consulting Mobile OS User Experience Shootout
  • Potential basis for comparison from scholarly literature: Influence of personality on satisfaction with mobile phone services (Oliveira et al. 2013)
• Assignment 1114: 3a, 3b, 3c, 3d, 4a, 4b, 4c, 4d, 4e, 4f
  • Touch event reference page (despite being a Safari document, the API here should still work in other multitouch-capable web browsers)
  • boxes-touch starter code
• Assignment 1126: 2b, 3a, 3b, 3c, 3d, 4a, 4b, 4c, 4d, 4e, 4f
  • arrows is a super-simple jQuery plug-in sample: jQuery-only, non-interactive (see arrowfy.js)
  • jquery-plugin-samples includes more complicated examples, with interaction and callbacks
  • How to develop jQuery plugins, straight from the source
• Assignment 1206: 1a, 1c, 2b, 4d, 4e, 4f
  • Look up “LCARS” on the web
  • Perceptive Pixel demonstration
  • PrimeSense “vision” video

Handouts/Other Content

• 0827: Interaction Design Overview
• 0903: Interaction Design Guidelines, Interaction Design Principles, and Interaction Design Theories
• 0905: Some topical side reading—How to: Organize your iPhone apps with less logic, more usability (note the equating of the efficiency usability metric with usability in general)
• 0919: A little more topical side reading—identify the concepts discussed in class that are embedded within these mainstream articles: Macworld review of iOS 7; David Pogue column from the New York Times
• 0926: Menus, Forms, and Dialogs
• 1001: Sample menu studies from the literature
  • A classic, arguably influencing us to this day: A comparison of selection time from walking and pull-down menus (Walker and Smelcer 1990)
  • Something contemporary but on traditional computing platforms: Untangling the usability of fisheye menus (Hornbæk and Hertzum 2007)
  • Newer work for mobile/multitouch devices: Two-handed marking menus for multitouch devices (Kin et al. 2011)
• 1001: Modern Web Sites, Annotated (Prezi)
• 1024: The latest in topical side reading—John Siracusa’s OS X 10.9 Mavericks: The Ars Technica Review devotes a good amount of time to interaction design issues/changes surrounding Mavericks; if you are set to take (or have taken) the Operating Systems course, there’s a good chunk of that addressed there as well. If you have not seen the word “epic” attached to the phrase “operating system review,” you will after you read this one :)
• 1029: Direct Manipulation
• 1031: Affordances
• 1203: Doing with Images Makes Symbols—Alan Kay, 1987 (Part 1, 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)