CS 422: User Interface Design and Programming - Spring 2017

Andy Johnson

Electronic Visualization Laboratory
2032 Engineering Research Facility (ERF)

(312) 996-3002

Lecture: 19650u / 20669g T/Th 2:00 - 3:15pm 2068 ERF
Office Hours: 3:15pm - 4:30pm T / Th and by appointment

TA: Shi Yin - syin8_at_uic.edu - Office Hours:  11-12 Mondays and Fridays in classroom


Interaction Design: Beyond Human-Computer Interaction, 4th ed.
Preece, Sharp, Rogers
ISBN-13: 978-1119020752
Processing: A Programming Handbook for Visual Designers and Artists, 2nd ed.
Reas and Fry
ISBN-13: 978-0262028288
The Design of Everyday Things: Revised and Expanded Edition
Don Norman
ISBN-13: 978-0465050659


Week   1 - 1/10 & 1/12
HW 1 out DET 1
Introduction & Design of Everyday Things
Week   2 - 1/17 & 1/19 
HW 1 due, Proj 1 out DET 6
HW 1 Discussions and Presentations
Week   3 - 1/24 & 1/26

P 2-8
Intro to Processing
Week   4 - 1/31 & 2/02
Proj 2 out DET 2,4,5
Principles & Golden Rules
Week   5 - 2/07 & 2/09
Proj 1 due & team 2 choice
ID 9, 11
Project 1 Discussions and Presentations
Week   6 - 2/14 & 2/16
Proj 2 data due
DET 3, ID 3
Human Factors & Direct Manipulation
Week   7 - 2/21 & 2/23

ID 6
Elegance & Simplicity / Scale, Contrast & Proportion
Week   8 - 2/28 & 3/02
sketches due
Project 2 Sketch Presentations T: 8, 4, 5 and Th: 11, 3, 12
Week   9 - 3/07 & 3/09

Project 2 Sketch Presentations T: 2, 6, 7 and Th: 9, 10, 1
Week 10 - 3/14 & 3/16
final design due

Organization & Visual Structure
 \|/ Spring Break \|/ \|/ Spring Break \|/
\|/ Spring Break \|/
Week 11 - 3/28 & 3/30

Module & Program
Week 12 - 4/04 & 4/06

Image and Representation
Week 13 - 4/11 & 4/13

ID 13-15
Evaluation Techniques and In/Reducing Sickness
Week 14 - 4/18 & 4/20
Proj 2 due

Project 2 Final Presentations T: 1, 10, 9 and Th: 7, 6, 2
Week 15 - 4/25 & 4/27

Project 2 Final Presentations T: 12, 8, 11 and Th: 5, 4, 3

Wed May 3 3:30 - 5:30  
Final Exam

"so much time, so little to see ... wait a minute, strike that, reverse it" -- Willy Wonka

CS 342

Standard departmental disclaimer: If you do not have the prerequisites for this course make sure that you drop this course right away. The department will verify the prerequisites for all students registered in this course during the first few weeks of the term and if you do not have the prerequisites, you will be notified and dropped from the course after the normal drop/add period. By that time, you will not be able to enroll in any new course.

User interface design, implementation and evaluation: user-centered design methodologies, windowing systems, I/O devices and techniques, event-loop programming, user studies and programming projects.

Attendance is very important, but not mandatory. Part of your grade will be based on your in-class participation (i.e. asking good questions, making good comments) so please take that into account.

I will occasionally send out emails to the class using your UIC email address so please make sure that you are checking for email from that account every day or two.

UIC WI-Fi should work in the classroom.

I will be putting all of my notes on the web, however these notes should not be considered official until the day of class. If I make any major changes to a page afterwards, then I will announce it in class, but note that at the bottom of each page is a modification date so you should be able to tell when the notes were last modified. I try to ensure that the notes on the web accurately reflect the lecture, but its what is discussed in class that counts, not what's written in the notes.

"Those who are absent are always wrong." - African proverb

There will be two projects, a final exam, and some misc. points for homework, class participation, quizzes and things like that.
The first project will be an individual project; the second will be a group project. Individual grades on the group project will be based on the quality of the work turned in and on the reviews that each student receives from his/her team members.

You will be making a short presentation about each of your projects to the class. If the project is not done then you can't present it so late assignments lose 50% per day - if something is turned in within 24 hours after the deadline then the max score is 50 points out of 100; after that its a 0. Assignment deadlines will not be extended for any reason other than a headline in the Tribune or Sun Times describing an army of undead ghouls walking the streets of Chicago eating people. In order to get an A or a B a student must get a passing grade on all the projects.

"I hear and I forget. I see and I remember. I do and I understand" - Chinese proverb

There will be a final exam. In the past this has involved questions of the problem solving / short answer variety.

The University of Illinois at Chicago is committed to maintaining a barrier-free environment so that individuals with disabilities can fully access programs, courses, services, and activities at UIC. Students with disabilities who require accommodations for full access and participation in UIC Programs must be registered with the Disability Resource Center (312) 413-2183 (voice) or (312) 413- 0123 (TDD).

The University Holidays and Religious Observances calendar can be found online here

You (and your group on Project 2) are expected to do all your own design and implementation work. Cheating is bad; if you are caught cheating at minimum the punishment will be that you will get a failing grade for the entire course.

The current grade sheet will be found on these web pages. 

In order to get a passing grade (D or better) in the class you must pass the final exam (D or better), and get a passing grade on all projects.

The final grade will be Letter grades will be calculated as follows:

Project 1:                  200 points          A: 880 - 1000 points
Project 2: 400 points B: 770 - 879 points
Final: 200 points C: 660 - 769 points
Participation / Homework: 200 points D: 500 - 659 points
-------------------------------------- F: 000 - 499 points
Total: 1000 points

latest revision 4/25/17 - swapped a couple groups for presentations