Learning Design Architecture of Visual Feedback and Gamified Design in Secondary Mathematics: Effects on Student Learning and Performance

Digital learning platforms in secondary mathematics frequently employ visual cues such as correctness icons, hints, and progress bars to guide student thinking and motivation. These elements constitute a learning architecture that influences how students process information and solve mathematical problems. Despite the widespread use of visual feedback and gamified features in digital mathematics tools, research remains fragmented and lacks a theory-guided synthesis focused specifically on secondary mathematics, particularly concerning cognitive demands. This study presents a systematic review, conducted in accordance with PRISMA 2020, to investigate how visual feedback and gamified design impact motivation, cognitive engagement, and problem-solving in secondary mathematics environments. Three academic databases (ERIC, ScienceDirect, and SpringerLink) were searched for studies published between 2018 and 2025. Studies were screened based on a mathematics focus, secondary school level, and the utilisation of visual or gamified feedback in digital settings. A total of 32 studies met the inclusion criteria and were analysed through a narrative, theory-guided synthesis informed by Cognitive Load Theory. The findings reveal that layered hints, immediate correctness signals, and clear progress indicators facilitate mathematical reasoning by reducing extraneous cognitive load, while high-salience competitive prompts may increase distraction during multi-step tasks. Based on these findings, the review proposes a visual-feedback design framework grounded in Cognitive Load Theory, which elucidates how digital design choices shape learning processes in secondary mathematics. Practical implications are outlined for teachers, instructional designers, and researchers aiming to create visually efficient and student-supportive learning environments.