CMSI 370
Interaction Design
Fall 2019
- 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
- Brightspace: Where you can access class screengrab video links and check your grades (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
- Dr. Philip Dorin’s email screed: A practical companion to “How to Ask Questions the Smart Way,” appropriate not only for email but all electronic text-based communication in general
Assignments
- Assignment 0903 GitHub-YouTube account listing: 20 points
- Assignment 0919a extended to 0920 Front end design and white paper: 100 points
Setup Assignment 0919a extended to 0920
- Assignment 0919b extended to 0920 API setup/tutorial document: 80 points
Setup Assignment 0919b extended to 0920
- Assignment 1029 extended to 1114 Front-end development: 100 points
- Assignment 1114 API integration: 80 points
Setup Assignments 1029 extended to 1114 & 1114
Combined front end submission instructions
- Assignment 1205 Front-end evaluation and design vision document: 100 points
- Assignment 1213 Reusable direct manipulation user interface component: 100 points
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
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)
- ProgrammableWeb: A more specialized good starting point, this time for web service APIs of all kinds
- The Daily WTF has its share of interaction design fiascos (among others)
Tools & Libraries
Markdown Resources
- Markdown Basics
- GitHub-specific Markdown features: Mastering Markdown
“Guru” Web Sites
- The Nielsen-Norman Group: http://www.nngroup.com
- Don Norman: http://www.jnd.org
- Bruce Tognazzini: http://asktog.com
- Edward Tufte: http://www.edwardtufte.com
Published Design Guidelines and Principles
- The latest version of the one that started it all: macOS Human Interface Guidelines (8M PDF)
- Here’s an archived earlier version, circa 1995
- Better yet, try it out
- iOS Human Interface Guidelines
- Work in progress: Apple’s Augmented Reality Human Interface Guidelines
- Microsoft’s User Experience Guidelines for Windows-based Desktop Applications
- Google Material Design Guidelines
- (closely related but not identical) Android User Interface Guidelines
- Web site development guide published by the United States government (specifically, the U.S. Department of Health & Human Services)
- (not exactly guidelines but may lend some interesting insight) “Ten things we know to be true”: i.e., How to create a “Googley” user experience
Web Page Development Resources
- WebPlatform.org: The official, “stewarded” documentation site for the latest web technologies
- The Mozilla Developer Network: Lots of information here, for all levels
- HTML 5 Visual Cheat Sheet (152K PDF): A well-made one-page HTML5 reference (PDF download is somewhere on that page)
- The Worldwide Web Consortium (W3C): The ultimate authority, but may be too much for a beginner
- CSS notes from Prof. Ray Toal’s Internet technologies course
- The Safari Dev Center: Of particular note are any articles focusing on Mobile Safari on iOS devices