Tutorial Mismatches: Investigating the Frictions due to Interface Differences when Following Software Video Tutorials

Raphaël Perraud (1) , Aurélien Tabard (2, 1) , Sylvain Malacria (1)

1 LOKI - Technology and knowledge for interaction
2 SICAL - Situated Interaction, Collaboration, Adaptation and Learning

Video tutorials are the main medium to learn novel software skills. However, the User Interface (UI) presented in a video tutorial may differ from the learner’s UI because of customizations or differences in software versions. We investigate the frictions resulting from such differences on a learners’ ability to reproduce a task demonstrated in a video tutorial. Through a morphological analysis, we first identify 13 types of "interface differences" that differ in terms of availability, reachability and spatial location of features in the interface. To better assess the frictions resulting from each of these differences, we then conduct a laboratory study with 26 participants instructed to reproduce a vector graphics editing task. Our results highlight interesting UI comparison behaviors, and illustrate various approaches employed to visually locate features.

Mots clés: video tutorial; interface distance; software learning; Human-computer Interaction

Domaines: Interface homme-machine [cs.HC]

Raphaël Perraud, Aurélien Tabard, Sylvain Malacria. Tutorial Mismatches: Investigating the Frictions due to Interface Differences when Following Software Video Tutorials. ACM Conference on Designing Interactive Systems (DIS 2024), Jul 2024, Copenhagen, Denmark. ⟨10.1145/3643834.3661511⟩. ⟨hal-04570989⟩