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/ |
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
As an SBC TECH course, this class has the following expected learning outcomes:
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:
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 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.
If you need technical assistance at any time during the course or to report a problem with Brightspace you can:
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.
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.
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.
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.
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 |