Human-Computer Interaction

Data is displayed for academic year: 2023./2024.

Lecturers

Prof.
Željka Mihajlović

Lectures

Prof.
Vlado Glavinić

Course Description

The course addresses human-computer interaction on both sides of the user interface. Human factors within interaction are elaborated as well as user models. Interaction styles are analyzed along with respective interface elements. Graphical (WIMP) and post-WIMP user interfaces are outlined. The process of development of interactive systems with a focus on user-centric design and evaluation of the interaction involved is introduced. Task analysis is handled as well as predictive modeling and evaluation. Students will familiarize with and apply the basic procedures for designing and evaluating interfaces for desktop, mobile, and Web environments; rapid prototyping of interactive systems; and the concept of usability and usability engineering.

Study Programmes

University graduate
[FER3-HR] Audio Technologies and Electroacoustics - profile
Elective Courses (1. semester) (3. semester)
[FER3-HR] Communication and Space Technologies - profile
Elective Courses (1. semester) (3. semester)
[FER3-HR] Computational Modelling in Engineering - profile
Elective Courses (1. semester) (3. semester)
[FER3-HR] Computer Engineering - profile
Elective Courses (1. semester) (3. semester)
[FER3-HR] Computer Science - profile
Core-elective courses (1. semester) (3. semester)
[FER3-HR] Control Systems and Robotics - profile
Elective Courses (1. semester) (3. semester)
[FER3-HR] Data Science - profile
Elective Courses (1. semester) (3. semester)
[FER3-HR] Electrical Power Engineering - profile
Elective Courses (1. semester) (3. semester)
[FER3-HR] Electric Machines, Drives and Automation - profile
Elective Courses (1. semester) (3. semester)
[FER3-HR] Electronic and Computer Engineering - profile
Elective Courses (1. semester) (3. semester)
[FER3-HR] Electronics - profile
Elective Courses (1. semester) (3. semester)
[FER3-HR] Information and Communication Engineering - profile
Elective Courses (1. semester) (3. semester)
[FER3-HR] Network Science - profile
Elective Courses (1. semester) (3. semester)
[FER3-HR] Software Engineering and Information Systems - profile
Elective Course of the profile (3. semester)
Elective Course of the Profile (1. semester)
Elective Courses (1. semester) (3. semester)

Learning Outcomes

  1. evaluate existing and within-course developed interfaces of interactive systems for desktop, mobile and Web environments
  2. design simpler interfaces of interactive systems for desktop, mobile and Web environments
  3. classify interface elements for desktop, mobile, and Web-based interactive systems
  4. analyze tasks of characteristic interactive systems and apply methods of predictive modeling and evaluation
  5. apply elements of user-centric design for interactive systems, including design and evaluation of interactive systems interfaces for desktop, mobile and Web environments
  6. apply known interface metaphors and design new metaphors
  7. apply characteristic interaction styles to appropriate interfaces or interactive computer systems
  8. apply cognitive (cognitive) framework of human-computer interaction, as well as related mental and conceptual models

Forms of Teaching

Lectures

Lectures take place partly live in the classroom, and partly online.

Seminars and workshops

Seminars and workshops are held.

Independent assignments

The course also includes the individual tasks.

Laboratory

Laboratory exercises are held as part of the course.

Week by Week Schedule

  1. Context for HCI, Principles of graphical user interfaces (GUIs), HCI as a design discipline (sketching, participatory design)
  2. Measures for evaluation - usability, Usability heuristics and the principles of usability testing
  3. Techniques for gathering requirements, e.g., interviews, surveys, ethnographic and contextual enquiry, Techniques and tools for the analysis and presentation of requirements, e.g., reports, personas, Evaluation with users, e.g., observation, think-aloud, interview, survey, experiment, Reporting the results of evaluations
  4. User-centered development, Usability heuristics and the principles of usability testing, Evaluation without users, using both qualitative and quantitative techniques, Reporting the results of evaluations
  5. Quantitative evaluation techniques, e.g., keystroke-level evaluation
  6. Cognitive models that inform interaction design
  7. Cognitive models that inform interaction design, Principles of graphical user interfaces (GUIs), Presenting information (navigation, representation, manipulation)
  8. Midterm exam
  9. Task analysis, including qualitative aspects of generating task analytic models
  10. Principles of graphical user interfaces (GUIs), Interaction styles and interaction techniques, Design for resource-constrained devices (small, mobile devices), Navigation, representation, manipulation, Touch and multi-touch interfaces
  11. Interaction styles and interaction techniques, Presenting information (navigation, representation, manipulation)
  12. Low-fidelity (paper) prototyping, Prototyping techniques and tools, e.g., sketching, storyboards, low-fidelity prototyping, wireframes
  13. Principles of graphical user interfaces (GUIs), Elements of visual design (layout, color, fonts, labeling), Ambient/peripheral display and interaction
  14. Multimodal interfaces (including new input modalities: sensor and location data, etc;), Post-WIMP interfaces (mobile interfaces, wearable and tangible interfaces), Ubicomp (ubiquitous and context-aware) interaction
  15. Final exam

Literature

(.), J. Preece, Y. Rogers, H. Sharp, D. Benyon, S. Holland, T. Carey: Human-Computer Interaction, Addison Wesley Publishing Company, Wokingham, England, 1994.,
(.), B. Schneiderman, C. Plaisant: Designing the User Interface. Strategies for Effective Human-Computer Interaction, 5th Ed., Addison Wesley, Boston, MA, 2010.,
(.), I. Scott MacKenzie: Human-Computer Interaction. An Empirical Research Perspective, Morgan Kaufmann, Waltham, MA, 2013.,

For students

General

ID 222571
  Winter semester
5 ECTS
L1 English Level
L1 e-Learning
45 Lectures
15 Seminar
15 Exercises
15 Laboratory exercises
0 Project laboratory
0 Physical education excercises

Grading System

Excellent
Very Good
Good
Sufficient

Similar Courses