CG322 601 (S24)

Professors: C. J. Yeh
My Agency: Cynda Media Lab
My Artworks: CJNY
My Instagram: _cjny
My Online Store: DSGN BY D
Office at FIT: D317
Office hours: Schedule a meeting with CJ via Calendly
Program Channel: CT&D at YouTube
FIT Help Desk: TechHelp

Course Description

This in-depth study of the field of interaction design and the concepts of interface design focuses on principles that are central to creating usable applications and effective, intuitive, and consistent user experiences.

Weekly Outline

The weekly outline is subject to change based on the pedagogical needs.

Tue: 01/30 (s1)

  • Course Introduction
  • Lecture: Experience Design Education at FIT
  • Project: Gamified Experience Design
    – UX research and empathy interviews
    – User research (persona(s), affinity map, empathy map, journey map…etc.)
    – Competitor analysis
    – Heuristic evaluation
    – Insight Statements
    – POV / Hypothesis
    – Value proposition and MVP proposal
    – App Map
    – Low-fidelity prototype
    – Usability testing
    – Mid-fidelity prototype
    – User Interface Design
    – Project Example: Barclay At Ease
    – Project Example: Postmates
    – Project Example: Foodducate
    – Project Example: Detex
  • Activity: Team Forming (3 students per team)
  • Activity: Design Thinking Exercise
  • Tasks: join Slack, and Miro sign-up
  • Due next class: Mini Presentation identifying the generation and their unique problems (one per team member) that you like to target and solve.
    – Gen Alpha (2010 to 2025)
    – Millennials (1980 to 1995)
    – Gen X ( 1965 to 1979)
    – Boomers (1950 – 1964)

Tue: 02/06 (s2)

  • Mini Presentation (7-minute)
  • Lecture: Research Methodologies
  • Lecture: Competitor Analysis
  • Lecture: Heuristic Evaluation
  • Research Methodologies
  • Breakout Session: Heuristic Evaluation & Competitor Analysis
  • Homework: Heuristic Evaluation & Competitor Analysis
    – Identify a minimum of 3 to 5 competitors
    – Competitor analysis first draft
    Synthesizing Heuristic Evaluation
    – Be prepared to share some key research findings as a team next week. (5 minutes)

Tue: 02/13(s3)

  • 5-minute Presentation / Discussion: Research Findings (each team will prepare a short presentation to share 3 to 5 major UX/UI design successes and flaws for the competitors)
  • Lecture: Proto Persona
  • Lecture: Empathy Interview Techniques
  • Workshop: Target Segmentation & Interview Question Prep
  • Homework:
    – Empathy Interviews (2 per team member)
    – Summarize findings on Miro

Tue: 02/20 (s4)

  • DUE: Interviews
  • Lecture: Capture Finding / Affinity Map
  • Workshop: Affinity Mapping
  • Lecture/Discussion: Persona + POV
  • In-class Workshops: Refine Persona + POV First Draft
  • Lecture: HMW + 100MPH Ideation
  • Homework:
    – Review Affinity Map
    – Refine Proto-Personas + POV
    – Evaluate and select the best ideas

Tue: 02/27 (s5)

  • DUE: Best Ideas
  • Lecture/Discussion: Minimum Viable Product (MVP)
  • Lecture/Discussion: Game UX Fundamentals
  • In-class Workshop
    – Taskflow
    – Wireframe sketches (at least 3 key screens per feature)
  • Lecture/Discussion: User Testing / Paper Prototyping
  • In-class Workshop / Homework:
    – Complete screen sketches
    – User feedback (minimum three usability tests per feature)
    – Revise screen sketches based on feedback

Tue: 03/05 (s6)

  • DUE: Screen Sketches First Draft
  • Lecture: The Ultimate UX/UI Elements Death Match
  • Lecture/Discussion: Task Flow
  • Lecture/Discussion: Screen sketches
  • Lecture/Discussion: User Testing
  • Homework:
    – Low-fidelity Screen Sketches
    – User Testings

Tue: 03/12 (s7)

  • DUE: Low-fidelity Wireframes
  • Lecture/Discussion: Wireframe
  • In-class Workshop: Low Fidelity Wireframe
  • Workshop / Homework:
    – Mid-term Presentation Prep

Tue: 03/19 (s8)

  • Mid-term Presentation
  • Homework:
    – Update project based on feedback

— March 25th, Spring Break, NO CLASS!!! —

Tue: 04/02 (s9)

  • Lecture: Guest Speaker – Julia Singh, Product Designer II at Microsoft
  • Lecture: UI Design Fundamentals
  • Workshop: High-fidelity UI Design Begins
  • Homework:
    – High-fidelity UI Design

Tue: 04/09 (10)

  • Lecture: What is Interaction Design?
  • Workshop: High-fidelity UI Design
  • Homework:
    – High-fidelity UI Design

Tue: 04/16 (s11)

  • Lecture: The Anatomy of Case Study Video
  • Workshop: Winning Formula
  • Workshop / Homework:
    – Case Study Video Script

Tue: 04/23 (12)

  • DUE: Case Study Video Script
  • Team Review: Case Study Video Script
  • Workshop / Homework:
    – Case study production begins

Tue: 04/30 (s13)

  • Case Study Production

Tue: 05/07 (14)

  • Case Study Production

Tue: 05/14 (15)

  • Final Presentation

Attendance Policy

Attendance is not optional. If you are going to miss a class, you must contact me via email ASAP. Due to the quantity of material covered in the course, I will not be able to spend class time explaining missed assignments or redoing lectures. If a class is missed, it is your responsibility to get information regarding missed assignments and lectures from one of your classmates.

  1. Students are required to attend all classes, be on time, and remain for the entire class.
  2. Students who miss three classes will receive a grade of “F.”
  3. The student who arrives 10 minutes after the start of the class will be considered late
  4. 2 late occurrences = one absence
  5. A student who arrives over 30 minutes late or not returning from the break will be considered absent from the class
  6. Working on projects for another class or using digital devices for socializing (texting, social media…etc.) or gaming during class time will be recorded as an absence
  7. An excused absence is still recorded as an absence. The difference is an excused absence won’t impact your grade for professionalism and class participation.


  • Professionalism and Class Participation: 20%
  • Check Point Reviews: 40%
  • Midterm Presentation: 20%
  • Final Presentation: 20%
  • (A: 91% or above, B: 90% – 71%, C: 70% – 61%, D: 60% – 51%, F: 50% or below)

Uploading Files for Final Grades

  • CG322
    * Upload and keep all project and process files throughout the semester for final grading. The process is just as important as the final outcome.

CT&D Policy on Plagiarism

Within the CT&D, plagiarism, and other forms of academic deception are unacceptable. Each instance of plagiarism is distinct. A plagiarism violation is an automatic justification for an “F” on that assignment and/or an “F” for the course. A student found in violation of FIT’s Code of Conduct and deemed to receive an “F” for a course may not withdraw from the course prior to final grade assignments.

Use of AI tools
It is permissible to utilize AI tools in your creative process. However, you must identify which AI tool is being used at each stage of the process. You are required to fact-check AI output and avoid stereotyping and bias in your work. Finally, you are responsible for ensuring that the final creation is unique, ownable, and without any copyright issues.

Fact-checking AI output
AI tools are not infallible. They often generate incorrect or misleading information. It is your responsibility to fact-check any AI output before using it in your work. This includes checking the source of the information, evaluating the quality of the information, and considering the context in which the information was generated.

Avoiding stereotyping and bias
AI tools can be trained on data that contains stereotypes and biases. This can lead to AI output that is also biased. It is your responsibility to avoid the potential for bias in AI output. You should also be mindful of your own biases when using AI tools and take steps to mitigate them.

Ensuring the uniqueness and ownership of your work
You are responsible for ensuring that the final creation of your work is unique and ownable. This means that you must not plagiarize the work of others, including submitting works done solely by AI tools without meaningful improvement and input from you.

Penalty for violation
Violation of this policy may result in a grade reduction or suspension from the class.

FIT Student Code of Conduct
Student Disability Services
Academic Honesty and Integrity Policy
FIT’s Course Withdrawal Policy 
Children on campus policy
Academic Advisement Center 
FIT Writing & Speaking Studio
FIT Counseling Services
Academic Skills Tutoring Center
Dean of Students Office
Technical Support for Blackboard with Open SUNY Help Desk

Grade appeal process: for more information.

Library Resources: FIT Library Databases

Academic Advisement Center:

Technical Requirements: High-speed internet and Adobe CC

Textbooks and Required Materials: Lecture slides will be provided every week after class,