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

Courses > Intro HCI & Design 2016S

Spring Semester, 2016
Computer Science and Information Engineering Department
National Taiwan University
Class Time: Tue 2:20 ~ 5:10
Class Room: CSIE 資310

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 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 new & first-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: Wed 14:00-15:00, email: hchu (at)
  • Teaching assistant: 李爭原 (Kelvin), Room 336, Office hour: Mon. 16:00-17:00 , email: kelvindk (at) gmail
  • Teaching assistant: 林雅芳 (Avon), Room 336, Office hour: Mon. 16:00-17:00 , email: qbdrops (at) gmail


NTU Peer

Lecture Schedule:

Dates Topics Readings Assignment Out Assignment Due Studio
2/23/2016 Introduction (lecture)  

3/1/2016 Design Discovery (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)

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

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


3/15/2016 Ideate (lecture, studio) 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)

3/22/2016 Explore (lecture, studio) 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) Assignment #1 Needfinding (Group) Read How to Survive a Critique: A Guide to Giving and Receiving Feedback, Karen Cheng

Present Assignment #1 Needfinding (Group)

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

4/5/2013 No class, national holiday

4/12/2016 Catchup on assignments & Studio only "Involving Customers with Iterative Design" (Ch 4) of The Design of Sites

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

Assignment #5: Low-fi Prototype & Test (Group) Present Assignment #2/#3 Final Needfinding, PoVs and Experience Prototypes

4/19/2016 Early Stage Prototyping (lecture)

4/26/2016 Human Abilities: Part1 (lecture) 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

5/3/2016 Human Abilities: Part2 (lecture) 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

5/10/2016 Hao away at CHI'2016 No Lecture. Work on project.

5/17/2013 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

5/24/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)

5/31/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)

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

6/14/2016 Check Project Progress Assignment #8: Hi-Fi Prototype (Group)

Assignment #10: Poster & Pitch Slide (Group)

Present Assignment #8: Hi-Fi Prototype (Group)

6/17/2013 Friday 6-9 PM Project Fair


100% Project