|
|
|
[ Formal Data | Course Tools | Syllabus & Schedule | Course Books | Course Materials | CourseWeb | KnowledgeTree | Links ]
| Lecture | Objectives | Readings | Handouts | Examples |
|---|---|---|---|---|
| Lecture 1 Introduction |
Introduction to the course. Logistics. History of Interfaces. Iterative design. Task-centered design. | Lewis and Rieman Introduction; Chapter 1 |
Slides | |
| Lecture 2 Human Factors |
Review of memory and processors functions | Shneiderman: Chapter 1 |
Slides | |
| Lecture 3 Interactive Programming Introduction to Java Applets |
Command, Graphic, and Direct Manipulation Interfaces. Affordance and feedback. Event-Redraw Loop. Widgets and Models. The Big Picture of Interactive Programming. Applets. Drawing and writing on a Graphics Pane. Modal Input Dialog. | D&D Chapter 3 |
Slides Java Slides |
WelcomeApplet.html WelcomeApplet.java WelcomeApplet2.html WelcomeApplet2.java WelcomeLines.html WelcomeLines.java AdditionApplet.html AdditionApplet.java |
| Lecture 4 Heuristic Analysis Java 2d Graphics |
Evaluating the design with and without the user. Nielson&Molich's heuristics. First three of nine heuristics. Java 2d Graphics in awt. Lines, colors, fonts, shapes, arches and polygons. | D&D Chapter 11 Lewis and Rieman: Chapter 4: Introduction and 4.3 |
Slides Java Slides |
ShowColors.html Fonts.html Metrics.html LinesRectsOvals.html DrawArcs.html DrawPolygons.html Shapes.html Shapes2.html |
| Lecture 5 Heuristic Analysis 2 Java Event Processing and Widgets. |
Last six of nine heuristics Java Event Processing. AWT and Swing. Widgets. Label and Button classes |
D&D Chapter 12 (corresponding sections) Lewis and Rieman: Chapter 4: Introduction and 4.3 |
Slides Java Slides |
ButtonTest.html LabelTest.html |
| Lecture 6 Design Issues More Java GUI Widgets. |
User analysis. Task analysis. Task-centered design. Plagiarizm and creativity in design. Design guidelines and rules. Mapping between Java applets and applications. Modal dialogs: JOptionPane and JColorChooser. Java Swing TextField and PasswordField. Checkboxes and Radion Buttons. |
D&D Chapter 2; Chapter 12 (corresponding sections) Lewis and Rieman: Chapters 2 and 3 Shneiderman: Chapter 2, Sections 4-9; Chapter 3 |
Slides Java Slides |
ShowColors2.java TextFieldTest.java CheckBoxTest.java RadioButtonTest.java |
| Lecture 7 User Studies Java Lists and Layouts |
User analysis. Task analysis. Task-centered design. Plagiarizm and creativity in design. Design guidelines and rules. Mapping between Java applets and applications. Modal dialogs: JOptionPane and JColorChooser. Java Swing TextField and PasswordField. Checkboxes and Radion Buttons. |
D&D Chapter 12 (corresponding sections) Lewis and Rieman: Chapter 5 Shneiderman: Chapter 4 |
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 Hypermedia and WWW |
Hypertext and Hypermedia. History of Hypertext. Navigation and navigation aids. Web usability issues. |
Shneiderman: Chapter 15 |
Slides | |
| Lecture 9 Menus and Form Fillin Introduction to Servlets |
Menus. Forms. Dialog Boxes. Guidelines for Menu/Form interfaces. Client-Server approach, WWW as a client-server platform. HTTP protocol. Servlets. Simple Servlet Example. |
D&D Chapter 19 (corresponding sections) Shneiderman: Chapter 7 |
Slides Java Slides |
HTTPGetServlet.html HTTPGetServlet.java |
| Lecture 10 Accommodating to Individual Users Processing form data |
Interaction and adaptation.
Dimensions of differences.
Adaptive systems and user modeling.
Adaptive Web Forms and form data. Processing form data with doPost. |
D&D Chapter 19 (corresponding section) Shneiderman: Chapter 1 |
Slides Java Slides |
HTTPPostServlet.html HTTPPostServlet.java |
| Lecture 11 Task Centered Interface Evaluation Session Tracking |
GOMS. Formal Action Analysis with GOMS. ACT-R. Informal action analysis. Cognitive Walkthrogh. Session tracking with cookies. Session tracking with Session object. |
D&D Chapter 19 (corresponding sections) Shneiderman: Chapter 2 Lewis and Rieman: Chapter 4 |
Slides Java Slides |
BookRecommendation1.html SelectLanguage1.html CookieExample.java BookRecommendation2.html SelectLanguage2.html SessionExample.java |
| Lecture 12 Extended Interface: Help, Manuals, Training |
10th Heuristic. Interface elements. On-line Help. Documentation. Training. HFA prospect. Peer help and intelligent help. |
Shneiderman: Chapter 12 Lewis and Rieman: Chapter 7 |
Slides | |
| Lecture 13 Innovative Interfaces |
Direct Manipulation. Programming by demonstration. Information Visualization. Virtual Reality. |
Shneiderman: Chapters 6 and 15 |
Slides |
Copyright © 2002 Peter Brusilovsky
