Effects of interface layout design on mobile learning efficiency: a comparison of interface layouts for mobile learning platform

Abstract

Purpose

The purpose of this study is to explore the impact of mobile learning platforms on users' study efficiency and develop cognitive indicators to evaluate users' study efficiency on mobile learning platforms.

Design/methodology/approach

Layout style was the only independent factor that was investigated. A between-group experimental design was employed. Eye movement data were recorded during the experiment, following which participants were asked to complete an after-scenario questionnaire. This study evaluated the usability of the proposed new design using both subjective and objective data. The computer system usability questionnaire V3 (CSUQ) was used to measure subjective data. For the eye-tracking measure, gaze entropy, the proportion of fixation count and duration of each AOI were calculated. Gaze entropy reflects the complexity of information organization. Fixation counts and AOI duration represent the difficulty of information processing and attention distribution, respectively during the task.

Findings

The results indicated that interface layout presents significant effects on user's learning efficiency, usability and cognitive load. Sequential layout improved efficiency and satisfaction among participants and reduced information complexity. The results provided useful insights for designers whose goal is to improve user's learning efficiency under mobile learning scheme.

Originality/value

This study investigated the effects of interface layout on usability, user performance and cognitive load using subjective ratings and eye-tracking technology. Gaze entropy was used to measure the complexity of information organized by the interface design. Fixation count and duration proportion were used to identify the difficulty of information processing and distinguish users' distribution of cognitive resources. The results indicated that a vertical layout panel design was more efficient than a horizontal layout panel design. The design implications of the eye tracking indicators and research results were then summarized. This study is expected to encourage designers to optimize their design proposals using eye tracking testing.

Citation

Zhang, M., Hou, G. and Chen, Y.-C. (2023), "Effects of interface layout design on mobile learning efficiency: a comparison of interface layouts for mobile learning platform", Library Hi Tech, Vol. 41 No. 5, pp. 1420-1435. https://doi.org/10.1108/LHT-12-2021-0431