Human-Computer Interaction

(INB.06021UF Human-Computer Interaction 3VU SS 2020)

CoViD Version in Sep 2020

Lecturer: Ao.Univ.-Prof. Dr. Keith Andrews
Course Web Site:
My Web Site:

Only send me personal email if you really have to. Ask general questions about the course in the course newsgroup (see below). If you do have to send me personal email, please always state your name, group number, and Matrikelnummer. That makes you much easier to find.

Office Hour: By appointment (during CoViD restrictions).
Room D.2.16, ID01054, ISDS, Inffeldgasse 16c, 1st floor.

Online with Webex (compulsory attendance). See the course schedule.


This course is an introduction to human-computer interaction for undergraduate students, concentrating on user interface design and the methods of usability engineering.

1. Human-Computer Interaction
2. The Psychology of Usable Things
3. Usability Engineering
4. User Research
5. Usability Benchmarking
6. Interaction Design
7. Prototyping
8. Usability Inspection Methods
9. Usability Testing Methods
10. Usability in Practice
11. Visual Design and Typography 
12. Icon Design
13. A Brief History of HCI

Registration will be open to those who were registered for the original incarnation of HCI in mid-March 2020. Sign up via TUGRAZonline by re-registering (Gruppenummeldung) for the group “HCI Sep 2020”, starting Fri 07 Aug 2020 11:00 and closing Wed 19 Aug 2020 23:59. After registration has closed, I will form groups of 3 or 4 for the practicals.

The course will be a full-time intensive block course, compressed into the month of Sep 2020. There will be multiple (compulsory) online classes per week and more or less weekly exercises and hand-in deadlines.

Only register for the course, if you can devote the entire month of Sep to it! You will not have time to do much else (and certainly not work a full-time job).

If you do not respond to emails from your group colleagues, do not attend the online classes, or do not actively participate, I reserve the right to remove you from the course and grade your work up to that point (unless you have a very good reason backed up by documentary evidence such as a doctor's letter).


For the practical exercises, it is assumed that you have knowledge of HTML5 and CSS3. You should also understand what plain text files and UTF-8 are.

If you do not have any prior experience of these, you may wish to refer to Section 2.2 (plain text and UTF-8) and Chapters 10 (Polyglot HTML5) and 11 (CSS3) of my INM 2014 course notes (or similar material elsewhere).

Aims and Objectives of Course:

Students will gain an overview of the theory of human-computer interaction. They will have an appreciation of how to design usable interfaces and will gain the knowledge necessary to perform heuristic evaluations and thinking aloud tests of user interfaces.

Teaching Method:

Lectures with integrated practical work.

Attendance Policy:

Attendance at the online classes is compulsory. You must use a webcam and microphone and you must turn them on as and when requested.

Participation in the exercises is compulsory. Attendance at the final (face-to-face) written exam is compulsory.

Assessment Method:

Your grade will be determined by a series of practical exercises. See practicals for more details.

Lecture Notes: [232 pages PDF]

The lecture notes are never in their final form, but will be updated periodically during the course.

If you teach and would like a zip file of the corresponding lecture slides (the same material but in HTML, SVG, PNG, and JPEG), please contact me by email.

Practical Exercises:
Course Books:

I recommend the following books for the course:

Note: Amazon credit me a small referal amount, should you purchase a book after following these links.

Course Newsgroup:

This is where I will post news and announcements and where you should ask any questions you might have. It is also the right place to look to see if your questions have already been answered.

If you are not familiar with newsgroups, you may wish to refer to Chapter 2 of my INM 2014 course notes (or similar material elsewhere). I recommend using Thunderbird as a news client.

Breaches of Academic Integrity:

Do not plagiarise. Copying the work of others (from the web or elsewhere) or copying from another group and then submitting the work as (part of) your own work is known as plagiarism and is a serious breach of academic integrity. By taking this course, you agree to have your work submitted to plagiarism detection services. Your work may also be cross-checked against other work submitted in the same and previous years.

If you are not well-practiced in the ways of academic citation (i.e. how not to plagiarise), I strongly recommend that you read Chapter 5 of my INM 2014 course notes and some of the resources on Debora Weber-Wulff's Plagiarism Portal web site.

If you help a fellow student in another group, be careful that you do not disclose your exact solution or work. If the group you help submits substantially identical work to your group, both groups will be punished for plagiarism.

Do not fake. Faking data (for example, inventing the list of problems for a heuristic evaluation) is a serious breach of academic integrity.

The university has a code of conduct and set of guidelines regarding scientific integrity and ethics. Breaches of academic integrity are very serious and will be punished appropriately where discovered.