KAIST Spring 2020  |  Juho Kim

CS374: Introduction to Human-Computer Interaction

Designing useful and usable user interfaces is much more than designing fancy and beautiful things. This course introduces fundamental principles, techniques, and methods for designing, prototyping, and evaluating user interfaces. Through this course, you’ll master the skills to design useful and usable interfaces that are carefully catered to users’ needs.

This is a highly interactive class: you’ll be expected to actively participate in activities, projects, assignments, design critiques, and discussions. There will be no lectures or exams. Major course activities include:

  • Design Project: Following a user-centered design process, you’ll build an interactive prototype through a semester-long team project.
  • Studios: Each week, you’ll share your team’s design progress in a studio session and exchange peer feedback.
  • In-class Activities: Each class will feature activities that will help you experience and practice the core concepts introduced in the course. You’ll also get a chance to design your own activity that best captures the topic of a class.
  • Programming Assignments: In a series of web programming assignments, you’ll learn to add interactivity to a web interface.

Updates

  • 7/8: Project Gallery is live.
  • 6/17: DP6 is announced.
  • 6/10: DP5 is announced.
  • 5/23: DP4 is announced.
  • 5/8: PR3 is announced. Due: 11:59pm on 5/27 (Wed) => 5/29 (Fri).
  • 5/5: DP3 is announced.
  • 4/22: DP2 is announced.
  • 4/16: DP1 is announced.
  • 4/8: DP0 is announced. Due: 11:59pm on 4/14 (Tue)
  • 4/6: PR2 is announced. Due: 11:59pm on 4/15 (Wed)
  • 4/4: Mini Project is announced.
  • 3/25: PR1 is announced. Due: 11:59pm on 4/1 (Wed)
  • 3/16: You have to fill out the sign-up form to be officially enrolled in the class. The form should be submitted by 11:59pm on 3/23 (Mon).
  • 3/16: We’ll use Campuswire for important announcements, discussions, and Q&A for this course. Joining Campuswire is mandatory. Please sign up for Campuswire with your KAIST email. Contact course staff if you don't have a KAIST email address. Go to the CS374 Campuswire page and use the code "0565" to join the course.
  • 3/15: We'll use Perusall for reading and annotating pre-class reading materials. Please sign up with your real name. Use course code "KIM-HLLZW" upon registration to access reading materials.
  • 3/10: We will have an online class for the first few weeks using Zoom. It'll be a live session so you need to be present in the Zoom at 1pm Mon/Wed. The link is announced in KLMS and through your email.
  • 1/10: Welcome to CS374! More course content will be posted on this website soon.

Course Staff

Instructor: Prof. Juho Kim
Office Hours: by appointment

TAs:
Kabdo Choi
Yoonseo Choi
Kyung Je Jo
Eun-Young Ko
Saelyne Yang
Office Hours: by appointment

Staff Mailing List: cs374@kixlab.org

Time & Location

Class: 1:00-2:15pm Mon/Wed @ Zoom E11-102 (Creative Learning Building)
Studio & Tutorial: 7-8pm on select Tuesdays. TBD

Links

Course Website: https://kixlab.org/courses/cs374-spring-2020/
Submission & Grading: KLMS
Reading Materials: Perusall (course code: KIM-HLLZW)
Discussion and Q&A: Campuswire
Attendance: Attendance Sheet
Previous Years: 2019 | 2018 | 2017

Topics

Major topics include:
  • Usability: Learnability, Efficiency, Safety
  • User-Centered Design Process
  • Rapid Prototyping, Iterative Design
  • Needfinding, Contextual Inquiry, Storyboards
  • Affordance, Metaphors, Conceptual Models
  • User Interface Software Architecture
  • Input and Output
  • Visual Information Design
  • Layout, Color, Typography
  • Usability Testing & Heuristic Evaluation
  • Experimental Design & Analysis

Grading

  • Design Project: 50%
  • Mini Project: 10%
  • Assignments: 20%
  • Nanoquizzes: 10%
  • Class & Studio participation: 10%

Prerequisites

There are no official course prerequisites. But the assignments and the final project will require building web-based user interfaces, so some fluency in programming is needed. Web programming skills are a plus, but not required. The first 2-3 weeks of the course will include tutorials on HTML, CSS, and JavaScript.
Non-CS majors are also welcome.