Computer Science Department | Institute of Networking & Multimedia | National Taiwan University
ubicomp logo  

Courses > Intro HCI & Design 2016F

Fall Semester, 2016
Computer Science and Information Engineering Department
National Taiwan University
Class Time: Mon 2:20 ~ 5:10
Class Room: CSIE 資102

Course Description:

This course brings design thinking processes and tools to user experience design, with a focus on mobile/wearable technologies. This course covers the basic design thinking process, starting from user needfinding, insightful problem statement with point of views, ideation, prototype, and evaluation. This course is practical with a project studio (i.e., half-lecture & half-studio), in which students will apply techniques and methods learned in the class and use them to design+build+test a semester-long group project. As a relatively new & second-time course offering by the faculty, this course is experimental that the teaching staff may not figure out every detail yet. Students must be willling to learn together with the teaching staff. This course adapts teaching materials from the Stanford HCI course (with thanks to Prof. James Landay) and Stanford D.School.


  • Minimum (web) programming skill
  • Good English skill (all readings & videos are in English)
  • Willing to work in groups

Teaching Staff and Office Hours:

  • Instructor: 朱浩華 (Hao), Room 518, Office hour: Tue 10:00-12:00, email: hchu (at)
  • Teaching assistant: 李爭原 (Kelvin), Room 336, Office hour: Tue. 16:00-17:00, email: kelvindk+hcid (at) gmail
  • Teaching assistant: Evelyn Liu, Room 336, email: evelynliu324 (at) gmail

Course Facebook group:


Lecture Schedule:

Dates Topics Readings Due Assignment Out Assignment Due Studio
9/12/2016 Introduction (lecture, studio)   (1) Join FB group for course announcements. (2) Email TA your name & student_id and project theme of interest before Sat (9/17)

9/19/2016 Empathize (lecture, studio) Tom Kelley, The Perfect Brainstorm, Excerpt from The Art of Innovation

Holtzblatt & Beyer, Contextual Design, Ch. 3

Optional: Holtzblatt & Beyer, Contextual Design. In: The Encyclopedia of Human-Computer Interaction, 2nd Ed.

Assignment #1: Needfinding (Group) Appointment signup sheet

9/26/2016 Define (lecture, studio) ABC News Nightline IDEO Deep Dive, July 1999 (22 minutes) Part 1, Part 2, Part 3

video: ABC News, IDEO Design Thinking, Jan. 6, 2013 (13 minutes)

video: How to give a great research talk, Patrick Baudisch, (fast-forward to 12th min and stop on 30th min, total 18 min)


10/3/2016 Ideate (lecture) Tips for Working Successfully in a Group by Randy Pausch

The Discipline of Teams, by Katzenbach and Smith, Harvard Business Review

Watch the following videos at home:

Keys to Creating Awesome Teams (5:21), Cyriac Roeding, Shopkick

Working in Teams (0:56), Tina Seelig, Stanford Technology Ventures Program

Team Composition (2:33), Kathleen M. Eisenhardt, Stanford Technology Ventures Program

Ways to Create Ecosystems (really characteristics of group intelligence, performance, & innovation) (5:43), Sharon Vosmek, Astia

Ways of Working (5:50), Sue Siegel, GE

Assignment #2: PoVs and Experience Prototypes (Group) Assignment #1 Needfinding (Group) Read How to Survive a Critique: A Guide to Giving and Receiving Feedback, Karen Cheng

Present Assignment #1 Needfinding (Group)

10/10/2016 No class, national holiday

10/17/2016 Explore (lecture) Pg. 135-151 from Buxton's Sketching User Experiences

Bonus video: Bill Buxton on sketching experiences, Institute of Design Strategy Conference, May 2008

Assignment #3: Web Site (Group)

10/24/2016 Concept Videos (lecture) Watch Video Prototyping Examples Assignment #4: Concept Video (Group) Assignments #2/#3 Final Needfinding, PoVs and Experience Prototypes Present Assignment #2/#3 Final Needfinding, PoVs and Experience Prototypes

10/31/2016 Catchup on assignments & Studio only Assignment #5: Low-fi Prototype & Test (Group)

11/7/2016 Early Stage Prototyping (lecture) "Involving Customers with Iterative Design" (Ch 4) of The Design of Sites

"Making a Paper Prototype" (Ch 4) from Paper Prototyping by Carolyn Snyder

11/14/2016 Mid-Fi/Hi-Fi Prototyping Tool (slides) by TAs Gomoll, Kathleen. "Some Techniques for Observing Users." From The Art of Human-Computer Interface Design by Brenda Laurel. Assignment #6: Medium-fi Prototype (Group) Assignment #4 Concept Video Present Assignment #4 Concept Video

11/21/2016 Human Abilities (slides) S.K. Card, T.P. Moran, A. Newell. "The Model Human Processor: An Engineering Model of Human Performance." Assignment #5: Low-fi Prototype & Test Present Assignment #5: Low-fi Prototype & Test

11/28/2016 Visual Information Design (lecture) Watch Scott Klemmer’s HCI Online lectures: 6.1 Visual Design (7:37), 6.2 Typography (10:47), 6.3 Grids & Alignment (17:33) Continue to present Assignment #5: Low-fi Prototype & Test

12/5/2016 Heuristic Evaluation (lecture) How to Conduct a Heuristic Evaluation by Jakob Nielsen Assignment #7: Heuristic Evaluation (Individual) Assignment #6: Medium-fi Prototype & Test Present Assignment #6: Medium-fi Prototype & Test

12/12/2016 Conceptual Models & Interface Metaphors (lecture) "The Psychology of Everyday Things" (Ch. 1), from The Design of Everyday Things by Donald Norman Assignment #8: Hi-Fi Prototype (Group) Assignment #7: Heuristic Evaluation (Individual)

12/19/2016 User Testing (lecture) Assignment #10: Poster & Pitch Slide (Group) Assignment #9: Summary of Heuristic Evaluation of Prototypes (Group)

12/26/2016 Check Project Progress Assignment #10: Poster & Pitch Slide (Group)

Checkpoint for Assignment #8: Hi-Fi Prototype (Group)

12/30/2016 Send poster file to TA Kelvin before PM 2:00 for printing

1/2/2017 No class, National holiday. Continue to work on Hi-Fi prototype

1/5/2017 Assignment #8: Hi-Fi Prototype: upload report on your website

1/6/2017 Friday 6-9 PM Project Fair: outside classroom area


  • 10% Class/studio participation
  • 10% Individual assignments
  • 80% Project