From Code to Concept: Evaluating Multiple Coordinated Views in Introductory Programming

2025-09-30

AI Summary

Novice programmers often struggle to comprehend code execution mechanisms and construct abstract computational models due to heterogeneous backgrounds—including varying language proficiencies and prior experience—resulting in high cognitive load and low engagement. Method: We propose a multi-representational visualization framework integrating synchronized code views, dynamic memory diagrams, and domain-based analogies, augmented with adaptive scaffolding to accommodate learner diversity. Employing interactive visualization, educational data mining, log analysis, and validated cognitive load measurement, we conducted an empirical study in an introductory Python course with 829 students. Contribution/Results: The intervention significantly reduced immediate mental effort (p < 0.01) and enhanced both behavioral and cognitive engagement. Furthermore, early cognitive load levels predicted long-term learning perceptions, empirically validating the critical role of multi-representational scaffolding in fostering abstract thinking during initial programming acquisition.

Technology Category

• Cognitive Modeling & Cognitive Systems: Analogy
• Computer Vision: Visual Reasoning & Symbolic Representations
• Knowledge Representation and Reasoning: Diagnosis and Abductive Reasoning

Application Category

• Web Mining and Content Analysis: Web data visualization
• User Modeling, Personalization and Recommendation: Practical large-scale studies of user experience
• Graph Algorithms and Modeling for the Web: Efficient manipulation of static and dynamic Web-related graphs

Abstract

Novice programmers often struggle to understand how code executes and to form the abstract mental models necessary for effective problem-solving, challenges that are amplified in large, diverse introductory courses where students' backgrounds, language proficiencies, and prior experiences vary widely. This study examines whether interactive, multi-representational visualizations, combining synchronized code views, memory diagrams, and conceptual analogies, can help manage cognitive load and foster engagement more effectively than single-visual or text-only approaches. Over a 12-week deployment in a high-enrolment introductory Python course (N = 829), students who relied solely on text-based explanations reported significantly higher immediate mental effort than those using visual aids, although overall cognitive load did not differ significantly among conditions. The multi-representational approach consistently yielded higher engagement than both single-visual and text-only methods. Usage logs indicated that learners' interaction patterns varied with topic complexity, and predictive modelling suggested that early experiences of high cognitive load were associated with lower longer-term perceptions of clarity and helpfulness. Individual differences, including language proficiency and prior programming experience, moderated these patterns. By integrating multiple external representations with scaffolded support adapted to diverse learner profiles, our findings highlight design considerations for creating visualization tools that more effectively support novices learning to program.

Problem

• Evaluating multi-view visualizations for novice programming education
• Assessing cognitive load and engagement in diverse learner populations
• Developing adaptive visualization tools for introductory programming courses

Innovation

• Multi-representational visualizations combine synchronized code views
• Memory diagrams and conceptual analogies manage cognitive load
• Scaffolded support adapts to diverse learner profiles