Designing Human-Centered Software

Canvas:

https://canvas.cmu.edu/courses/38851

Semester:

2023 Fall (05-391/891, Section B)

Instructors:

Sherry Tongshuang Wu (Office hour: Tuesday and Thursday after class, by appointment)

Time:

Tuesday / Thursday 11:00am-12:20pm

Location:

3SC 172

Why are things so hard to use? Why doesn’t this thing I bought work? Why is this website so weirdly laid out? These are frustrations that we have all faced from systems not designed with humans in mind. In this course, we ask how can we design human-centered systems that people find useful and usable? This course is a broad introduction to designing, prototyping, and evaluating user interfaces. If you take only one course in Human-Computer Interaction (HCI), this is the course for you! We will cover theory as well as practical application of ideas from Human-Computer Interaction. Coursework includes lectures, class discussion, homework, class presentations, and group projects. This class is open to all students, with either technical or non-technical backgrounds. However, there is a programming prerequisite.

Schedule and Readings

This schedule is tentative and subject to changes.

Kickoff Session
Tue, Jan 16
Welcome & Introduction (Lecture)
HCI, UX, context, waterfall model, durability of ideas. grading/class policies.
Slides
Thu, Jan 18
History of Computing Interfaces (Lecture)
MMI, computer input pre-1950s, Vannevar Bush, Grace Hopper, Sketchpad, the mouse.
Slides
Design Process and Prototyping
Tue, Jan 23
Low-fidelity Prototyping (Lecture)
Why prototype, fidelity, dangers, materials, storyboards, user testing, paper prototypes, Wizard of Oz, wireframes/schematics.
Slides
Thu, Jan 25
Basic Interactive Prototyping and Ideation (Lecture)
HTML, Powerpoint, Keynote, Balsamiq, Axure, Invision.
Slides
Deadline Homework 1: Paper prototyping
Tue, Jan 30
Bodystorming and Video Prototyping (Lecture)
Bodystorming and video prototyping
Slides
Deadline Homework 2: Mid-fi prototyping
Thu, Feb 01
Design Process (Lecture)
Design myths, design-prototype-evaluate cycle, wireframes, storyboards, usability goals, know thy user, user is not like me, quality vs. quantity ideation, functional fixation.
Slides
Deadline Skills Survey
Tue, Feb 06
Advanced Interactive Prototyping (Lecture)
Intro to Processing, deploy to Android, processing.js, AI-based prototyping.
Slides
Deadline Homework 3: Video Prototyping
Humans and Evaluation
Thu, Feb 08
Observations 1 (Lecture)
Needs finding, ethnography, contextual inquiry, market research, recording tech., affinity diagramming, expert blindness, survivorship bias.
Slides
Tue, Feb 13
Groupwork and Bakeoff 1 Intro (Lecture)
Efficiently working in groups, introduction Bakeoff 1.
Slides
Deadline Homework 4: Processing App
Thu, Feb 15
Evaluation 1: Ethics (Lecture)
Ethics, IRB
Slides
Tue, Feb 20
Evaluation 2: Data Collection (Lecture)
Experimental measures, experiment design, questionnaire design, stereotype threat, order effects, motivational effects, Hawthorne effect, novelty effect, experimenter bias
Slides
Thu, Feb 22
Guest Lecture: Accessbility (Franklin Li) (Lecture) Slides
Tue, Feb 27
Bakeoff 1 Competition (Discussion) Slides
Deadline Bakeoff 1 Deliverables
Thu, Feb 29
Evaluation 3: Cognitive Walkthrough and Heuristic Evaluation (Lecture)
Analytical evaluation, cognitive walkthroughs, Nielsen Heuristics, Heuristic Evaluation, Usability Aspect Reports
Slides
Humans and Perceptions
Tue, Mar 05
No Class - Spring Break Slides
Thu, Mar 07
No Class - Spring Break Slides
Tue, Mar 12
Humans 1 + Bakeoff 2 Intro (Lecture)
Human Factors, Fitts law, steering law, targeting interaction techniques.
Slides 1 Slides 2
Thu, Mar 14
Humans 2 (Lecture)
Hick-Hyman law, Four and a Half rule, mental models, recognition vs. recall, Model Human Processor, action analysis, GOMS.
Slides
Tue, Mar 19
Guest Lecture: Education Tools (Kexin 'Bella' Yang) (Lecture) Slides
Thu, Mar 21
Humans Perception (Lecture)
Framerate, visual perception, time perception, latency, progress bars research examples, peak and end effects
Slides
Tue, Mar 26
Visual Design 1 (Lecture)
Grid systems, hierarchy of size, grouping, gestalt principles, small multiples, color use, color perception
Slides
Thu, Mar 28
Visual Design 2 (Lecture)
Design patterns, metaphors, affordances, skeuomorphs
Slides
Tue, Apr 02
Bakeoff 2 Competition (Discussion) Slides
Thu, Apr 04
Observation 2 + Bakeoff 3 Intro (Lecture)
Diary studies, application logging, experience sampling, lifelogging, cultural probes, day reconstruction method, elicitation studies, crowdsourced studies
Slides 1 Slides 2
Advanced Interactions
Tue, Apr 09
Guest Lecture (Aaron Steinfeld): HRI (Lecture) Slides
Thu, Apr 11
No Class - Spring Carnival Slides
Tue, Apr 16
Human-AI Interaction 1 (Lecture)
Basics for human-AI Interaction
Slides
Thu, Apr 18
Human-AI Interaction 2 (Lecture)
Large language models, prompting, and how they change the field of human-AI interaction
Slides
Tue, Apr 23
Guest Lecture (Michael Xieyang Liu: Sensemaking) (Lecture) Slides
Thu, Apr 25
Bakeoff 3 Competition (Discussion) Slides

Syllabus

Prerequisites

Some experience with programming is a course prerequisite, for example: 15-112, 15-110 or 15-104.

Note on parallel sections

DHCS has four parallel sections; All the sections cover mostly the same core material, but the final lectures are reserved for more specialized content which may be different across sections. Also note that the grading mechanism, course material (e.g., lecture ordering and quiz) are slightly different. Whenever difference occurs, please make sure to follow the instructions in your own section.

Course Materials and Communications

Attendance

Lectures will be held in-person twice a week. A good portion of the learning in any class comes from intelligent discussion. If you don’t attend class, you cannot participate, and your performance in the class will reflect that. Rather than taking attendance, there may be pop quizzes and also artifacts collected at the end of class that were generated from in-class activities

In case the class transitions from in-person to online, the classes will be held synchronously via Zoom. It would be highly appreciated if your video were on. I expect your full attention, professionalism, and interactive participation as if this were a real in-person class. This arrangement is not to place undue stress on you, but rather provide the best educational experience.

Excused absences this course accepts are medical and family emergencies, academic conference travel, religious events, and a small set of approved collegiate activities. If in doubt, contact me to find a solution. Note that interviews, family vacations, weddings, sleeping through alarms, etc. are not excused. Your lowest two participation grades will be dropped, allowing you to miss up to two classes without impacting your grade.

Homework and Quizzes

You will have homework assignments each week leading up until we start the bakeoffs (described in the next section). Each week there may also be a quiz based on the lecture content which you will complete via canvas. I will drop the 2 lowest quiz grades.

Projects - Bakeoffs

The bulk of the work in this class will be a series of group projects (aka the Bakeoffs), comprised of an interdisciplinary group of roughly three people. Each project will go through an iterative human-centered process, with each phase having a video report and in-class presentation. Peer reviews are collected following group assignments and make up a significant part of your grade.

Grade

Lectures and homework will be posted to canvas. The due date is posted as well. Each day late will result in a 10% deduction (up to a maximum of 50% off). Students caught cheating or plagiarizing will receive no credit for the assignment. Additional actions – including assigning the student a failing grade in the class or referring the case for disciplinary action – may be taken at the discretion of the instructor. Please note that Canvas has automated plagiarism detection built in now, so please do not cheat or turn-in uncited work. Your final grade in this course will be based on:

Incompletes & Pass/Fail

It is the policy of this class to not give incompletes. Several assignments have in-class components, so you will need to have each one finished on time. There is no option to take DHCS pass/fail.

Other Information

Diversity, Equity, and Inclusion

Among the many topics in this class, we will discuss many that relate to diversity, equity, and inclusion. As your professor, I am committed to fostering and supporting an inclusive environment in my class (which extends beyond the physical room). It is our goal that students from all diverse backgrounds and perspectives are well served by this course, that students’ learning needs be addressed both in and out of class, and that the diversity that students bring to this class be viewed as a resource, strength, and benefit. Dimensions of diversity include race, age, national origin, ethnicity, gender identity and expression, intellectual and physical ability, sexual orientation, faith and non-faith perspectives, socio-economic class, political ideology, education, primary language, family status, military experience, cognitive style, and communication style. We are intentional in our aim to present materials and activities that are respectful of diversity, based on these dimensions and any other visible and invisible differences not captured in this list. Your suggestions for ensuring that the class lives up to these values are encouraged and appreciated.

Accommodations for Students with Disabilities

If you have a disability and are registered with the Office of Disability Resources, we encourage you to use their online system to notify us of your accommodations and discuss your needs with us as early in the semester as possible. We will work with you to ensure that accommodations are provided as appropriate. If you suspect that you may have a disability and would benefit from accommodations but are not yet registered with the Office of Disability Resources, we encourage you to contact them at access@andrew.cmu.edu.

Health and Well-being

If you are experiencing COVID-like symptoms or have a recent COVID exposure, do not attend class if we are meeting in-person. Please email the instructors for accomodations.

If you or anyone you know experiences any academic stress, difficult life events, or feelings like anxiety or depression, we strongly encourage you to seek support. Counseling and Psychological Services (CaPS) is here to help; call 412-268-2922 and visit their website at www.cmu.edu/counseling/. Consider reaching out to a friend, faculty or family member you trust for help getting connected to the support that can help. If you or someone you know is feeling suicidal or in danger of self-harm, call someone immediately, day or night:

If the situation is life threatening, call the police. On campus call CMU Police: 412-268-2323. Off campus: 911.

If you have questions about this, please let the instructors know. Thank you, and have a great semester.