CS 485/584 - Design Studio in HCI

Synchronous Lectures T/Th 11:30a - 12:45p EST
(Spring 2024)

Every year that you have attended school, computers have been increasingly woven into the fabric of your everyday life. We don’t interact with computers simply when we sit in front of their screens anymore. They are in front of our faces when we eat dinner, telling us where to go when we drive our cars, and the medium through which we express many of our relationships.

This means that we can’t dismiss the quality of our interactions with these devices as something trivial or unimportant. Computers are simply too pervasive in our lives. The quality of our interactions with computers has a direct impact on our overall quality of life.

Practically, if you write an application that people can’t use, they won’t use it. Many of the dominant companies that we are familiar with received a jump start by emphasizing core usability principles in the beginning stages of development.

Given these stakes, we need to deeply consider What is the best way for us to interact with computers? How can we quantify or capture this notion of ‘good design’? How can we build applications of our own that are designed well? By the end of this course, you should be able to…

  1. Apply human-centered design processes to find problems and design solutions that meet real human needs. Develop a process for exploring problem spaces and design spaces. This will allow you to use research-validated approaches to creating apps that people find a pleasure to use.
  2. Anchor design decisions in existing design research and expertise. We will utilize existing and emerging research surrounding interaction techniques to improve the way that people engage with the world around them. This will allow you to develop a design intuition - using design ideas and principles to build user-centered applications.
  3. Communicate the provenance of your design in a clear and compelling manner. We will document our design processes to showcase and validate the decisions that we made. These documents are synonymous with reflections required by many companies who are hiring in the design space.

Finally, you will be exposed to people who are paving the way for the next-generation of HCI. Through them, I hope that you will catch a glimpse of the future and use this information to grab ahold of trends before they emerge.

Course Logistics

When: T/Th 11:30a - 12:45p EST, synchronous
Where: White Hall 111
Lecture Slides & Recordings: Canvas
Design Documentation: Medium
Discussion / Questions: Slack
Office Hours: here

Your attendance is crucial, because you will be working on your group projects in class. Your teammates will depend on your presence and engagement.

People

Instructor: Dr. Emily Wall (Instructor) is an Assistant Professor at Emory University CS. She directs the Cognition and Visualization (CAV) Lab where she and her students conduct research on decision making with data.

Thomas Davidson (TA) is a first year CSI Ph.D. student.

Mengyu Chen (TA) is a second year CSI Ph.D. student.

masochists teapot
Masochist's Teapot.


uncomfortable pot
Uncomfortable Pot.


uncomfortable rain boots
Uncomfortable Rain Boots.


uncomfortable rain boots
Uncomfortable Key.


uncomfortable rain boots
Engagement Mugs.

Learning Objectives

Design

  • Students should be able to describe and execute the steps of a user-centered design process.

Prototyping

  • Students should develop working proficiency in rapid prototyping with a variety of technologies (e.g., paper prototyping, Figma, Vega, Google Cardboard, etc).

Research Methods

  • Students should be able to describe and execute quantitative research methods.
  • Students should be able to describe and execute qualitative research methods.
  • Students should be able to design and justify a range of evaluation plans for an artifact.

Engagement

  • Students should engage in discussions and activities in-class and online.

Assignments & Responsibilities

You will be individually responsible for some homework assignments , participation and critique, oral exam , and your final project. In addition, there will be 4 design sprints throughout the semester, completed as group projects.

Objective Weight (584) Weight (485) Description
20% 20% Individual Homework Assignments.
5% 5% Engagement and Critique.
40% (note: additional assignment for CS 584) 40% Group Design Activities.
20% 20% Final Project.
15% 15% Oral Exam.
You can find some favorite examples from semesters past in the Emory HCI Hall of Fame.

Schedule

= Homework Assignment = Exam = Optional Reading = No Preparation = No Lecture
= start of Design Sprint = end of Design Sprint = Hack Day = Demo Day

Week Date Topic Reading Assignments Due
1 1-18 Intro to Human-Computer Interaction Contextual Design, Holtzblatt & Beyer
Learning to See
Complete the course survey
2 1-23 Needfinding Empathy Fieldguide
(29 min) Invisible Women, Caroline Criado Perez
O (12 min) Ethnography: Ellen Isaacs at TEDxBroadway
O (3 min) Insight Through Needfinding
or something else about needfinding
Good/Bad Design
1-25 Define Ch. 1 from The Design of Everyday Things
How to Understand Problems by Ko
How to Define Problems by Ko
or something else about problem definition
3 1-30 Ideation + Prototyping How to be Creative by Ko
Ideation Overview (don’t answer survey questions)
How to Prototype by Ko
(9 min) Why you should be prototyping (Netflix)
(18 min) The Danger of a Single Story by Adichie
Getting the Right Design and the Design Right by Tohidi et al
or something else about prototying or ideation
Needfinding Exercise
2-01 Visual Design + Design Patterns (7 min) The Universal Arts of Graphic Design
How to Make Your Not-So-Great Visual Design Better
A Step-by-Step Guide to UX Patterns by Schlecht
3 ways to improve your visual design skills
UI Design Patterns
or something else about visual design
4 2-06 Design for Dimensions Intro
+ Figma Demo (Speaker: Shiyao Li)
Figma Resources
(24 min) Figma UI Design Tutorial
Health Design
2-08 Shambhavi Mahajan (founder, Hexus)
+ Design for Dimensions
Putting Personas to Work by Faller
A Guide to Giving and Receiving Feedback by Cheng
Tips for Working Successfully in Groups by Pausch
Health Design
5 2-13 Data Visualization (8 min) The Art of Data Visualization
39 studies about human perception in 30 minutes OR Accompanying Talk
Five Design Sheet Methodology for Visualization
Data Storytelling: The Ultimate Collection of Resources
2-15 Design for Dimensions Design for Dimensions
6 2-20 Design for Understanding Intro
+ VIS Tool Demo (Speaker: Thomas Davidson)
Ch. 3 from The Design of Everyday Things
The Value of Information Visualization by Fekete et al
A Tour through the Visualization Zoo by Heer et al
Perception in Visualization by Healey
Dear Data
2-22 Chinmay Kulkarni (Associate Professor, Emory Computer Science)
+ Evaluation Part I
Research Ethics in HCI by Bruckman
Ch. 2 from The Design of Everyday Things
Resources on Vis Tools (skim the relevant websites for tutorials)
7 2-27 Evaluation Part II
+ Design for Understanding
Usability Testing 101 by Moran
How to Conduct a Heuristic Evaluation by Nielsen
(26 min) Learn how to Improve UX with Usability Heuristics
(24 min) Rocket Surgery Made Easy: Usability Demo by Steve Krug
2-29 Accessibility & Universal Design (7 min) Adventures in Universal Design
Disability Studies as a Source of Critical Inquiry for Assistive Technology
Accessibility
Ch. 5 from The Design of Everyday Things
8 3-05 Design for Understanding Design for Understanding
3-07 9a-4p (sign up for a time slot here)
9 3-12 Spring Break
3-14 Spring Break
10 3-19 Design for Another World Intro
Augmented & Virtual Reality +
Applying human-centered design to emerging technologies (IDEO)
Virtual Reality Introduction by Steven M. LaValle
Design Practices in Virtual Reality
Dystopian Virtual Reality is Finally Here (Ian Bogost)
AR Human Interface guidelines by Apple
Campus Accessibility
3-21 VR Demo (Speaker: Mengyu Chen)
+ Design for Another World
Ch. 4 from The Design of Everyday Things
11 3-26 Design for Another World
3-28 Tangible + Wearable Interfaces
+ Meeshu Agnihotri (Ph.D. student, UCI)
Tangible Interaction by Hornecker
(13 min) How Wearable Technology Will Change Our Lives by Tudela
Ch. 7 from The Design of Everyday Things
12 4-02 Design for Another World Design for Another World
4-04 Re-design and Extend Intro + (@ The Hatchery) (8 min) Rapid Prototyping Google Glass
(4 min) How to Design a Smart Watch
(15 min) Prototyping and Model Making
13 4-09 Affective Computing
+ Fred Leveau
Affective Computing by Höök
(20 min) The Future of Affective Computing
We Need Computers with Empathy
(16 min) Time for Technologies to Respect our Psychological Needs by Calvo
(52 min) Emotion Technology by Picard
4-11 Re-design and Extend
(@ The Hatchery)
14 4-16 Interface Metaphors + Input Techniques Principles of Mixed-Initiative User Interfaces by Horvitz (Intro + Principles)
Gesture Interfaces: A Step Backward in Usability
(8 min) Bill Buxton on Natural User Interfaces
Input Technologies and Techniques by Hinckley and Wigdor
4-18 Re-design and Extend
(@ The Hatchery)
15 4-23 Re-design and Extend Re-design and Extend
4-25 Recap + Future of HCI!
(in class)
Charting Past, Present, and Future of Research in Ubiquitous Computing by Abowd and Mynatt
Applying human-centered design to emerging technologies (IDEO)
(11 min) Metaverse
32.1-2, 32.4-5: 3D User Interfaces
8 Prototypes that Show the Future of HCI
16 4-30 Reading Period
5-02 (Final Exam Period 11:30a-2p) No exam Final Design Portfolio

Policies

Grading Philosophy

For many of you, most CS assignments that you’ve had up until this point had clear, crisply defined goals that mapped cleanly to point values. This is impossible in a course that relies on design. Simply checking off each of the TODOs on an assignment does not necessarily mean that you’ve created something that is easy and compelling to use.

Design Document Rubric: A majority of your assignments will use this rubric. Rather than simply ask “Did you do this?”, there will also be the question of “Did you do this well?”. This often translates to “Did you successfully apply the concepts we learned in class to this assignment?”. For example, if you build an app that is functional but breaks many design heuristics… that is not a successful application in this class.

Peer Evaluation: Many of the assignments that you complete will include some kind of peer evaluation. Usability isn’t a set of knowledge that one single person owns. Instead, software that is usable and works for one person may not for another. We will be critiquing each other’s work throughout the semester using the framing of I Like, I Wish, What If from Stanford’s design school.

Group Work: Group work can be challenging. As a result, in each group project, you will submit a brief assessment of you and your classmates’ work. At the end of the semester, I may use these assessments to reweight the group portion of your grade (either positively or negatively).

Letter Grades

For numerical grade x, we will use the following standard letter grade correspondence:

A- A
90 < x ≤ 93 x > 93
B- B B+
80 ≤ x < 83 83 ≤ x < 87 87 ≤ x < 90
C- C C+
70 ≤ x < 73 73 ≤ x < 77 77 ≤ x < 80
D
D+
63 ≤ x < 67 67 ≤ x < 70
F
x < 63

Timeliness

All assignments are due at the start of class on the day listed in the schedule. You will have a total of 5 “free” late tokens to use for any homework assignments as needed throughout the course. Each token gets you a 24 hour extension on the assignment deadline. E.g., you can use 1 late token for HW1 and 1 for HW3, … These "free" tokens can apply only to homework assignments and cannot be used for group projects. These are for any cases where Institute-approved absences do not apply, and no reason must be given to use them. After the 5 “free” late tokens are used up, any late assignments will receive a 10% per day penalty. Assignments turned in one week or later past the due date will not be graded and given a 0. You do not need to notify the course staff to use late tokens -- they will be automatically applied. Once you use them, you cannot switch them later in the course, so plan wisely. Any unused late tokens at the end of the semester will be added as 5% extra credit per unused token on the lowest homework assignment.

Regrade Policy

You can request a re-grade of an assignment within seven days of releasing the grade by sending an email to the course staff. The request should contain a written explanation of why you think that the grade is incorrect. We will look over your work again upon request.

If there is an error, we will of course correct it. However, do not ask for a regrade or a boost simply because you do not like your grade. If your request is based on a rationale of "what's the harm" or "it's worth a try," save your energy. You get the grade that you earn in this class -- no more and no less. Baseless requests for regrades devalue all of your classmates' hard work and waste everyone's time.

Academic Honesty

Emory aims to cultivate a community based on trust, academic integrity, and honor. Students are expected to act according to the highest ethical standards. For information on Emory’s Honor Code, please visit here.

Any student suspected of cheating or plagiarizing on a quiz, exam, or assignment will be reported to the Office of Student Conduct, who will investigate the incident and identify the appropriate penalty for violations.

Unless explicitly stated otherwise, you are expected to complete assignments on your own. It is appropriate to discuss your ideas with others to gain feedback and help with sticky problems. It is not appropriate to find an existing solution online or from your friends, modify them, and submit as your own work. If in doubt, confer with your instructor. It is much easier to ask about these things than handle the consequences of a poor decision.

Office of Accessibility Services

Your success in this class is important to me. We all need accommodations because we all learn differently. If there are aspects of this course that prevent you from learning or exclude you, let me know as soon as possible. Together we'll develop strategies to meet both your needs and the requirements of the course.

I encourage you to visit the Office of Accessibility Services to determine how you could improve your learning as well. If you need official accommodations, you have a right to have these met. Students must renew their accommodation letter every semester they attend classes. Contact the Office of Accessibility Services for more information at (404) 727-9877 or email at accessibility@emory.edu. Additional information is available at the OAS website.

Student Support Services

In your time at Emory, you may find yourself in need of support. Here you will find some resources to support you both as a student and as a person.

Contact

Instructor: Dr. Emily Wall

emily.wall@emory.edu

Office Hours: Tuesdays 10:30a-11:30a in MSC W302E

Zoom link (if virtual, by appointment)

https://emilywall.prof

TA: Thomas Davidson

thomas.james.davidson@emory.edu

Office Hours: Mondays 3:00p-4:00p in MSC W302

Zoom link (if virtual, by appointment)

TA: Mengyu Chen

mengyu.chen@emory.edu

Office Hours: Wednesdays 3:30p-4:30p in MSC W302

Zoom link (if virtual, by appointment)