CS 1300: Designing, Developing and Evaluating User Interfaces

Fall 2014

This course will cover concepts in human-computer interaction that focus on designing user interfaces. Topics include understanding when to use different interfaces, modeling and representing user interaction, principles of user experience design, eliciting requirements and feedback from users, methods for designing and prototyping interfaces, and user interface evaluation. Classroom time will be spent on lectures and hands-on activities, and students will complete assignments and readings outside the classroom. There will be ten weekly assignments and readings will be from a variety of sources that will be posted during the semester.

Students interested in learning the process behind building a user interface and gaining hands-on experience designing a user interface should take this course. Programming or web development experience is useful for some assignments, but alternate assignments will be available for those without programming experience. Nearly all course information will be available on the class website. The course is expected to require 6-10 hours / week of work outside class.

Course Time and Location

Location: Salomon 001 (on the College Green, 2 blocks west of CIT)

Time: 11:00-11:50am on Mondays, Wednesdays, and Fridays

Instructor

Jeff Huang, 407 CIT, jeffremovee@cs.brown.edu

Office hours: Wednesdays 12:30pm-2:00pm

Teaching Assistants

Amia Oberai (Head TA)
Alex Hadik
Brigitte Harder
Tauseef Khan
Danae Metaxa-Kakavouli
Erica Silverstein (Summer only)

TA Hours

Monday 8:00-9:00pm Brigitte Harder CIT 271 (Fishbowl)
Wednesday 7:00-8:00pm Danae Metaxa-Kakavouli 8:00-9:00pm Tauseef Khan CIT 201
Thursday 5:00-6:00pm Amia Oberai CIT 227 (Moonlab)
Thursday 7:00-8:00pm Alex Hadik CIT 201

Email cs130tasremovee@lists.cs.brown.edu to reach the TAs and Head TA (most questions should be directed here).
Email cs130headtasremovee@lists.cs.brown.edu to reach the Head TA and Jeff (e.g. questions about your grade, make up work).
Email Jeff for sensitive issues (e.g. feedback about course, disagreement with a TA).

Grading

Schedule

Day Lecture Assignments Readings
Sep 3 Introduction
Sep 5 Overview
Sep 8 History Buxton-Input (due Sep 16)
Sep 10 Guest: Prof. Steve Reiss
Sep 12 WIMP Everyday-Interfaces (due Sep 18)
Sep 15 Output Hinkley-Input (skim by Sep 21)
Sep 17 Text Entry Dillman-Questions (due Sep 23)
Sep 19 Pointing No-Clicks or 3D-Interactions (due Sep 25)
Sep 22 Natural Rogers-Users (skim by Sep 28)
Sep 24 Gathering Cooper-Personas (due Oct 2)
Sep 26 Class Activity Observations (due Oct 2) Norman (skim by Oct 5)
Sep 29 Catchup & No-Clicks Examples
Oct 1 Analysis Cooper-UndoSave (due Oct 9)
Oct 3 Models Personas (due Oct 9)
Oct 6 Affordances
Oct 8 Catchup & Class Activity Tog (optional)
Oct 10 Interaction Sitemap (due Oct 16) Vignelli-Canon (due Oct 16)
Oct 13 No Class (Holiday)
Oct 15 Navigation Design Language [A] [G] [M] (skim by Oct 21)
Oct 17 Graphic Design Redesign: Usability or Visual (due Oct 23) Buxton-Sketching (due Oct 23)
Oct 20 Typography
Oct 22 Interface Design PROJECT (due Dec 12)
Oct 24 Sketching Prototyping (multiple deadlines) Kramer and Adams (due Oct 30)
Oct 27 Prototyping
Oct 29 Class Activity
Oct 31 Emotion Goffman or Eggers (due Nov 9)
Nov 3 Class Activity: Crits-1
Nov 5 Class Activity: Crits-2
Nov 7 Class Activity: Crits-3 Rogers-Evaluation (due Nov 16)
Nov 10 Catchup Development [or Accessibility] (due Nov 30)
Nov 12 Social
Nov 14 Usability Testing
Nov 17 Discount Evaluation Evaluation or Citi (due Nov 23) Sa-Mobile (due Nov 30)
Nov 19 Class Activity
Nov 21 Field Evaluation Accessibility [or Development] (due Nov 30)
Nov 24 Project Mentoring (optional)
Nov 26 Supplementary Class (optional)
Nov 28 No Class (Holiday)
Dec 1 Guest: Dr. Jessica Tran
Dec 3 Project Presentations
Dec 5 Project Presentations
Dec 8 Project Presentations
Dec 10 Project Presentations

Skim means to read quickly, focusing on section titles, figures, main points; no reading comments are due. Optional readings are supplementary material, with nothing due or to appear on a quiz.

Schedule notes: 1) class on November 26 will be supplementary material and there won't be a quiz, 2) the last class will be December 12 or earlier, depending on scheduling for final presentations.

Slides will be posted here about an hour after class but may be available on Canvas beforehand. Readings and assignments will be posted one week in advance with the due date for reading comments or assignment in parentheses (submit everything to Canvas).

Late Policy

Reading comments are due at 11:59pm on the due date listed in the schedule to give a chance for others to read your comment before the next class. No late reading comments will be accepted. Assignments will have 20/100 points deducted from the grade for every week late (rounded up), so an assignment turned in 8 days late will have 40/100 points off. Quizzes are to be completed in the first 10 minutes of class, and not given out after that.

Each student gets 3 free excuses that can be used to compensate for missed quizzes, an assignment turned in one week late, some missed in-class activities, or for a missed reading comment. These will be automatically applied at the end of the course. Note that there will be 10 reading comments and quizzes, so each free excuse reimburses 1% of the total course grade. There are no benefits to having extra free excuses when the semester ends. Any further accomodation requires a note from the Dean of the College sent to the Head TA contact email.

Collaboration Policy

The Collaboration Policy can be found here. You have give the form to a TA before we can grade your work.

Topics

Week Topic
Week 1

Introduction

We start with an overview of the course, and highlight challenges in designing user interfaces.
Week 2

Interfaces Basics

We'll learn how we arrived at the traditional desktop interface, and the desktop metaphors the shaped the way many people use computers today.
Week 3

Input Techniques

We will dive into the details of computer input and direct manipulation to explore performance and human motor capabilities, and find out there's more to the mouse, keyboard, and touchscreen than meets the eye.
Week 4

Understanding Users

To find out what users desire from an interface, we must first use techniques to gather data about how they might use it, and the interpret this data.
Week 5

User-Centered Design

Users become the center focus as we look at how to design for them from beginning to end.
Week 6

Interaction Design

We look beyond just the interface to learn about the process of interaction design that involves modeling and representing users.
Week 7

Visual Design

We learn about fundamental principles of designing graphical user interfaces.
Week 8

Prototyping

We look at low-fidelity and high-fidelity prototyping as ways to iteratively improve the design of the interface.
Week 9

Crits

This week involves an in-class activity where we get practice critiquing each others' interfaces using the traditional design crit process.
Week 10

Social and Emotional Design

How does social behavior affect the interactions people have with interfaces? How do interfaces appeal to the emotional nature of users?
Week 11

Usability Evaluation

We learn about both formal and informal methods of evaluating user interfaces, including usability testing and user-free evaluation methods.
Week 12

Accessibility

We explore issues surrounding making interfaces more accessible.
Week 13

Project Presentations

Students present their final projects in class.