Official website of the course "Human Computer Interaction" (code 02JSKOV) offered to students in the 2nd year of the M.S. in Computer Engineering (among elective courses). Academic Year 2022/2023.
Short link to this page: http://bit.ly/polito-hci
Basic info
Course material (lectures and labs) is available in the Schedule section. Exam rules are available in the dedicated section.
| Title: | Human Computer Interaction |
| Credits: | 6 credits |
| Year: | 2nd year Master degree (elective courses) |
| Semester | 1st semester (September-January) |
| Language: | English |
| Main teacher: | Luigi De Russis |
| Other teachers: | Alberto Monge Roffarello, Tommaso Calò |
| Official link: | Portale della Didattica |
| GitHub organization: | https://github.com/polito-hci-2022 |
| Videolectures: | YouTube Playlist and Portale della Didattica |
| Telegram group: |
Class hours
See the Schedule section for detailed information and variations.
| Day | Hour | Location | Type | Note |
|---|---|---|---|---|
| Monday | 13:00-14:30 | Room R1b | Class | |
| Tuesday | 11:30-13:00 | Room 7T | Class | |
| Friday | 13:00-14:30 | Room 2T | Lab (group I) | From week 2 |
| Friday | 14:30-16:00 | Room 2T | Lab (group II) | From week 2 |
| Friday | 16:00-17:30 | Room 2T | Lab (group III) | From week 2 |
Schedule
This section hosts the schedule and learning materials of all the lectures and labs, with topics and deadlines described for each of them. Please consider the following information as a tentatitive preview of the course organization; it is provided only for helping students organize and plan, and is subject to change without notice.
All slides, examples, exercises, and any other material used in the classroom and in the lab will be also posted in a GitHub repository. Moreover, all lectures will be video-recorded and will be available on the Portale della Didattica, as well as here and in a dedicated YouTube playlist.
| Date | Type | Details | Time | Video | Teacher |
|---|---|---|---|---|---|
| 27/09/2022 | Lecture | 11:30-13:00 |  |
Luigi De Russis | |
| 30/09/2022 | Lecture | 13:00-14:30 | |
Luigi De Russis | |
| 30/09/2022 | Lecture | Needfinding | 14:30-16:00 | |
Luigi De Russis |
| 03/10/2022 | Lecture | Needfinding (cont'd) | 13:00-14:30 | |
Luigi De Russis |
| 04/10/2022 | Exercise | Needfinding | 11:30-13:00 | |
Luigi De Russis |
| 05/10/2022 | Assignment 0 (group composition) due - doc with results | EOD | |||
| 07/10/2022 | Lab | Assignment 1: Needfinding (group 1) | 13:00-14:30 | - | Luigi De Russis |
| 07/10/2022 | Lab | Assignment 1: Needfinding (group 2) | 14:30-16:00 | - | Luigi De Russis |
| 07/10/2022 | Lab | Assignment 1: Needfinding (group 3) | 16:00-17:30 | - | Tommaso Calò |
| 10/10/2022 | Lecture | Analyzing and Synthetizing | 13:00-14:30 | |
Luigi De Russis |
| 11/10/2022 | Exercise | Supervised work group on A1 | 11:30-13:00 | - | Tommaso Calò |
| 13/10/2022 | Assignment 1 (needfinding) due | EOD | |||
| 14/10/2022 | Lab | Assignment 1: Feedback and discussion (all groups) | 13:00-14:30 | - | All |
| 14/10/2022 | Lab | Assignment 1: Feedback and discussion (all groups) | 14:30-16:00 | - | All |
| 14/10/2022 | Lab | Assignment 1: Feedback and discussion (all groups) | 16:00-17:30 | - | All |
| 17/10/2022 | Lecture | Analyzing and Synthetizing (cont'd) | 13:00-14:30 | |
Luigi De Russis |
| 18/10/2022 | Exercise | Tasks and Their Analysis | 11:30-13:00 | |
Luigi De Russis |
| 21/10/2022 | Lab | Assignment 2: Refinement and project focus (group 1) | 13:00-14:30 | - | Alberto Monge Roffarello |
| 21/10/2022 | Lab | Assignment 2: Refinement and project focus (group 2) | 14:30-16:00 | - | Luigi De Russis |
| 21/10/2022 | Lab | Assignment 2: Refinement and project focus (group 3) | 16:00-17:30 | - | Tommaso Calò |
| 24/10/2022 | Lecture | Prototyping | 13:00-14:30 | |
Luigi De Russis |
| 25/10/2022 | Lecture | Prototyping (cont'd) | 11:30-13:00 | |
Luigi De Russis |
| 27/10/2022 | Assignment 2 (refinement and project focus) due | EOD | |||
| 28/10/2022 | Lab | Assignment 2: Feedback and discussion (all groups) | 13:00-14:30 | - | All |
| 28/10/2022 | Lab | Assignment 2: Feedback and discussion (all groups) | 14:30-16:00 | - | All |
| 28/10/2022 | Lab | Assignment 2: Feedback and discussion (all groups) | 16:00-17:30 | - | All |
| 31/10/2022 | No class (holiday) | ||||
| 01/11/2022 | No class (holiday) | ||||
| 04/11/2022 | Lab | Assignment 3: Storyboard and Low-fi Prototypes (group 1) | 13:00-14:30 | - | Alberto Monge Roffarello |
| 04/11/2022 | Lab | Assignment 3: Storyboard and Low-fi Prototypes (group 2) | 14:30-16:00 | - | Luigi De Russis |
| 04/11/2022 | Lab | Assignment 3: Storyboard and Low-fi Prototypes (group 3) | 16:00-17:30 | - | Tommaso Calò |
| 07/11/2022 | Lecture |
Prototyping (cont'd) |
13:00-14:30 | |
Luigi De Russis |
| 08/11/2022 | Lecture | Design principles (cont'd) | 11:30-13:00 | |
Luigi De Russis |
| 11/11/2022 | Lab | Assignment 3: Storyboard and Low-fi Prototypes (cont'd, group 1) | 13:00-14:30 | - | Alberto Monge Roffarello |
| 11/11/2022 | Lab | Assignment 3: Storyboard and Low-fi Prototypes (cont'd, group 2) | 14:30-16:00 | - | Luigi De Russis |
| 11/11/2022 | Lab | Assignment 3: Storyboard and Low-fi Prototypes (cont'd, group 3) | 16:00-17:30 | - | Tommaso Calò |
| 14/11/2022 | Lecture | Design principles (cont'd) | 13:00-14:30 | |
Luigi De Russis |
| 15/11/2022 | Lecture | Visual design | 11:30-13:00 | |
Luigi De Russis |
| 17/11/2022 | Assignment 3 (storyboard and low-fi prototypes) due | ||||
| 18/11/2022 | Lab | Assignment 3: Feedback and discussion (all groups) | 13:00-14:30 | - | All |
| 18/11/2022 | Lab | Assignment 3: Feedback and discussion (all groups) | 14:30-16:00 | - | All |
| 18/11/2022 | Lab | Assignment 3: Feedback and discussion (all groups) | 16:00-17:30 | - | All |
| 21/11/2022 | Lecture | Visual design (cont'd) | 13:00-14:30 | |
Luigi De Russis |
| 22/11/2022 | Lecture | Design patterns | 11:30-13:00 | |
Alberto Monge Roffarello |
| video | Exercise | Figma Hands-on | - | |
Alberto Monge Roffarello |
| 25/11/2022 | Lab | Assignment 4: Medium-fidelity Prototype (group 1) | 13:00-14:30 | - | Alberto Monge Roffarello |
| 25/11/2022 | Lab | Assignment 4: Medium-fidelity Prototype (group 2) | 14:30-16:00 | - | Luigi De Russis |
| 25/11/2022 | Lab | Assignment 4: Medium-fidelity Prototype (group 3) | 16:00-17:30 | - | Tommaso Calò |
| 28/11/2022 | Lecture | Designing for Diversity | 13:00-14:30 | |
Luigi De Russis |
| 29/11/2022 | Lecture | Evaluation: overview. Heuristic evaluation. | 11:30-13:00 | |
Alberto Monge Roffarello |
| 02/12/2022 | Lab | Assignment 4: Medium-fidelity Prototype (cont'd, group 1) | 13:00-14:30 | - | Alberto Monge Roffarello |
| 02/12/2022 | Lab | Assignment 4: Medium-fidelity Prototype (cont'd, group 2) | 14:30-16:00 | - | Tommaso Calò |
| 02/12/2022 | Lab | Assignment 4: Medium-fidelity Prototype (cont'd, group 3) | 16:00-17:30 | - | Tommaso Calò |
| 05/12/2022 | Lecture | Heuristic evaluation (cont'd) | 13:00-14:30 | |
Alberto Monge Roffarello |
| 06/12/2022 | Exercise | 11:30-13:00 | |
Alberto Monge Roffarello | |
| 09/12/2022 | No class | ||||
| 12/12/2022 | Lecture | Usability testing | 13:00-14:30 | |
Alberto Monge Roffarello |
| 13/12/2022 | Lecture | Usability testing (cont'd) | 11:30-13:00 | |
Alberto Monge Roffarello |
| 15/12/2022 | Assignment 4 (medium-fidelity prototype) due | ||||
| 16/12/2022 | Lab | Assignment 5: Heuristic evaluation - individual assignment (group 1) | 13:00-14:30 | - | Alberto Monge Roffarello |
| 16/12/2022 | Lab | Assignment 5: Heuristic evaluation - individual assignment (group 2) | 14:30-16:00 | - | Luigi De Russis |
| 16/12/2022 | Lab | Assignment 5: Heuristic evaluation - individual assignment (group 3) | 16:00-17:30 | - | Tommaso Calò |
| 19/12/2022 | Lab | Assignment 6: High-fidelity prototype (group 1, online) | 13:00-14:30 | - | Alberto Monge Roffarello |
| 19/12/2022 | Lab | Assignment 6: High-fidelity prototype (group 2, online) | 13:00-14:30 | - | Luigi De Russis |
| 19/12/2022 | Lab | Assignment 6: High-fidelity prototype (group 3, online) | 13:00-14:30 | - | Tommaso Calò |
| 20/12/2022 | Exercise | Usability Testing (plan drafted in class) |
11:30-13:00 | |
Luigi De Russis |
| 20/12/2022 | Assignment 5 (heuristic evaluation) due | ||||
| Christmas vacation | |||||
| 09/01/2023 | Lab | Assignment 6: High-fidelity prototype (cont'd, group 1) | 13:00-14:30 | - | Alberto Monge Roffarello |
| 09/01/2023 | Lab | Assignment 6: High-fidelity prototype (cont'd, group 2) | 13:00-14:30 | - | Luigi De Russis |
| 09/01/2023 | Lab | Assignment 6: High-fidelity prototype (cont'd, group 3) | 13:00-14:30 | - | Tommaso Calò |
| 10/01/2023 | Seminar | HCI processes in industry: the Coolshop case | 11:30-13:00 | - | Luigi De Russis |
| 11/01/2023 | Exercise | Q&A on the exam and final report | 14:30-16:00 | |
Luigi De Russis |
| 13/01/2023 | Lab | Assignment 6: High-fidelity prototype (cont'd, group 1) | 13:00-14:30 | - | Alberto Monge Roffarello |
| 13/01/2023 | Lab | Assignment 6: High-fidelity prototype (cont'd, group 2) | 14:30-16:00 | - | Luigi De Russis |
| 13/01/2023 | Lab | Assignment 6: High-fidelity prototype (cont'd, group 3) | 16:00-17:30 | - | Tommaso Calò |
Video Lectures
Development Resources
This section presents some resources useful for software development that might be relevant for (final) high-fidelity prototypes.
Do you need to refresh your memory about web development? Web Fundamentals is "Google's opinionated reference for building amazing web experiences".
Suggested Software
- Node.js 16.14 (LTS) and npm
- Visual Studio Code
- git
- ngrok
Design Resources
- Fonts: Google Fonts is a great resource of easy-to-use fonts, while FontPair may help you pair them.
- Icons: Font Awesome and Noun Project are a good free icons package.
- Subtle Patterns is useful if you want to add some light patterns to any plain background color.
- Sample images: Wunderstock and Unsplash are a good starting point to find Creative Commons photos.
- Colors: Adobe Color is an interactive web app to help you choose nice color schemes.
Web Development Resources
- Simulate a mobile device from a desktop browser (e.g., with Chrome's Device Mode)
- Geolocation:
- Device orientation: you can access the device gyroscope/accelerometer through dedicate HTML5 API
- Microphone and camera: get audio and take photos with the HTML5 Media Capture API
- Camera roll: to open the smartphone's camera roll, just use
<input type="file" accept="image/*" capture="camera">
- Vibration: make the phone vibrate with the HTML5 Vibration API
- Touch gesture: enable advanced touch gestures (e.g., multi-touch, force touch, etc.) thanks to the HTML5 Touch events
- Notifications: HTML5 Notifications API allows the generation of notifications from the browser
- useful read: Web Workers and PWA
- Examples of usages in the 2020 GitHub course organization: https://github.com/polito-hci-2020?q=sample
Exam
The exam consists of the evaluation of the projects (by groups), followed by an oral exam.
It must be passed in the current academic year. Material for the projects evaluation must be available on the GitHub repositories assigned to each group.
Next exams, with deadlines:
- 30/01/2023 Room 7N and 31/01/2023 ACSLAB, h. 09:30
- remember to enroll at the exam, by 24/01/2023, on the Portale della Didattica
- all the assignments (including the code) must be on the group's GitHub repositories by 25/01/2023 EOD
- the schedule for the oral discussion shared with the students enrolled at the exam
- 17/02/2023, h. 08:00, Room 2M
- remember to enroll at the exam, by 13/02/2023, on the Portale della Didattica
- all the assignments (including the code) must be on the group's GitHub repositories by 10/02/2023 EOD
- the schedule for the oral discussion will be shared with the students enrolled at the exam
Group Projects (with Assignments)
All the deadlines are EOD (End Of Day).
- Group composition
- Deadline: October 5, 2022
- Submit the form
- Groups-themes association
- Assignment 1: Needfinding
- Deadline: October 13, 2022
- Assignment 2: Refinement and Project Focus
- Deadline: October 27, 2022
- Assignment 3: Storyboard and and Low-Fi Prototypes
- Deadline: November 17, 2022
- Assignment 4 - Medium Fidelity Prototype
- Deadline: December 15, 2022
- Assignment 5 - Heuristic Evaluation (individual)
- Deadline: December 20, 2022
- Assignment 6 - High-fidelity Prototype
- Deadline: 7 days before each official exam date (see above for the exact dates)
- Assignment 7 - Final Report
- Deadline: 7 days before each official exam date (see above for the exact dates)