Human Computer Interaction & GUI Design

CS 365 & IS330

Class Information

Term: Spring 2012
Class Times: SUTW 12- 1pm Lab H

Instructor: Prof. Ahmed Sameh (sameh.aucegypt.edu@gmail.com)
Office Hours: 1Hr before or After class or by appointment.

Textbooks:

Required:
The Essential Guide to User Interface Design

Wilbert Galitz, Wiley, 2011  (Available in the bookstore & Lib)

Optional:
Designing the User Interface : Strategies for Effective Human-Computer Interaction, 4th Ed.
Ben Shneiderman and Catherine Plaisant
Addison-Wesley, 2004.

 

This course provides an introduction to and overview of the field of human-computer interaction (HCI). HCI is an interdisciplinary field that integrates theories and methodologies from computer science, cognitive psychology, software design, and other areas. Course readings will span current theory and practice in interface specification, design and evaluation, an overview of a number of application areas.

Grading Policy:

Grading will be based on project evaluation, class participation, and final exam.  Attendance is required. While concept reinforcement through beneficial student discussions and exchanges is encouraged, the submitted work is ultimately expected to be performed independently by each student enrolled in the course. There will be a number of Quizzes before the majors to set up the stage.

Element

Points

Assignments

20%

Major I

20%

Major II

20%

Extra Project

10%

Final Exam

40%

 

Syllabus

Week

Date

Topic

Related Material

Additional Info

1

 Human Factors

.ppt

 

 

 Chap 1

 pdf  

 

 

 

  pdf 

2

 

 

  pdf

 

 Basic Principles

 Chap 2

 pdf

 

  Basic Principles

  PBS Nova Video Clip (34 min): Face-to-Face

  pdf

3

 Discussion of Face-to-Face

 ppt 

 

  Basic Principles

 

   pdf

 

 

 

 

Assignment 1

4

 The Design Process

 Chap 3

Assignment 2

 

 

 

cs365-conceptual-models-metaphores-old.pdf Ppt

 

 Critical interfaces :Nuclear power

 Nuclear.mpg

  ppt

 5

 

 

 ppt

 

  Behavioral Aspects

 Example Movie Critique

  ppt 

 

Affordance vis-à-vis Mapping

 Selected Resv Reading

cs365-design2.pdf ppt

6

Affordance vis-à-vis Mapping

 

Assignment 3

 

Forcing Functions

 

Assignment 4

 

Forcing Functions

 Design of Everyday Things 

  ppt

7

 UI Critiques

 Selected Resv Reading

  ppt

 

 

 

  ppt

 

 Immersive Environments

 

  ppt

 

 

 

 

  ppt

8

 Immersive Environments

 Design of Everyday Things

  ppt

 

 

 

  ppt

 

  Aesthetics and Cognition

 Lecture Notes

  ppt

9

 Gestures

 Lecture Notes

   ppt

 

  Gestures

 

Extra Lectures 

 

 Pyschophysical Issue

 Lecture and Refs

  .ppt

11

VR & haptic interfaces

 Video clips: PBS Nova Video Clip (12 min): daVinci Surgical System

  .ppt

 

 

 

  .ppt

 

 Human Factors

 Lecture Notes

  .ppt

12

Assistive Technology

 Lecture Notes

Assignment 6

 

 Design Methodology

 The Inmates Are Running the Aslum

  .ppt

 

  Testing & Validation

 Selected Resv Reading

 .ppt

13

 Common Sense

 Selected Resv Reading

 .ppt

 

 

 

 .ppt

 

 

 

 .  ppt

14

 

 

 .ppt

 

 Classic Designs

 Lecture Notes

 .ppt

 

 

 .ppt

15

 Final Presentations

 

 .ppt

 

  Final Presentations

 

 .ppt

 

 Final Presentations 

 

 .pdf

16

 Final Presentations 

 

 

 

  Final Presentations

 

 

 

 Last Day of Class

 

17

 Final Exam Period

 Final Exam &  Presentations

  

 


 

 

 

Lecture Notes

PBS Nova: Face to Face (plays w VLC)

.mpg

ppt 

HCI Basic Principles

.ppt

Ppt

Psychology/Design of Everyday Things

.ppt

 ppt

The "Human" Side of HCI

.ppt

ppt

AI and Adaptive UIs

 

ppt

Behavior

.ppt

ppt

Interface Examples

.ppt

ppt

PBS Nova: daVinci Surgical System (plays w VLC)

.mpg

ppt 

Interfaces:Media and Devices

.ppt

ppt

Mobile UIs

.ppt

ppt

UI Layout Guidelines

.ppt

ppt

Aesthetics

.ppt

ppt

GUI Goofs

.ppt

ppt

Common Sense

.ppt

ppt

HCI Validation

.ppt

ppt

Some Classic Designs

.ppt

ppt

HCI and VR

 pdf

 pdf

Design Methodology

.ppt

.pdf

Design Paper

.pdf

pdf


pdf

pdf


Extra

 


 

 

 

 

 

 

 

 

Assignments

 Assignment

 Due Date

 Handin Directory

#1: Bubble Diagrams

assign1

#2: Interviewing a Client (User)

assign2

#3: Affordance & Mapping

assign3

#4: Forcing Functions

assign4

#5: DW UI

assign5

#6:Project: Special Needs Interface

 

 

     6a: Proposal Due

assign6.proposal

     6b: Class Presentation Due

     6c: Full up private demo

     6d: Submit entire project

assign6.project

Final Exam

 

Sample Exam Questions 


 

 

 

 

 

 

 

 

 

 

Other Resources

Books

Websites

Papers

Book Web Site:

http://www.hcibook.com/e3/

HCI Journal:

http://hci-journal.com/

ACM sigHCI Journal:

http://www.sigchi.org/

Web Usability Site:

http://www.useit.com/alertbox/

Project Guidance:

Phase II

Phase III