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

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

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

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.

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.

Shneiderman:
Chapter 7

Java Slides

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)

Java Slides

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

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)

Java Slides

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

Lecture 11

Accommodating to Individual Users

Shneiderman
Chapter 1

Adaptive Hypermedia Paper 1

Lecture 12

Hypermedia and WWW

Shneiderman
Chapter 15

Adaptive Hypermedia Paper 2

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