HCI 472 HCI Design Fundamentals II

Cynthia Putnam

Office: CDM 736
Spring 2022-2023
Class number: 43515
Section number: 902
Th 5:45PM - 9:00PM
14EAS 00206 Loop Campus
Course homepage: See d2l


See D2L for the complete syllabus and the password and user name.

In HCI 472, we will focus on the visual design in digital artifacts. Evaluate, critique and create digital artifacts (design system and pattern library) organized by design principles. Choose color, type, layout and imagery towards the creation of aesthetic and usable, responsive and accessible digital artifacts. Introduction to accessibility, information visualization and animation.

Learning Objectives

  • Effectively apply and make choices about color, type, layout and imagery to create aesthetic and usable digital interfaces.
  • Demonstrate how to effectively choose optimal means to encode data for information visualization.
  • Articulate and demonstrate an understanding of the principles of animation.
  • Show proficiency in the creation of accessible interactive digital responsive artifacts (design system and pattern library) using component libraries.



  • Thinking with Type | Ellen Lupton, 2010 | ISBN: 978-1568989693
  • Logo Modernism | Jens Müller and R. Roger Remington| ISBN: 978-3836545303
  • Designing Interface Animation: Improving the User Experience Through Animation | Val Head| 978-1933820323s
  • NewsLetter:


  • A = 94-100
  • A- = 90-93
  • B+ = 88-89
  • B = 84-87
  • B- = 80-83
  • C+ = 78-79
  • C = 74-77
  • C- = 70-74


  • HCI 412 or 402
  • HCI 406

Other requirements

  • Rent or buy the Helvetica documentary
  • You will need a way to post web-based assignements so you will need to pay for a URL and a web-hosting service (if you do not already). There are  many options available. You will also need access to an FTP and text editing software. I have found that Cyberduck works well for FTP and there are many, many good text editors. I use Sublime Text - but it is not the top one by most accounts.
  • Access to Adobe Creative Cloud.
  • Supplemental instruction at Linked In Learning is required.

Suggested materials

Suggested Sketching/Drawing supplies (you will need at least pencils and paper)

  • Sketch Pad Board - something like this - size is up to you
  • Pencils:Staedtler Mars Lumograph Black, Carbon Blend Provides Jet Black Lines
  • Pencils:Staedtler Mars Lumograph Art Drawing Pencils, 12 Pack (4H - 6B) Graphite Pencils
  • Eraser:Staedtler Mars Plastic Eraser
  • Kneaded Eraser
  • Pencil Sharpener
  • 30 - 60 Triangle (at least 12") or an adjustable 45
  • Tracing paper in a roll - at least 18"
  • Drafting Dots or other similar tape
  • Scanner

School policies:

Changes to Syllabus

This syllabus is subject to change as necessary during the quarter. If a change occurs, it will be thoroughly addressed during class, posted under Announcements in D2L and sent via email.

Online Course Evaluations

Evaluations are a way for students to provide valuable feedback regarding their instructor and the course. Detailed feedback will enable the instructor to continuously tailor teaching methods and course content to meet the learning goals of the course and the academic needs of the students. They are a requirement of the course and are key to continue to provide you with the highest quality of teaching. The evaluations are anonymous; the instructor and administration do not track who entered what responses. A program is used to check if the student completed the evaluations, but the evaluation is completely separate from the student’s identity. Since 100% participation is our goal, students are sent periodic reminders over three weeks. Students do not receive reminders once they complete the evaluation. Students complete the evaluation online in CampusConnect.

Academic Integrity and Plagiarism

This course will be subject to the university's academic integrity policy. More information can be found at If you have any questions be sure to consult with your professor.

All students are expected to abide by the University's Academic Integrity Policy which prohibits cheating and other misconduct in student coursework. Publicly sharing or posting online any prior or current materials from this course (including exam questions or answers), is considered to be providing unauthorized assistance prohibited by the policy. Both students who share/post and students who access or use such materials are considered to be cheating under the Policy and will be subject to sanctions for violations of Academic Integrity.

Academic Policies

All students are required to manage their class schedules each term in accordance with the deadlines for enrolling and withdrawing as indicated in the University Academic Calendar. Information on enrollment, withdrawal, grading and incompletes can be found at

Students with Disabilities

Students who feel they may need an accommodation based on the impact of a disability should contact the instructor privately to discuss their specific needs. All discussions will remain confidential.
To ensure that you receive the most appropriate accommodation based on your needs, contact the instructor as early as possible in the quarter (preferably within the first week of class), and make sure that you have contacted the Center for Students with Disabilities (CSD) at:
Lewis Center 1420, 25 East Jackson Blvd.
Phone number: (312)362-8002
Fax: (312)362-6544
TTY: (773)325.7296