INFSCI 2470 - Interactive System Design

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.

Newman and Lamming
Chapter 1

Lewis and Rieman
Introduction

Therac-25 Incident
Vincennes Incident
London Ambulance Incident

Deitel&Deitel
Chapter 3

Java Slides

Lecture 2

Human Virtual Machine

Graphics Presentation in Java

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

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

Newman and Lamming
Chapter 3

Deitel&Deitel
Chapter 11

Shneiderman
Chapter 1

Preece-Rogers-Sharp
Chapter 3

Java Slides

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

Lecture 3

Interaction Styles

Introduction to Servlets

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

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
Chapter 12

Deitel&Deitel
Chapter 19 (corresponding sections)

Shneiderman:
Chapter 7

Java Slides (1)

Java Slides (2)

HTTPGetServlet.html
HTTPGetServlet.java

HTTPPostServlet.html
HTTPPostServlet.java

Lecture 4

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 Input Dialog. 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)

L4j0 Slides

L4j1 Slides

AdditionApplet.html
ButtonTest.html

Lecture 5

Anatomy of the Interactive System Design Process

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

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

Newman and Lamming
Chapters 2 and 4

Lewis and Rieman
Chapter 1

D&D
Chapter 12 (corresponding sections)

Preece-Rogers-Sharp
Chapter 6

Shneiderman
Chapter 3

Java Slides

Lecture 6

Heuristic Analysis

Java Lists and Layouts

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

List. Combo box. Managing layouts. Nested panels.

Newman and Lamming
Section 8.6

Lewis and Rieman
Chapter 4: Introduction and 4.3

Preece-Rogers-Sharp
Section 13.46

Java Slides

Lecture 7

User Studies

Session Tracking

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

Session tracking with cookies. Session tracking with Session object.

Newman and Lamming
Chapters 5 and 10

Lewis and Rieman
Chapter 5

D&D
Chapter 19 (corresponding sections)

Java Slides

Lecture 8

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 2

Preece-Rogers-Sharp
Chapter 7

Lecture 9

Extended Interface:
Help, Manuals, Training

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

Lewis and Rieman
Chapter 7

Adaptive Help Systems

Shneiderman:
Chapter 12

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

Self Study

Case Study

Case Study in Interactive System Design

Lecture 11

Accommodating to Individual Users

Lecture 12

Hypermedia and WWW

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