Interaction design
CS-486
Media
7.1 Scenarios and Requirements
01.03.2022, 20:58
Week 15 (2022) 9 - Group 6 - Soundtrack
29.05.2022, 11:14
6.2 User Modelling - Part II
27.03.2022, 19:44
4.2 Implementation Models and Mental Models II
23.02.2023, 16:46
Week2.2 Design Thinking
23.02.2023, 16:47
6.1 User Modelling - Part I
27.03.2022, 19:44
10.2 Evaluation of Interactive Systems - Part II
16.05.2022, 12:05
4.1 Implementation Models and Mental Models I
06.03.2023, 11:19
3 How to formulate DPS
28.02.2023, 11:24
This recorded lecture addresses the question of how to turn a design challenge into a meaningful design problem statement (DPS)
Week2.1 Qualitative Research
23.02.2023, 16:47
7.2 Scenarios and Requirements
01.03.2022, 20:59
4.3 How to design for Beginners, Intermediates, and Experts
19.02.2023, 12:37
9.2 Visual Design Principles - Part II
23.02.2023, 16:47
4.2 Implementation Models and Mental Models II
23.02.2023, 16:46
3 How to formulate DPS
28.02.2023, 11:24
This recorded lecture addresses the question of how to turn a design challenge into a meaningful design problem statement (DPS)
9.2 Visual Design Principles - Part II
23.02.2023, 16:47
7.1 Scenarios and Requirements
01.03.2022, 20:58
7.2 Scenarios and Requirements
01.03.2022, 20:59
8.2 Interaction Design Principles
16.05.2022, 12:07
This module introduces the concept of action cycle, the gulf of execution and evaluation, and provides a set of interaction design principles illustrated with examples of good and poor practices.
4.3 How to design for Beginners, Intermediates, and Experts
19.02.2023, 12:37
10.2 Evaluation of Interactive Systems - Part II
16.05.2022, 12:05
8.1 Prototyping Interactive Software
07.03.2023, 11:49
Week 15 (2022) 3 - Group 2 - The Power of Habit
29.05.2022, 11:14
8.2 Interaction Design Principles
16.05.2022, 12:07
This module introduces the concept of action cycle, the gulf of execution and evaluation, and provides a set of interaction design principles illustrated with examples of good and poor practices.
Week2.2 Design Thinking
23.02.2023, 16:47
1 Introduction to HCI and Interaction Design
21.02.2022, 10:15
This is the first lecture of the course. If you miss the Monday lecture, please watch this video recorded in 2022. Only the administrative part of the video is no longer the same. For that information, consult the syllabus 2025 available in moodle.
1) administrative details of this course
2) material from the cooper book
3) additional material from the teacher
4) capitulation
10.1 Evaluation of Interactive Systems - Part I
16.05.2022, 12:05
This lecture lists a wide range of evaluation methods, but chose to cover two methods in detail: heuristic evaluation and formative evaluation.
Week2.1 Qualitative Research
23.02.2023, 16:47
5.1 User Interviews (Qualitative Research Continued)
06.03.2023, 15:21
5.1 User Interviews (Qualitative Research Continued)
06.03.2023, 15:21
Week 15 (2022) 9 - Group 6 - Soundtrack
29.05.2022, 11:14
10.1 Evaluation of Interactive Systems - Part I
16.05.2022, 12:05
This lecture lists a wide range of evaluation methods, but chose to cover two methods in detail: heuristic evaluation and formative evaluation.
Week2.2 Design Thinking
23.02.2023, 16:47
6.1 User Modelling - Part I
27.03.2022, 19:44
9.1 Visual Design Principles - Part I
16.05.2022, 12:07
This video introduces concepts and principles that help designers develop vivid and engaging interfaces. Topics covered: color harmony, visual hierarchy, item relationships, and good and bad examples.
4.1 Implementation Models and Mental Models I
06.03.2023, 11:19
9.1 Visual Design Principles - Part I
16.05.2022, 12:07
This video introduces concepts and principles that help designers develop vivid and engaging interfaces. Topics covered: color harmony, visual hierarchy, item relationships, and good and bad examples.
Week 15 (2022) 3 - Group 2 - The Power of Habit
29.05.2022, 11:14
6.2 User Modelling - Part II
27.03.2022, 19:44
8.1 Prototyping Interactive Software
07.03.2023, 11:49
Week2.2 Design Thinking
23.02.2023, 16:47
1 Introduction to HCI and Interaction Design
21.02.2022, 10:15
This is the first lecture of the course. If you miss the Monday lecture, please watch this video recorded in 2022. Only the administrative part of the video is no longer the same. For that information, consult the syllabus 2025 available in moodle.
1) administrative details of this course
2) material from the cooper book
3) additional material from the teacher
4) capitulation
Forums
- Forum for general questions (Forum)
- Forum for looking for project partners (Forum)
- Team forming questionnaire (File)
- Regarding make-up assignments (Forum)
Design Challenge and Design Brief Documents
- Design Challenge (2025) (File)
- Design Brief I (2025) (File)
- Design Brief II (2025) (File)
- Design Brief IV (2025) (File)
- Refer to "Design Briefs and Project Submissions" s... (Text and media area)
Week 1 (Feb 17)
- Foreword: The Postindustrial World
- Introduction to the Third Edition
- Chapter 1 Goal-Directed Design
- What is interaction design? (2025 edition) (File)
- Recording of lecture in Zoom - 2022 edition (1h51min) (URL)
Week 2 (Feb 24)
Please review the reading material from the Cooper book
- Chapter 4 Understanding Users: Qualitative Research (pp. 49-57)
- Read for now only the parts on why qualitative study, domain research, and competitive analysis; leave material on user interview and observation for later.
- Recording of qualitative research (URL)
- Qualitative Research Video (4:45 min) (File)
- Text of the above video (File)
- Qualitative Research (slides) - only module 1-3 is relevant for this week (File)
- Design Challenge (with suggested questions for domain research) (File)
- Willpower Challenge Instinct - Talks at Google (Page)
- Design Thinking Video (7:46 min - watch during class on monday between 8:15 - 8:30) (File)
- Group Registration (it's okay to register a partial group at this moment) (Group choice)
Week 3 (March 3
- Reframing the design challenge (File)
- Recording of lecture on reframing the design challenge (URL)
- DPS for deaf people (File)
Week 4 (March 10)
Read the material from the "reading list"
- Reading list (Page)
- Slides on Mental Models (File)
- Video on mental models (7.5 min) (URL)
- Video text for mental model (File)
- Second video on mental models (14 min) (URL)
- Slides on Beginners, Intermediates, and Experts slides (File)
- Video on how to design for beginners, intermediates, and experts (15.5 min) (URL)
- Design Brief 1 - word template for preparing the report (File)
- DPS for deaf people to reach 911 emergency service (File)
Week 5 (March 17)
At home:
Read
From "About Face 3"
Chapter 4 Understanding Users: Qualitative Research (pp 57-73)
Watch the video "Qualitative Research - User Interviews" - follows material from the slides on User Interviews
Or review slides on "Qualitative Research - User Interviews"
Lecture hours:8:15 - 9:00
Go over the slides on "Qualitative Research - User Interviews"
Discuss questions to prepare for the assignment
Watch video on how to make storyboard
9:15 - 10:00
User interview game (team of three)
Exercise hours:
Complete the graded assignment on "User Interviews and Observations"
Project hours:
Please read Design brief II when you get a chance. We will discuss its details in class.
Sign up your preferred time slot for next week's design review meeting
- User Interviews (40 minutes) (URL)
- User Interviews (pp 19-80) - identical to content in the above video (File)
- User observation by Scott Klemmer (6 min) (URL)
- A suggested IO Guide (File)
- Sign up for the Design Review Meetings (Choice)
Week 6 (March 24)
Review design brief II
Lecture hours:
Present your work during the allocated slot for your group
Exercise & Project hours:
Week 7 (March 31)
About Face 3 "Chapter 5 Modeling Users"
- Recorded lecture on Storyboarding (URL)
- Storyboard techniques (pp 83 - 100) (File)
- Pre-recorded lecture on User Modeling - Part I (URL)
- Pre-recorded lecture on User Modeling - Part II (URL)
- Modeling Users (Part I & II) - slides of the above videos (File)
- Self-Assessment Assignment (not graded) on "Modelling Users" (File)
- Willpower Challenge Tasks - Goal setting (URL)
- Willpower Challenge Tasks - Activation and Feedback (URL)
- Willpower Challenge Tasks - Habit formation and change maintenance (URL)
- Willpower Challenge Task - Lecture Slides (File)
Week 8 (April 7)
About Face 3 by Alan Cooper : Chapter 6 The Foundations of Design: Scenarios and Requirements
- Reading material on Scenarios and Requirements (Page)
- Lecture slides on Scenarios and Requirements (File)
Week 9 (April 14)
About Face 3 by Alan Cooper
Chapter 7 "From Requirements to Design: The framework and Refinement"
- Reading material for this week (Page)
- Prototyping Techniques (20 minutes video) (URL)
- Prototyping Techniques (added slide 10 compared to the video)) (File)
- Interaction Design Principles (21 minutes video) (URL)
- Interaction Design Principles (some small changes compared to the video above)) (File)
Week 11 (April 28)
About Face 3 by Alan Cooper
Chapter 14
Visual Interface Design
- Reading material for this week (Page)
- Visual Design Principles (File)
- Visual Design Principles - Part I (20 min) (URL)
- Visual Design Principles - Part II (15 min) (URL)
- Yubo's video tutorial on FluidUI, a prototyping tool for your design project (URL)
- Design Brief IV - Interactive Prototype (File)
Week 12 (May 5)
- vision statement (opposite of design problem statement)
- storyboard
- good idea to gather main insights from user research
- low fidelity prototype built so far
- Develop walkthrough scripts
- Define general and specific task scenarios
- Reading material on User Evaluation (Page)
- Evaluating Interactive Systems (slides) (File)
- Assignment on "Evaluating Interactive Systems" (File)
Week 13 (May 12)
Week 14 (May 19)
How to evaluate interactive systems (week 12 material)
Throughout the week, with your teammates, focus on refining your final design solution and video presentation.
Consider the following questions:
- Does your product address challenging interaction issues effectively (suitableness)?
- Is the solution proposed in the Vision statement beneficial for the intended users (usefulness)?
- Does the solution employ technology innovatively (novelty)?
- Is the technology used appropriate for this user group (adequacy)?
- Is the design engaging (playfulness)?
- Are any interaction principles overlooked?
- Does it adhere to visual hierarchy and design principles?
- Does the video effectively narrate the user experience, with quality sound and voiceover?
A "Best Video" prize will be awarded to the group receiving the most votes from peers. Voting will take place next week.