EST 207 Interaction Design

Instructor: Dr. Lori L. Scarlatos
Time: TuTh 9:45-11:05am
Location: CS 2205 (Multimedia Lab)
Office: 1413 Computer Science
Office Hours: W 4pm - 5:30pm
Th 11:30am - 1pm
or by appointment
Email: Lori.Scarlatos (at) stonybrook.edu
Website: http://www.cs.stonybrook.edu/~lori/

Course Description

The design of interactive user experiences. Human perception, motivations, and how people interact with devices. User-centered design. Rapid prototyping and iterative design/development with digital toolsets.

SBC: TECH

Course Objectives

As an SBC TECH course, this class has the following expected learning outcomes:

  1. Demonstrate an ability to apply technical tools and knowledge to practical systems and problem solving.
  2. Design, understand, build, or analyze selected aspects of the human-made world. The “human-made world” is defined for this purpose as “artifacts of our surroundings that are conceived, designed, and/or constructed using technological tools and methods.”

In this class, we will be alternating between the theoretical and the practical. On the theoretical side, you will learn about underlying principles, design guidelines, models and approaches. On the practical side, you will learn to use a rapid prototyping tool (AppInventor) to rapidly prototype and develop your own interactive applications. Therefore, at the conclusion of the class, students will:

  1. understand the terminology and methods used in interaction design,
  2. understand users’ needs, requirements and abilities,
  3. understand the range of possibilities for interaction design, and
  4. be able to design applications and services that are user-centered.

Course Delivery Mode and Structure

Classes will be held in-person and simulcast on Zoom. You will get the most out of the class, and will likely earn a better grade, if you come to all of the classes. However, if you are sick or unable to attend in person then you should attend class online. There may also be circumstances that will require me to hold the entire class online; be sure to check your Stony Brook University email before coming to class, so you can avoid an unnecessary trip. The link to the class meeting is available on the class' Brightspace page. See the Zoom for Students page (https://it.stonybrook.edu/services/zoom/students) for more information on how to download and use this application.

On the first day of class, you will be asked to select a seat in the lab. This will be your seat for the duration of the semester. You will be asked to fill out a placard with your name, which will be collected at the end of each class. Please do not sit in a seat that has someone else's name on it. This is primarily for the purpose of contact tracing, should it be necessary. It also helps me to take attendance and learn your names.

Office Hours

Office hours will also be conducted both in-person and on Zoom. You must sign up for office hours on my calendar (Google calendar appointment slots). You can also set up a special appointment with me by sending email. Please be on-time as appointments are only 15 minutes long.

If you need to contact me, the best way to communicate is through email. If you use Brightspace’s email tool from the course site, it will automatically include your full name, course name and section when you send me an email. Please allow between 24-48 hours for an email reply. Your Stony Brook University email must be used for all University-related communications. You must have an active Stony Brook University email account and access to the Internet. All instructor correspondence will be sent to your SBU email account. Plan on checking your SBU email account regularly for course-related messages. To log in to Stony Brook Google Mail, go to http://www.stonybrook.edu/mycloud and sign in with your NetID and password.

Technical Assistance

If you need technical assistance at any time during the course or to report a problem with Brightspace you can:

Required Materials

We will be using Class Question for the daily quizzes. If you already have a Class Question account, skip to step 2. If you are new to it, start at step 1.

  1. Go to classquestion.com/students and click "Click here to register". This link will allow you to register for the site.
  2. Once you have registered, go to classquestion.com/students and sign in.
  3. Click "Add Class" at the bottom. Enter the Class Code for this class - TZVFN - and then click "Add Class".
  4. Your class will be added to the dropdown menu at the top. You can now click the "Sign In" button to log into your class.

For this class we will be using Adobe XD. I have requested Adobe CC licenses (which include use of Adobe XD) for all of you to use this semester. You can also use Adobe apps on campus.

Lectures, and quizzes, will be based on the following materials. You are not required to purchase any books, though they are all recommended.

Course Requirements

Your grade will be based on the following criteria:

Advisories

Critical Incident Management: Stony Brook University expects students to respect the rights, privileges, and property of other people. Faculty are required to report to the Office of Student Conduct and Community Standards any disruptive behavior that interrupts their ability to teach, compromises the safety of the learning environment, or inhibits students' ability to learn. Faculty in the HSC Schools and the School of Medicine are required to follow their school-specific procedures. Further information about most academic matters can be found in the Undergraduate Bulletin, the Undergraduate Class Schedule, and the Faculty-Employee Handbook.   

Student Accessibility Support Center: If you have a physical, psychological, medical, or learning disability that may impact your course work, please contact the Student Accessibility Support Center, Stony Brook Union Suite 107, (631) 632-6748, or at sasc@stonybrook.edu. They will determine with you what accommodations are necessary and appropriate. All information and documentation is confidential.

Academic Integrity: 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. Faculty is required to report any suspected instances of academic dishonesty to the Academic Judiciary. Faculty in the Health Sciences Center (School of Health Professions, Nursing, Social Welfare, Dental Medicine) and School of Medicine are required to follow their school-specific procedures. For more comprehensive information on academic integrity, including categories of academic dishonesty please refer to the academic judiciary website at http://www.stonybrook.edu/commcms/academic_integrity/index.html

Course Evaluation: Each semester Stony Brook University asks students to provide feedback on their courses and instructors through an online course evaluation system. The course evaluation results are used by the individual faculty, department chairs and deans to help the faculty enhance their teaching skills and are used as part of the personnel decision for faculty promotion and tenure. No individually identifiable data are ever reported back to the university or instructor. Students who have completed previous evaluations can view all faculty ratings at: https://classie-evals.stonybrook.edu/. If two thirds of the class fills out the class evaluations before Reading Day (May 8), I will award everyone with an extra 2 points.

My Own Advice

Come to class when you can, and do all of the assignments on time.

Think of me as your cranky client. There may be times when you disagree with what I say about your work. Just remember that I am the one giving out the grades. When I make a suggestion, be sure to listen, because it is likely to 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 having any problems with this class. If alerted to them early on, I may be able to accommodate your needs.

Schedule

Throughout the class, we will be exploring both the theoretical and the practical aspects of the following topics. Readings will be from About Face (AF), Designing for Interaction (DI), Don't Make Me Think (DMMT), and the Enclyclopedia of Human-Computer Interaction (EHCI) and will be discussed on the day listed. In-Class Assignments (ICA) are done in-class on the dates listed. Homework and projects are due on the dates listed; late assignements will be penalized. Participation in all classroom activities and presentations is required. Please note that this schedule is approximate, and subject to change.

Date
Topic
Readings
Assignments & Activities
Jan. 24
Class overview    
Jan. 26
Intro to interaction design ID 1, EHCI 1 ICA 1
Jan. 31
On Zoom: Adobe UX intro ICA 2
Feb. 2
On Zoom: Adobe UX continued   ICA 3
Feb. 7
Design research ID 4, AF 2, EHCI 31, 43 ICA 4
Feb. 9
Approaches to interaction design ID 2, AF 1, EHCI 8 ICA 5
Feb. 14
Analyzing the data ID 5, DMMT 8 HW 1, ICA 6
Feb. 16
Personas AF 3, EHCI 30 ICA 7
Feb. 21
How people use websites DMMT 1-2 HW 2, ICA 8
Feb. 23
Courteous design DMMT 11, AF 8 ICA 9
Feb. 28
Bad design   HW 3, ICA 10
Mar. 2
Scenario & requirements AF 4, EHCI 13 ICA 11
Mar. 7
Framework & postures ID 7, AF 5, 9 HW 4, ICA 12
Mar. 9
Website design principles DMMT 4, 5, 7, AF 12 ICA 13
Mar. 13-17
Spring Break
Mar. 21
Navigation DMMT 6 HW 5, ICA 14
Mar. 23
Metaphors & affordances AF 13, EHCI 7, 44 ICA 15
Mar. 28
Visual design DMMT 3, AF 17, ECHI 5, 19, 35 ICA 16
Mar. 30
Laws & principles of interaction ID 7, AF 7, EHCI 30 ICA 17
Apr. 4
Usability testing DMMT 9, EHCI 15 Website, ICA 18
Apr. 6
Interaction styles   ICA 19
Apr. 11
Mobile interfaces DMMT 10, AF 9, 19 ICA 20
Apr. 13
Creating flow

AF 10, 11

HW 6, ICA 21
Apr. 18
Accessibility DMMT 12, AF 16 ICA 22
Apr. 20
Ethical design DMMT 13 HW 7, ICA 23
Apr. 25
Computing for good   ICA 24
Apr. 27
Future of interaction design ID 9, EHCI 21, 23 ICA 25
May 2
On Zoom: Presentations Website + App, ICA 26
May 4
On Zoom: Presentations Website + App, ICA 27