- Integrating Sustainable Media and HCI in Online Learning: Evidence from a Systematic Literature Review
Article Sidebar
Abstract:
Background: The rapid transformation of digital education requires a deeper understanding of the relationship between digital learning media design, Human-Computer Interaction (HCI), and sustainability principles in supporting effective and long-term online learning implementation. Previous studies have often investigated these aspects separately, resulting in limited integration of technological, pedagogical, and sustainability perspectives.
Aims: This study aims to identify, analyze, and synthesize the relationship between digital learning media design, HCI dimensions, and the sustainability of online learning implementation through an integrated conceptual framework based on existing evidence.
Methods: This study employed a Systematic Literature Review (SLR) following the PRISMA. Literature searches were conducted using the Scopus database for publications from 2016 to 2026. The identification process generated 365, including 356. After removing duplicates and irrelevant records, 353 articles underwent screening. Based on title, abstract, and full-text eligibility assessments, 140 studies were included as the final articles analyzed. Data analysis involved metadata cleaning using OpenRefine, bibliometric analysis using Biblioshiny (RStudio) and VOSviewer, and evidence synthesis supported by Elicit AI.
Results: The findings show that integrating sustainable digital learning media with HCI principles enhances learning outcomes, motivation, engagement, and user experience. Usability, accessibility, and UX quality are key factors influencing technology acceptance and continued use. Institutional support, educator competencies, infrastructure readiness, and inclusive access also contribute to sustainable implementation.
Conclusion: This study develops an integrated framework connecting sustainable digital learning media, HCI, and online learning sustainability. The findings emphasize that successful educational technology adoption requires alignment between user-centered design, technological quality, and organizational support.
Keywords: Digital Sustainability, Human-Computer Interaction (HCI), Online Learning, Systematic Literature Review, Sustainable Media, Usability
Copyright (c) 2026 Sri Anggraini, Wersi Handayani
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
References
Ahmad, N., & Abdullah, A. (2021). Web Engagement Strategies in Business, Government and Education Sector: Review. International Journal of Computer Systems & Software Engineering, 7(1), 12–23. https://doi.org/10.15282/ijsecs.7.1.2021.2.0078
Bonok, Z., Abdussamad, S., Mohamad, Y., & Junus, A. P. P. (2024). Digital transformation of basic telecommunication techniques and advanced telecommunication systems. Jambura Journal of Electrical and Electronics Engineering, 6(1), 98–102. https://doi.org/10.37905/jjeee.v6i1.23898
Cahyono, T. A. (2024). Analysis of the influence of the UI/UX design component of the Learning Management System (LMS) content on the cognitive and affective of users. Journal of Informatics and Applied Electrical Engineering, 12(3). https://doi.org/10.23960/jitet.v12i3.4938
Candrawaty, D. A., Damariswara, R., & Aka, K. A. (2022). Analysis of Teacher and Student Responses to the Use of Android-Based Interactive Multimedia Non-Fiction Material Containing Local Wisdom of Kediri Raya. Journal of Basicedu, 6(4), 7456–7465. https://doi.org/10.31004/basicedu.v6i4.3459
Cone, L., Brøgger, K., Berghmans, M., Decuypere, M., Förschler, A., Grimaldi, E., Hartong, S., Hillman, T., Ideland, M., Landri, P., Oudeweetering, K. v. d., Player-Koro, C., Rensfeldt, A. B., Rönnberg, L., Taglietti, D., & Vanermen, L. (2021). Pandemic Acceleration: Covid-19 and the Emergency Digitalization of European Education. European Educational Research Journal, 21(5), 845–868. https://doi.org/10.1177/14749041211041793
Corrales, C., Bącela‐Spychalska, K., Bužan, E., Ekrem, T., Ferreira, S., Goodall‐Copestake, W. P., Kloeke, E. v. O., Hollingsworth, P. M., & Bourlat, S. J. (2025). The Role of Community Science in DNA‐Based Biodiversity Monitoring. Molecular Ecology, 34(19). https://doi.org/10.1111/mec.70100
Dimulescu, C. (2023). E-Learning Platform Usage and Acceptance of Technology After the COVID-19 Pandemic: The Case of Transilvania University. Sustainability, 15(22), 16120. https://doi.org/10.3390/su152216120
Elmi, H., Ambiyar, A., Huda, Y., & Novaliendry, D. (2024). The Role of Information and Communication Technology in Interactive Learning. Journal of Informatics and Computer Management Science, 23(1), 193. https://doi.org/10.53513/jis.v23i1.9549
Facciotti, F., Stefano, G. D., Maragno, P., Ferraro, C., Dridi, D., Somigliana, E., Viganò, P., Vercellini, P., & Casalechi, M. (2025). Microbiome Dysbiosis and Endometriosis: A Systematic Scoping Review of Current Literature and Knowledge Gaps. Human Reproduction Open, 2025(4). https://doi.org/10.1093/hropen/hoaf061
Fadlan, M., Saputra, I. T., & Suprianto, S. (2022). Measurement of the Quality of E-Learning Websites in Universities in North Kalimantan with Webqual 4.0. Journal of Sisfokom (Information Systems and Computers), 11(3), 304–309. https://doi.org/10.32736/sisfokom.v11i3.1446
Farach, N., Rahman, T., & Siahaan, P. (2022). Development of Interactive E-Learning Media on Environmental Pollution Using Prezi. Journal of Mathematics and Natural Sciences Education, 23(2), 554–568. https://doi.org/10.23960/jpmipa/v23i2.pp554-568
Fatmawati, A. (2021). Usability evaluation in learning management system openLearning using system usability scale. Inovtek Polbeng - Informatics Series, 6(1), 120. https://doi.org/10.35314/isi.v6i1.1881
Feng, Y. (2025). Network Intrusion Detection: Evolution From Conventional Approaches to LLM Collaboration and Emerging Risks. https://doi.org/10.48550/arxiv.2510.23313
González, C. F., & Ledo, M. (2025). Grit and L2 Grit Research in SLA (2013–2025). Studies in Second Language Acquisition, 47(3), 828–866. https://doi.org/10.1017/s0272263125100909
Hakimi, A., Nourry, A., Mouras, H., & Lelard, T. (2025). Posturographic Analysis of Induced Emotion: A Scoping Review. Frontiers in Human Neuroscience, 19. https://doi.org/10.3389/fnhum.2025.1654630
Kartimi, K., Chandra, E., & Riyanto, O. R. (2023). The Influence of H5P Interactive Video on Stereoisomer Understanding in Terms of Learning Style. Journal of Indonesian Science Education, 12(3), 451–459. https://doi.org/10.15294/jpii.v12i3.42757
Kurniawati, I., & Hadi, S. (2024). Evaluation of the Implementation of the Meaningful Learning Learning Model Based on Educational TV for High School Level. Journal of Technodik. https://doi.org/10.32550/teknodik.vi.1083
Laufer, M., Leiser, A., Deacon, B., Brichambaut, P. P. d., Fecher, B., Kobsda, C., & Hesse, F. W. (2021). Digital Higher Education: A Divider or Bridge Builder? Leadership Perspectives on Edtech in a COVID-19 Reality. International Journal of Educational Technology in Higher Education, 18(1). https://doi.org/10.1186/s41239-021-00287-6
Mardiah, Z. (2024). Analysis of Usability Testing of the Polytechnic LMS Website Using the System Usability Scale method. Indexia Infomatic and Computational Intelligent Journal, 6(1), 22. https://doi.org/10.30587/indexia.v6i1.7584
Nucifera, P., Yakob, M., & Setyoko, S. (2022). Digital-Based Learning Media Training for Teachers at SMPN 1 Rantau Selamat Aceh Timur. Absyara Journal of Community Service, 3(2), 217–225. https://doi.org/10.29408/ab.v3i2.6277
Nyaga, D. M., Zaied, R. E., Silander, O., Black, M. A., & O'Sullivan, J. M. (2025). Beyond Single References: Pangenome Graphs and the Future of Genomic Medicine. Frontiers in Genetics, 16. https://doi.org/10.3389/fgene.2025.1679660
Panjaitan, M., Alamsyah, M., Siburian, M. F., Fatmawati, E., Uslan, U., & Siagian, G. (2023). Improving Students' Learning Outcomes in Natural Science Subject for Third Grade of Elementary School Through Video Media. Journal of Early Childhood Education Obsession, 7(3), 3253–3266. https://doi.org/10.31004/obsesi.v7i3.4632
Qin, F., He, X., Huang, X. J., Wang, Y., Mao, F., Cheng, Y., Zeng, X., Xu, M., & Yang, Y. (2025). Effects of Ginkgo Diterpene Lactone Meglumine on Cognition and Neurological Function in Stroke Patients: A Systematic Evaluation and Meta-Analysis. https://doi.org/10.1101/2025.07.05.25330942
Ribeiro, M. d. S. (2025). Executive Gender Diversity and Eco‐Innovation in Brazil: The Moderating Role of Sustainable Compensation Policies. Corporate Social Responsibility and Environmental Management, 32(5), 6066–6087. https://doi.org/10.1002/csr.70014
Rithiely, B., Shirahige, L., Lima, P. R. E. de, Souza, M. F. S. e, Marques, D., Brito, R., Baltar, A., Duarte‐Moreira, R. J., Antonino, G. B., Andrade, R., Nunes-Sá, K., Baptista, A. F., Piscitelli, D., & Monte‐Silva, K. (2025). Non-Invasive Brain Stimulation for Stroke-Related Motor Impairment and Disability: An Umbrella Review of Systematic Review and Meta-Analysis. Frontiers in Neuroscience, 19. https://doi.org/10.3389/fnins.2025.1633986
Rizqiyana, R., Saidah, N., & Pujiono, P. (2022). Evaluation of the Village Academy 4.0 Program with the CIPP Model at the Ministry of Villages, Development of Disadvantaged Regions and Transmigration. As-Sabiqun, 4(4), 840–858. https://doi.org/10.36088/assabiqun.v4i4.2078
Sabila, A. Z., Nana, N., & Mahmudah, I. R. (2024). Development of Interactive Learning Multimedia Based on Somatic, Auditory, Visual, Intellectual (SAVI) Approach Assisted by Articulate Storyline 3 on Circular Motion Material. Journal of Physics Education Research and Studies, 11(1), 11–20. https://doi.org/10.12928/jrkpf.v11i1.717
Sari, N. P., & Tyaningsih, R. Y. (2024). Optimizing the use of GeoGebra media and student worksheets (LKPD) to improve understanding of Dimension Tiga material. Griya Journal of Mathematics Education and Application, 4(2), 127–135. https://doi.org/10.29303/griya.v4i2.463
Silvester, S., Purnasari, P. D., Saputro, T. V. D., & Jesica, M. (2023). Analysis of the Competency of Elementary School Teachers in the Implementation of Digital-Based Learning. Journal of Education and Learning Dimensions, 11(1), 166–174. https://doi.org/10.24269/dpp.v11i1.8281
Sobaih, A. E. E., Salem, A. E., Hasanein, A. M., & Elnasr, A. E. A. (2021). Responses to COVID-19 in Higher Education: Students’ Learning Experience Using Microsoft Teams Versus Social Network Sites. Sustainability, 13(18), 10036. https://doi.org/10.3390/su131810036
Sutoyo, M. A. H., & Rahayu, P. (2022). Evaluate the usability of the EDMODO application with SUS and thematic analysis. Journal of Business Information Systems, 11(2), 146–151. https://doi.org/10.21456/vol11iss2pp146-151
Swiderski, T. (2025). The Relationship Between Student Attendance and Achievement, Pre- And Post-Covid. Aera Open, 11. https://doi.org/10.1177/23328584251371041
Waang, G. P. (2023). Maximizing the Potential of Multimedia in Indonesia: Enhancing Engagement, Accessibility, and Learning Outcomes. Academic Society for Appropriate Technology, 9(3), 235–245. https://doi.org/10.37675/jat.2023.00409
Wahyuni, A., Supratman, S., & Lestari, P. (2023). Smart Apps Creator (SAC) Assisted Comic Media Development in Optimizing Visual Spatial Intelligence. Alphamath Journal of Mathematics Education, 9(1), 1. https://doi.org/10.30595/alphamath.v9i1.15314
Walker, R., & Voce, J. (2023). Post-Pandemic Learning Technology Developments in UK Higher Education: What Does the UCISA Evidence Tell Us? Sustainability, 15(17), 12831. https://doi.org/10.3390/su151712831
Wang, Y., Shi, J., Ow, T. T., Yun, J., & Yang, Y. (2025). The Impact of Technological Innovations on Consumer Behavior in E-Commerce. Journal of Organizational and End User Computing, 37(1), 1–27. https://doi.org/10.4018/joeuc.372896
Wijayanto, B., Susetyo, B. B., Rahmadani, S. F., Pernando, J., & Operma, S. (2022). GEO-AR ENHANCEMENT: Augmented Reality-based learning innovation for geography teachers at SMA/MA Padang Panjang City. Journal of Community Service and Empowerment, 4(1), 16–23. https://doi.org/10.24036/abdi.v4i1.139
Wijayanto, K., Mudofir, M., & Makruf, I. (2021). Transformation of Educational Infrastructure Management in the Era of Technological Disruption at IAIN Surakarta. Scientific Journal of Islamic Economics, 7(2). https://doi.org/10.29040/jiei.v7i2.2684
Williamson, B. (2021). Education Technology Seizes a Pandemic Opening. Current History, 120(822), 15–20. https://doi.org/10.1525/curh.2021.120.822.15
