Authors : Alovera Joe-ann; Masagnay Faith; Peña Anna Mae; Cedie E Gabriel; Prudente Reginald S.

Volume/Issue : Volume 10 - 2025, Issue 5 - May

Google Scholar : https://tinyurl.com/yumzktnp

Scribd : https://tinyurl.com/en6yuym8

DOI : https://doi.org/10.38124/ijisrt/25may146

Note : A published paper may take 4-5 working days from the publication date to appear in PlumX Metrics, Semantic Scholar, and ResearchGate.

Abstract : This study investigates the Development of User interface (UI) and user experience (UX) design in a Virtual Learning Environment (VLE) to Enhance student’s engagement, usability and overall satisfaction. With digital E-learning platforms increasingly taking Center stage in learning environments, the research aims to resolve problems that are related to complexity in navigation, inefficient visual design and limited user interaction. Using a quantitative research approach, data was gathered from 100 BSIT students at the South East Asian Institute of Technology, Inc. through surveys and usability tests. The redesigned VLE was evaluated using key performance indicators, including the System Usability Scale (SUS), task completion rate, error rate, and average task time. The result showed high improvements in usability, as represented by a System Usability Scale (SUS) score of 82.5, coupled with accuracy at 84.0 and acceptability at 83.1. The rate of Completion also reached 95% with 5% as the error rate. These outcomes Highlight the importance of Human-Computer Interaction (HCI) principles in E-Learning systems demonstrating how Optimized designs improvement can significantly improve learning experiences. This paper advances the HCI research area by demonstrating faactual evidence concerning the usability of enhanced User Interface (UI) and User Experience (UX) design in virtual learning environments as well as providing practical implications for developers and educators seeking to maximize digital learning systems.

Keywords : User Interface, User Experience, Virtual Learning Environment, Usability, Engagement, Satisfaction.

References :

1. Jehad Saad Alqurni. (2023). Evaluating the User Interface and Usability Approaches for E-Learning Systems. https://dl.acm.org/doi/10.4018/IJITWE.333638.
2. Danny Stefanic. (2024). Customizing User Interfaces for Learning - Hyperspace. https://hyperspace.mv /customized-learning-ui/
3. Bosya Perdana, & Tata Sutabri. (2024). Online Class UI/UX Design Using Design Thinking Method in Virtual Reality Environment. International Journal of Information Engineering and Science, 1(4), 25–36. https://doi.org/10.62951/ijies.v1i4.114
4. Koushik Reddy Chaganti, Uttham Sai Ramula, Cheruku Sathyanarayana, Ravindra Changala, N. Kirankumar, & K. Gupta. (2023). UI/UX Design for Online Learning Approach by Predictive Student Experience. In 2023 7th International Conference on Electronics, Communication and Aerospace Technology (ICECA). https://www.semanticscholar. org/paper/ccfc5035b302fe4b1123d026cd78da2ddfc8a47f
5. K. Singh, Anupam Samui, Manas Mukul, C. Misra, & Biswadev Goswami. (2024). Usability Evaluation of E-Learning Platforms Using UX/UI Design and ML Technique. In 2024 International Conference on Advancements in Smart, Secure and Intelligent Computing (ASSIC). https://www.semanticscholar.or g/paper/9cdb544bb448ec78193cc3f18fc5a94195a28765
6. Deanna Grant-Smith, T. Donnet, James Macaulay, & Renee Chapman. (2021). Principles and Practices for Enhanced Visual Design in Virtual Learning Environments. In Research Anthology on Developing Effective Online Learning Courses. https://www.s emanticscholar.org/paper/f3bb312a91bc4cdee7139b2d42982fcf50e40402
7. Abe Shin. (2023). Exploring the Role of Interaction in Engagement and Satisfaction Within Virtual Learning Environments. In Journal of Student Research. https://www.semanticscholar.org/paper/bc5c63ce15c0b416f71e02a93d0695c49beca820
8. Casumpang Frank, Catabijan Vilser, Daque Daynalyn, Pama.James Zyrus, Pineda.Jhon Michael, & Semeniego Noemilyn. (2024). 80The Role of User-Centered Design: Assessing the Effectiveness of Virtual Learning Environment (VLE) for BSIT Students. In International Journal of Scientific and Academic Research. https://www.semanticscholar. org/paper/48553de8d7908eedf1e11042b075ff1f24a818eb
9. Ofosu-Asare, Y. (2024). Enhancing user experience in online learning environments: Design, evaluation, and usability techniques. Retrieved from https://www.se manticscholar.org/paper/ad5a7c618025441b124c3c72e2eb172406f1135c
10. Baines, S., Barbosa Boucas, S., & Otermans, P. C. J. (2023). Using a survey and discussion forums on students' satisfaction and experience to inform the development of a new virtual learning environment (VLE): A data-driven approach to technology use in learning and teaching. Retrieved from https://www. semanticscholar.org/paper/63e8db915cc19f10822ad387715cee8fb118a03d
11. Nasir Uddin. (2025). A Brief History and Evolution of UI UX Design - Musemind. https://musemind.a gency/blog/ui-ux-design-history
12. Ian Batterbee. (2020). Don Norman’s seven fundamental design principles - UX Collective. https://uxdesign.cc/ux-psychology-principles-seven-fundamental-design-principles-39c420a05f84
13. Jeremy Lovelace. (2021). Understanding UX/UI Design For Virtual Learning Success. https://elearni ngindustry.com/understanding-ux-ui-design-for-virtual-learning-success
14. Connie Malamed. (2018). 5 Problems Users Have With eLearning User Interfaces. https://theel earningcoach.com/elearning_design/user-interface/us er-interface-design-for-elearning/
15. Jennifer Lindsay-Finan. (2024). Design Accessible Virtual Learning Experiences | InSync Insights. https://blog.insynctraining.com/design-accessible-virtual-learning
16. Navigating the Challenges of Online Learning – A Guide for ... (2024). https://www.captioningstar.com/ blog/navigating-the-challenges-of-online-learning-a-guide-for-university-lms-admins/