EST 578 Human-Computer Interaction Design for Instruction

Instructor:
Dr. Lori L. Scarlatos
Time:
Tu 5:20 - 8:20 pm
Location:
2205 Computer Science
Office:
346 Harriman Hall
Office Hours:
Th 3-5pm;
F 11:00am - noon;
or by appointment
Email:
Lori.Scarlatos (at) stonybrook.edu
Website:
http://ms.cc.sunysb.edu/~lscarlatos/

Course Description

Principles of human-computer interaction applied to the design of educational courseware. Usability engineering, with a focus on the audience and learning objectives. Interface design principles. Human-computer dialogs. Multimedia as a communication tool, using images, audio, and video. Multimodal input devices and strategies.

Course Objectives

This course has two goals. The first goal is to teach principles underlying the effective design of multimedia courseware. This includes an introduction to multimedia, concepts of usability engineering, and principles of sound user interface design. From this, students should gain an appreciation and understanding of how multimedia courseware is developed, and the ability to apply design principles taught in the class. The second goal is to give students practical experience developing and integrating multimedia learning materials. Students will learn to use Adobe Dreamweaver and Flash.

At the conclusion of the course, students will be able to …

Textbooks

We will be using the following textbook:

B. Shneiderman and C. Plaisant, Designing the User Interface, 5th Edition, Pearson (Addison Wesley), 2010, ISBN 0-321-53735-1.

I also recommend the following book for learning Flash:

E.A. Vander Veer and C. Grover, Flash CS3: The Missing Manual, O'Reilly, 2007, ISBN 0-596-51044-6.

Course Materials

You will need a USB data key for saving your work. Please be sure to bring it to class so that you can save what you do in class.

Course Requirements

Your grade will be based on the following criteria:

Advisories

Each student must pursue his or her academic goals honestly and be personally accountable for all submitted work. Representing another person's work as your own is always wrong. Any suspected instance of academic dishonesty will be reported to the Academic Judiciary. For more comprehensive information on academic integrity, including categories of academic dishonesty, please refer to the academic judiciary website at http://www.stonybrook.edu/uaa/academicjudiciary/.

The University at Stony Brook expects students to maintain standards of personal integrity that are in harmony with the educational goals of the institution; to observe national, state, and local laws and University regulations; and to respect the rights, privileges, and property of other people. Faculty is required to report disruptive behavior that interrupts faculty’s ability to teach, the safety of the learning environment, and/or students’ ability to learn to Judicial Affairs.

My Own Advice

Think of me as your cranky client. There may be times when you disagree with what I say. You may think that some things are a matter of opinion, or that you are right and I am wrong. Just remember that I am the one giving out the grades. When I make a suggestion, be sure to listen, because it may have an impact on your final grade.

Start your assignments and your project early. That way if you have trouble, you can get help in time to finish your assignment by the due date. This will also help you to avoid a last-minute crunch in the lab.

Don't be afraid to ask questions. If you don't understand something, it's likely that your classmates don't understand it either. Raise questions in class. If you need further explanation, come see me during office hours. If you can't make my office hours, send me email. Be sure to do this before you get hopelessly lost.

Work with other students. I do not mean that you should copy each other's work (which will not be tolerated). Rather, you should learn from one another. If you can't figure out how to make something work, see how your colleague did it. It is also useful to discuss different ways of approaching a problem.

Please let me know as soon as possible if you anticipate any problems with this class. If alerted to them early on, I may be able to accommodate your needs.

Schedule

Classes are divided into two parts: theoretical and practical. Readings are indicated as chapters from the textbook. You are responsible for doing the readings before class, as they will be discussed in class. Assignments are due on the date listed, and will be presented in class on that date. Please note that this schedule is approximate, and subject to change.

Date

Theoretical

Practical

Readings

Assignment Due

1/24/12

Introduction to HCI & Multimedia

Mac lab & ePortfolios

Multimedia storytelling

 
1/30/12
Digital media, audio
Audio & video recording

Nature of Information

Audio

Multimedia analysis
2/7/12

Multimedia in education

Video editing

 

 

2/14/12

Images and Graphics Gimp Digital Images and Graphics Instructive video
2/21/12
Information visualization Photoshop

Ch. 14
Informative Graphics

 
2/28/12
Video & animation
Flash graphics Animation Informative graphic

3/6/12

Midterm

3/13/12

Guidelines, principles & theories

Flash animation Ch. 2  

3/20/12

Interaction styles

Flash quizzes

Ch. 5-7

Illustrative animation

3/27/12

Interface design

BlueGriffon

Ch. 11
Designing Informative Web Sites

 
4/3/12
No class meeting (Spring Break) Ch. 8-9  

4/10/12

Interaction devices
Collaboration & social media participation
Web using MySBfiles & Dreamweaver   Interactive quiz

4/17/12

Managing design processes

HTML 5

Ch. 3

 

4/24/12

Evaluating interface designs

 

Ch. 4

Integrated web site

5/1/12

Project Presentations Completed term project
5/8/12
Final Exam