KAIST Spring 2019  |  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

Course Staff

Instructor: Prof. Juho Kim
Office Hours: by appointment

TAs:
Hyungyu Shin
Eun-Young Ko
Keunwoo Park
Kyung Je Jo
Saelyne Yang
Kabdo Choi

Staff Mailing List: cs374@kixlab.org

Time & Location

Class: 4:00-5:15pm Tue/Thu @ E11-311 (Creative Learning Building)
Studio & Tutorial: 7-8pm on select Mondays
N1-102: Hyungyu Shin
N1-110: Eun-Young Ko
N1-111: Saelyne Yang
N1-112: Kabdo Choi
N1-114: Kyung Je Jo
N1-422: Keunwoo Park

Links

Course Website: https://kixlab.org/courses/cs374-spring-2019/
Discussion and Q&A: Slack
Reading Materials: Perusall (course code: KIM-XHJUN)
Previous Years: 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%
  • Assignments: 20%
  • In-class activities and participation: 20%
  • 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.