CS185 - Human-Computer Interaction

Spring 2019

This home page and the CS185 Piazza forum will be used as centers of communication for the class. Homework submission will occur through the CS185 GauchoSpace. Make sure you are enrolled!

While the webpage provides you with up-to-date information about assignments and what is currently going on in class, the GauchoSpace serves as an open forum: questions, answers, suggestions, etc.

General Information

Class Hours:    Tue/Thu, 9:30-10:45am
Class Location: ARTS 1349
Instructor:     Tobias Höllerer
Office Hours:   Thu, 11am-12:30pm, or by appointment
Office:         2155 Harold Frank Hall, (805) 284 9395
e-mail:         holl@cs...

Discussion/Lab: Fri, 2:00pm-2:50pm, Phelps 3526

TA:             Yi Ding, Ehsan Sayyad
e-mail:         yding@ucsb... ehsan@mat.ucsb...
Office hours:   Ehsan: Tue, 12:30-2:00pm, TA trailer (936, Rm 104)
                Yi: Mon, noon-1:30pm, TA trailer (936, Rm 104)

Course Description

The study of human-computer interaction enables system architects to design useful, efficient, and enjoyable computer interfaces. This course teaches the theory, design procedure, and programming practices behind effective human interaction with computers, and - a particular focus this quarter: interactive web interfaces.

We will examine interaction design, implementation, and evaluation. The design process requires a solid understanding of the theory behind successful human-computer interaction, as well as an awareness of established procedures for good user interface design, including the 'usability engineering' process. Iterative evaluation is an important aspect of this procedure, and we will learn and practice prototyping and evaluation using scenario-based case studies. We will look at specific interface success stories and spectacular failures to learn from past experiences. Students will apply their gained knowledge in a series of practical assignments using the HTML/CSS/JavaScript ecosystem that highlight selected portions of the design cycle, as well as familiarize them with sound programming practices and effective tools and techniques to create successful user interfaces. The course will also touch upon novel interfaces that go beyond what we normally see in today's graphical user interfaces.

Course Requirements and Grading

This class teaches the theory and practice of effective user interface design. You will learn about principles, procedures, and programming approaches. You will create, judge, and evaluate interaction designs.

There will be one exam (in week 8 or 9), as well as a series of design, prototype, evaluation, and implementation assignments that lead up to individual or group class projects. We will continuously assign reading material from books, tutorials, and assorted handouts, which are supposed to help your design efforts and to stimulate class participation. Here is how your final grade will be determined:  

• Exam (tentatively 30%)
• Up to 6 (likely 5) one to two - week homework assignments (tentatively 45%)
• Final project implementation, documentation, and presentation (tentatively 25%)
• Class participation and activities [paper summaries, UI critiques, etc.] will be noted and can influence your grade

In case you disagree with any grade, submit your grievance in writing (email or paper)to the grader responsible, explaining and documenting your case.

Lateness Policy

All assignments are due at midnight on the scheduled due date. To make the deadlines more manageable, each student will be allowed four "late days" during the quarter for which lateness will not be penalized. Late days may be applied to all assignments, including design sketches and programming assignments, but not the final project! Your  late days may be used as you see fit -- one or multiple per assignment -- but once you used a late day it's good and gone, you cannot reapply it to another assignment. Anything turned in after 12:00:00am until midnight the next day is one day late. Every day thereafter that an assignment is late, including weekends and holidays, counts as an additional late day.

Absolutely no late work will be accepted after the deadline if you have used up all your late days. If you're not done on time you must turn in what you have to receive partial credit. No individual extensions will be given. There will be absolutely no exceptions from this rule. Please make sure you understand this policy.

When making use of your late days, the online submission provides the timestamp that counts. 

Academic Misconduct

We will strictly enforce UCSB's academic misconduct policies. We use electronic tools to detect plagiarism among submitted homework solutions and sources from the internet. Read these guidelines before beginning each programming assignment. Any form of  plagiarism, collusion, or cheating will result in an "F" in this course and may result in suspension from UCSB for two quarters. When in doubt about any forms of receiving help on your assignments, ask us!

Open Door Policy

I would like the course to be informative and enjoyable. Let us know what you find just, good and interesting about the course. Let us know sooner if you feel something could be improved. See us, send an e-mail, or leave us a note.

Class Materials

See the handout column in the class schedule!

Book/Materials

• Eloquent JavaScript (PDF) by Marijn Haverbeke
• Designing the User Interface, by Ben Shneiderman and Catherine Plaisant, 6th edition, Pearson Addison Wesley, 2010
• Learning Web Design, by Jennifer Robbins, 5th edition
• What React Is and Why It Matters, by Eric Baer
• Google's Material Design - an adaptable system of guidelines, components, and tools that support best practices of user interface design
  

Other Sources

• Usability Engineering, by Mary Beth Rosson and John M. Carrol, Morgan Kaufmann,
• Universal Principles of Design, by W. Lidwell, K. Holden, and J. Butler, Rockport
• The Design of Everyday Things, by Donald Norman, Basic Books
• Readings in Human-Computer Interaction, Morgan Kaufman
• The Humane Interface, New Directions for Designing Interactive Systems, by Jef Raskin,
  Addison Wesley

• Practical Modern JavaScript, by Nicolás Bevacqua

Class Schedule

Assignments

• For Thu, Apr. 4: If you haven't filled in a Student Infosurvey during lecture 1, please fill it in! Everyone taking this class needs to complete the survey!
   
• For Thu, Apr. 4: Watch Starfire video (see handout column), note the realistic (already implemented) and unrealistic (far out) features. The video is from 1993 and set in 2004!
  
  
• HW assignment 1 is due Tue, Apr. 9, 23:59:59. You can submit your answers in plain ASCII or PDF format (any other formats, check with the TAs). Use Gauchospace to submit your solutions
  
  
• HW assignment 2 is due Mon, Apr. 15, 23:59:59. Use Gauchospace to submit your solutions


• HW assignment 3 is due Tue, Apr. 23, 23:59:59. Use Gauchospace to submit your solutions


• HW assignment 4 is due Wed, May 1, 23:59:59. Use Gauchospace to submit your solutions
  
  
• HW assignment 5 is due Fri, May 10, 23:59:59. Use Gauchospace to submit your solutions
  
  
• The Class Project is a combined Analysis / Iterative Design / Implementation / Documentation effort. Please use GauchoSpace to submit a proposed project idea by Wednesday, May 15, 23:59:59.