*Note that the course schedule is tentative.* Lecture slides will be posted after each class.
Mahmood Jasim, email: email@example.com, office hours: Mondays and Wednesdays: 10-11am, Location: CS207 (Cube 1)
Pooya Khaloo, email: firstname.lastname@example.org, office hours: Tue 3-4pm, Thurs 4-5pm, Location: CS207
Graders: Yueying Liu, email: email@example.com, and Sarah Bakhtiari, email: firstname.lastname@example.org
Human-Computer Interaction design is “design for human use”. Computers are a ubiquitous part of many interactions in our lives, from the mundane everydayness of light switches and “smart” vending machines to entertainment and education to sophisticated instruments and complex energy and defense systems. In this course, we will challenge you to broaden your grasp of what a user interface can and should be, and try your hand at doing better yourself. It is a fast-paced, hands-on, project-based experience that will challenge many of your ideas of what computer science is and can be. It is designed around active lecture sessions supported by readings, working classes, and team projects, where students practice and explore the concepts introduced in lecture, and go well beyond them to learn and apply HCI techniques that build into group projects. More specifically, the course adopts a human-centered design (HCD) approach and teaches a highly iterative process called design thinking. The design thinking process draws heavily on the fundamentals of human-computer interaction (HCI) methods. I also cover design methodologies, evaluation methodologies (both quantitative and qualitative), human information processing, cognition, and perception.
There are several pop quizzes, one midterm exam, deliverables for one semester-long project, and a final demo session to showcase working demos of the projects. We will provide plenty of in-class time and working classes for the students to work on their team projects. No prerequisite is required.
This course was originally developed and taught by Prof. Joanna McGerener and Dr. Leila Aflattony at University of British Columbia (UBC) as a new course in HCI on the Fundamentals of Designing Interactive Computational Technology for People (DFP).
Survey and research articles will be the primary text for the course, chosen from a collection of readings. There is no textbook required.
The University of Massachusetts Amherst is committed to providing an equal educational opportunity for all students. If you have a documented physical, psychological, or learning disability on file with Disability Services (DS), you may be eligible for reasonable academic accommodations to help you succeed in this course. If you have a documented disability that requires an accommodation, please notify me within the first two weeks of the semester so that we may make appropriate arrangements.
Academic Honesty Statement
Since the integrity of the academic enterprise of any institution of higher education requires honesty in scholarship and research, academic honesty is required of all students at the University of Massachusetts Amherst. Academic dishonesty is prohibited in all programs of the University. Academic dishonesty includes but is not limited to: cheating, fabrication, plagiarism, and facilitating dishonesty. Appropriate sanctions may be imposed on any student who has committed an act of academic dishonesty. Instructors should take reasonable steps to address academic misconduct. Any person who has reason to believe that a student has committed academic dishonesty should bring such information to the attention of the appropriate course instructor as soon as possible. Instances of academic dishonesty not related to a specific course should be brought to the attention of the appropriate department Head or Chair. Since students are expected to be familiar with this policy and the commonly accepted standards of academic integrity, ignorance of such standards is not normally sufficient evidence of lack of intent (http://www.umass.edu/dean_students/codeofconduct/acadhonesty/).
In this course, each voice in the classroom has something of value to contribute. Please take care to respect the different experiences, beliefs, and values expressed by the students, faculty, and staff involved in this course. My colleagues and I support UMass’s commitment to diversity, and welcome individuals regardless of age, background, citizenship, disability, sex, education, ethnicity, family status, gender, gender identity, geographical origin, language, military experience, political views, race, religion, sexual orientation, socioeconomic status, and work experience (cics.umass.edu/about/inclusivity-statement).
|Week||Date||Topics and Readings||Lectures||Deliverables|
|1||Tues- Sept 3|
Course Overview and Logistics-intro to Design Thinking
Reading #1. Norman, Donald A., Chapter 1. The psychopathology of everyday things.
Reading #2. Norman, Donald A., Chapter 6. Design Thinking. [Read p. 217-236]
|Thurs- Sept 5|
Human-centered Design and HCI
Reading #3. Mackay, W. E. (1995). Ethics, lies and videotape…. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (Denver, Colorado, United States, May 07 – 11, 1995). CHI ’95. ACM, New York, NY, 138-145. doi pdf
|2||Tues- Sept 10|
Field Studies – Observations
Reading #4. Blomberg, J., Burrell, M., and Guest, G. (2003). An ethnographic approach to design. Chapter 50. In Jacko, J. and Sears, A. (Eds.) The Human Computer Interaction Handbook (pp. 964-986). Mahwah, NJ: Lawrence Erlbaum Associates. [Read up to last column on p. 973] doi pdf
|Thurs- Sept 12|
Field Studies – Interviews
Reading #5. Fontana, A. and James F. (1994). Interviewing: The Art of Science. In Denzin, N. and Lincoln, Y. (Eds.) The Handbook of Qualitative Research (pp. 361-76). Thousand Oaks: Sage Publications. [Read up to first column on p. 368] pdf
|3||Tues- Sept 17|
Field Studies – Surveys/Questionnaires
Reading #6. Hochheiser, H., Feng, J. H., & Lazar, J. (2017). Surveys. Chapter 5. Research methods in human computer interaction (pp. 109-133). Elsevier Science. [Read: p.105-128; skip examples if needed]
|Thurs- Sept 19|
|4||Tues- Sept 24|
Reading #7. Holtzblatt, K., and Beyer, H. (2017). Contextual Design: Design for Life. Chapter 6. The Affinity Diagram (pp. 127-146). Elsevier Inc. pdf
|Thurs- Sept 26|
Reading #8. Cooper, Alan, et al. (2014) About Face: The Essentials of Interaction Design, Chapter 3. Modeling Users: Personas and Goal (pp. 61-99) John Wiley & Sons. [Read p. 81-97]
Qualitative Data Analysis
Reading #9. Guest, G., MacQueen, K. M. & Namey, E. E. (2012). Applied Thematic Analysis. Chapter 1. Introduction to Applied thematic analysis (pp.2-21). Thousand Oaks, CA: SAGE Publications Ltd. [Read p. 7-18]
|1st project Milestone|
|Thurs- Oct 3|
Reading #10. Rogers, Y., Sharp, H. Preece, J. (2011) Interaction Design: Beyond Human-Computer Interaction. Chapter 10. Task Description, Task Analysis (pp.373-388). Chichester, West Sussex : Wiley. [skip activities/assignments] pdf Link
|6||Tues- Oct 8|
Reading #11. Jeff Johnson and Austin Henderson. (2002). Conceptual models: begin by designing what to design. Interactions 9, 1 (January 2002), 25-32.
Reading #12. Supporting Communication and Coordination in Collaborative Sensemaking. Narges Mahyar, and Melanie Tory. IEEE Transactions on Visualization and Computer Graphics (VAST 2014), pp. 1633-1642, 2014.
|Thurs- Oct 10|
Human Abilities and Sketching
Reading #13. Buxton, B. (2007). Sketching user experiences: Getting the design right and the right design. Chapter 13-17. Sketching interaction (pp.135-155), Morgan Kaufmann Publishers Inc. [Read p. 135-151] Link
|7||Tues- Oct 15|
No class-Monday Class Schedule
|2nd project Milestone|
|Thurs- Oct 17|
Reading #15. Buxton, B. (2007). Sketching user experiences: Getting the design right and the right design. Chapter 35. Interacting with Paper (pp.371-391), Morgan Kaufmann Publishers Inc. [Read p. 381-391; skim-through the rest] Link pdf
|8||Tues- Oct 22||Midterm|
|Thurs- Oct 24||No class-Attending IEEE VIS conference|
Tues- Oct 29
|Guest Lecture (Mahmood Jasim)|
Reading #16. CommunityCrit: Inviting the Public to Improve and Evaluate Urban Design Ideas through Micro-Activities. Narges Mahyar, Michael R. James, Michelle M. Ng, Reginal. A. Wu, Steven P. Dow, ACM Human Factors in Computing Systems (CHI 2018), 14 pages.
|Thurs- Oct 31|
|3rd project Milestone|
|10||Tues- Nov 5|
Evaluation of Prototypes – Discount Methods
|Thurs- Nov 7|
Evaluation of Prototypes – Usability Testing
Reading #19. Dix, A. et al. (2004). Human-Computer Interaction, Chapter 9. Evaluation techniques (pp. 318-364), Pearson. [Read: p.343-362] pdf
|11||Tues- Nov 12|
Working Class and Prototype Review
|Thurs- Nov 14||Experiment I- Experimental Design|
Reading #20. Hochheiser, H., Feng, J. H., & Lazar, J. (2017). Experimental research. Chapter 2. Research methods in human computer interaction (pp. 25-44). Elsevier Science. [Read: p.25-41]
|Lecture 15||4th project milestone|
|12||Tues- Nov 19||Guest Lecture (Ali Sarvghad): Statistical Analysis |
Reading #21. Hochheiser, H., Feng, J. H., & Lazar, J. (2017). Statistical analysis. Chapter 4. Research methods in human-computer interaction (pp. 71-104). Elsevier Science.
|Thurs- Nov 21|
Guest Lecture (Pooya Khaloo)
|13||Tues- Nov 26|
No class-Thanksgiving Break
|Thurs- Nov 28|
No class-Thanksgiving Break
|14||Tues- Dec 3|
History and Future of HCI
|Thurs- Dec 5|
Working Class and Final Prototype Review
|15||Tues- Dec 10|
2 Houre Demo Session (10 am-12pm)
|5th project milestone (Dec 12)|
Project title: Designing a Human-centered Interactive Computational Technology
Throughout the course, we will explore and apply different methods that are appropriate for designing and evaluating an interactive computational technology that closely meets human needs. Examples of potential technologies are mobile applications, online platform, interactive 2D interfaces, interactive 3D devices, and so on. Your team will choose a topic from the list provided below which will seed your project. You will identify a clear problem to be addressed (or potential design opportunity), and will then create a working prototype that meets their needs, which you will evaluate. Following the design thinking process, there are approximately 6 project milestones, as well as a final demo session to showcase your working prototypes. Meeting the project milestones is crucial in completing the project successfully.
The first step in the research project is to form a team. There is not a lot of time for this, so you will need to move fast. You are free to work with whomever you choose, but you should strive for as multi-disciplinary a team as possible. Your team will choose a project topic listed in the project description. Groups will be set up for each team in Piazza. Once your team is formed, you will need to complete a team contract and submit it to gradescope. The due dates for these steps are noted in deliverables on the Schedule page.
Potential design problems/opportunities/situations:
An app dedicated to finding available study spaces throughout UMass – which floors of the libraries are less crowded and/or which classrooms are empty.
An app that shows the number of computers available in the library or whether the resources (printers/scanners) are functional.
An App to form and organize Study Groups.
Tool for real-time student-teacher interaction during (office hours/scheduled).
A tool for better future projection for UMass graduates dependant on their course selections and majors to guide new students.
An app to help students study effectively.
Interactive campus map – with construction notifications, trash can locator, possible detours, and guidance to prevent getting lost inside the campus
Bus scheduling and deployment tool – Maintain real-time bus schedules, tracking, collect metrics to better predict congested times and deploy extra buses accordingly.
Campus congestion – Manage walkways between classes to reduce congestions
Category: Website and SPIRE Alternative
Better scholarship website allowing filters based on the student profile
Replacement for SPIRE that allows better navigation options
Centralize school websites – Most professors have to use multiple different websites for the same class because of their different features.
Tool for better class picker and schedule builder
Gym class signups rework (IMLeagues)
A tool for UHS appointment and waitlisting
Category: International and Out-of-State Students
Information for students: which store to go to for buying a specific item.
Information on non-academic activities such as banking, transportation, and housing.
A chat application with a discussion board
Anonymous emergency chat helpline
A tool for organizing clubs
Campus event management app with student notifications
Tool for organizing information for on-campus resources (food pantry, care closet, stonewall center, etc.)
A tool for planning trips
Tools for students to communicate with teachers
Campus Watch: an app that allows people to report stuff around campus (such as fire drills, damaged utilities, etc.)
Deliberation on Campus Constructions: An app where students can vote/give their opinions on certain campus renovations/construction projects before they take place
An app for reliable services to find and review local musicians and bands
Interactive dining commons app with a map that provides the exact location of food being served on the menu.
App for easy check-in/out to accurately keep track of the number of people currently in the dining hall.
Online ordering at Blue Wall to reduce waiting at lunchtime
Please see course schedule for tentative dates for each milestone. A draft outline of what might be required for each of the milestones is given below. These will be refined and provided to you as you approach each milestone.
Details and templates are provided in individual milestone descriptions.