Pitt Logo SIS Logo

Department of Information Science and Telecommunications

 

INFSCI 2470 - Interactive System Design

(Spring 2004, CRN 18704)


[ Formal Data | Course Tools | Syllabus & Schedule | Course Books | Course Materials | CourseWeb | Links ]


INFSCI 2470 Course Materials

Lecture Objectives Readings Handouts Examples

Lecture 1

Introduction

Introduction to Java Applets

Introduction to the course. Logistics. Goals of the profession. History of Interfaces. Iterative design.

Quick Introduction to Java. Applets. Drawing and writing on a Graphics Pane. Modal Input Dialog

Newman and Lamming
Chapter 1

Lewis and Rieman
Introduction

Therac-25 Incident
Vincennes Incident
London Ambulance Incident

Deitel&Deitel
Chapter 3

Slides

Java Slides

WelcomeApplet.html
WelcomeApplet2.html
WelcomeLines.html

Lecture 2

Anatomy of the Interactive System Design Process

Graphics Presentation in Java

Specifying a design problem. Lifecycle models of interactive system design process: from waterfall to iterative models. A review of major ISD actovities - User Study, Model building, Specification, Analysis of the design, Evaluation of the prototypes.

Java 2d Graphics in awt. Lines, colors, fonts, shapes, arches and polygons.

Newman and Lamming
Chapters 2 and 4

Lewis and Rieman
Chapter 1 (1.1, 1.2)

Deitel&Deitel
Chapter 11

Preece-Rogers-Sharp
Chapter 6

Shneiderman
Chapter 3

Slides

Java Slides

Main examples:
ShowColors.html
Fonts.html
Metrics.html
LinesRectsOvals.html

Extras:
DrawArcs.html
DrawPolygons.html
Shapes.html
Shapes2.html

Lecture 3

User Studies

Introduction to Servlets

Overview of User Studies. Interviews. Observations. Questionnaires. Experiments.

Client-Server approach, WWW as a client-server platform. HTTP protocol. Servlets. Simple Servlet Example. Forms and form data. Processing form data with doPost.

Newman and Lamming
Chapters 5 and 10

Lewis and Rieman
Chapter 5

Deitel&Deitel
Chapter 19 (corresponding sections)

Slides

Java Slides (1)

Java Slides (2)

HTTPGetServlet.html
HTTPGetServlet.java

HTTPPostServlet.html
HTTPPostServlet.java

 

Lecture 4

Task Analysis and Task-centered design.

 

Understanding and modeling user activities. Task models. Systems analysis. The use of task models. Task-centered design. Plagiarizm and creativity in design.

Newman and Lamming
Chapter 6

Lewis and Rieman:
Chapter 1, Chapter 2

Preece-Rogers-Sharp
Chapter 7

 

Slides

 

 

Lecture 5

Interactive Programming

Dialog Programming in Java; Java Event Processing and Widgets

Affordance and feedback. Event-Redraw Loop. Widgets and Models. Model-View-Controller (MVC) pattern. The Big Picture of Interactive Programming.

Modal dialogs: JOptionPane. Java Event Processing. AWT and Swing. Widgets. Button class.

Newman and Lamming
Chapter 11

A tutorial on MVC design patter

D&D
Chapter 2; Chapter 12 (corresponding sections)

Slides

L4j0 Slides

L4j1 Slides

 

AdditionApplet.html
ButtonTest.html

Lecture 6

Interaction Styles

Overview of Interaction Styles and Paradigms. Command, Graphic, and Direct Manipulation Interfaces. Menus. Forms. Guidelines for Menu/Form interfaces.

Mapping between Java applets and applications .Label class. JColorChooser. Java Swing TextField and PasswordField. Checkboxes and Radion Buttons.

Newman and Lamming
Chapter 12

Shneiderman:
Chapter 7

Slides

Java Slides

LabelTest.html
ShowColors2.java
TextFieldTest.java
CheckBoxTest.java
RadioButtonTest.java

Lecture 7

Human Virtual Machine

Java Lists and Layouts

The case for knowing Human Information Processing for Interactive System Design. Review of memory and processors functions.

List. Combo box. Managing layouts. Nested panels.

Newman and Lamming
Chapter 3

Shneiderman
Chapter 1

Preece-Rogers-Sharp
Chapter 3

D&D
Chapter 12 (corresponding sections)

Slides

Java Slides

ComboBoxTest.java
ListTest.java
bug1.GIF
bug2.GIF
travelbug.gif
buganim.gif
MultipleSelection.java
TextAreaDemo.java
FlowLayoutDemo.java
BorderLayoutDemo.java
GridLayoutDemo.java
PanelDemo.java
KeyDemo.java

Lecture 8

Heuristic Analysis

Evaluating the design with and without the user. Nielson&Molich's heuristics. Filling Usability Aspect Reports. Practicing heuristic analysis


Newman and Lamming
Section 8.6

Lewis and Rieman
Chapter 4: Introduction and 4.3

Nielsen: Heuristic Evaluation

Preece-Rogers-Sharp
Section 13.46

 

Slides

Lecture 9

Extended Interface:
Help, Manuals, Training

Session Tracking

10th Heuristic. Interface elements. On-line Help. Documentation. Training. Hight-Functionality Applications. Peer help. Adaptive and intelligent help systems.

Session tracking with cookies. Session tracking with Session object.

Lewis and Rieman
Chapter 7

Adaptive Help Systems

Shneiderman:
Chapter 12

D&D
Chapter 19 (corresponding sections)

Slides

Java Slides


BookRecommendation1.html
SelectLanguage1.html
CookieExample.java
BookRecommendation2.html
SelectLanguage2.html
SessionExample.java

Lecture 10

Analysis, Prototyping, Evaluation

Analysis and Evaluation in support of design. GOMS. Formal Action Analysis with GOMS. ACT-R. Informal action analysis. Cognitive Walkthrogh. Interface evaluation. Prototyping. Informal testing and field tests.

Newman and Lamming
Chapter 8-9

Lewis and Rieman
Chapter 3 and 4

Shneiderman:
Chapter 2

Slides

Lecture 11

Accommodating to Individual Users

Interaction and adaptation. Dimensions of differences. Adaptive systems and user modeling.

Shneiderman
Chapter 1

Adaptive Hypermedia Paper 1

Slides  

Lecture 12

Hypermedia and WWW

Hypertext and Hypermedia. History of Hypertext. Navigation and navigation aids. Web usability issues. Adaptive Hypermedia and Adaptive Web

Shneiderman
Chapter 15

Adaptive Hypermedia Paper 2

Slides  

Lecture 13

Design Approaches and Guidelines

Innovative Interfaces

Conceptual Design. User-Centered Design. Design guidelines

Direct Manipulation. Programming by demonstration. Information Visualization. Virtual Reality.

Newman and Lamming
Chapter 13-15

Shneiderman
Chapters 6 and 15

Slides  

Copyright © 2004 Peter Brusilovsky