Online Class UI/UX Design Using Design Thinking Method in Virtual Reality Environment
DOI:
https://doi.org/10.62951/ijies.v1i4.114Keywords:
User Interface, User Experience, Virtual Reality, Online Classes, Design Thinking, Interactive LearningAbstract
Online learning has become an essential component of modern education; however, conventional online learning platforms often rely on two-dimensional interfaces that limit user engagement, interaction, and immersion. These limitations reduce learning motivation and hinder the creation of an effective learning experience, particularly for activities that require active participation. To address these challenges, this research focuses on the design of User Interface (UI) and User Experience (UX) for online learning implemented in a Virtual Reality (VR) environment. The objective of this study is to develop a user-centered VR-based online learning interface that enhances interaction, usability, and learning comfort. This research applies the Design Thinking methodology, which consists of five stages: empathize, define, ideate, prototype, and test. User needs and usability issues were identified through observations and interviews, followed by interface design and prototype development of a VR learning environment featuring chat rooms, whiteboards, slide presentations, and virtual representations of teachers and students. Usability evaluation was conducted using the Maze platform to measure user success rates in completing predefined tasks. The results show that 80% of users completed tasks through the expected interaction paths, exceeding the minimum usability threshold of 70%, while 20% of users failed to complete the tasks, indicating areas for improvement. These findings demonstrate that the proposed UI/UX design effectively supports user interaction and usability in a VR-based learning environment. In conclusion, this study confirms that integrating Design Thinking into the UI/UX design process contributes to the development of effective and user-centered VR-based online learning systems, while also highlighting the importance of usability evaluation for refining immersive educational interfaces.
References
Brown, S. (2020). Immersive learning through VR in education. Educational Technology Today, 8(3), 45-60.
Cabero-Almenara, J., & Roig-Vila, R. (2022). The impact of virtual reality on education: A meta-review. Sustainability, 14(3), 1234. https://doi.org/10.3390/su14031234
Chang, M. (2020). The influence of user experience design in online learning. Journal of Educational Technology, 9(4), 30-45.
Chen, L., & Wang, F. (2018). Motivation in VR-based learning environments. Journal of VR Education Research, 5(2), 120-135.
Davis, J. (2019). Cognitive benefits of VR-based learning. Advances in Virtual Learning, 6(4), 80-94.
Davis, R. (2019). Real-world applications of virtual reality in education: A review. Educational Technology Review, 30(5), 321-336.
Garcia, M., & Lewis, S. (2020). Enhancing user engagement in e-learning with VR. International Journal of E-learning, 9(1), 22-35.
Hansen, T. (2021). Building intuitive user interfaces for VR applications. Interface Design & Education Journal, 7(3), 101-115.
Harris, G., & Walker, S. (2020). Designing for virtual classroom environments: A focus on usability. Human-Computer Interaction Journal, 25(3), 244-259.
Harris, R., & Walker, E. (2020). A design thinking approach to e-learning interface design. Digital Learning and UI Design, 10(2), 65-78.
Lee, A., Chen, Y., & Roberts, K. (2021). UI/UX design for effective online learning platforms. Journal of Digital Education, 15(1), 55-70.
Li, X., & Zhao, D. (2021). Interface design in virtual classrooms: A UX perspective. Journal of Virtual Classroom Technology, 13(1), 77-92.
Makransky, G., Petersen, G. B., & Klingenberg, S. (2021). Immersive virtual reality and learning: A meta-analysis. Educational Psychology Review, 33(3), 1–28. https://doi.org/10.1007/s10648-020-09584-4
Martin, L., Rogers, H., & Simon, P. (2019). Applying design thinking to UX design in educational platforms. Education Design Journal, 12(5), 87-102.
Nguyen, K., & Lee, H. (2021). Analysis of VR applications in distance learning. VR in Education Journal, 11(2), 41-56.
Smith, J., & Johnson, R. (2020). The role of virtual reality in online learning environments. Innovations in Digital Learning, 6(3), 12-28.
Sutabri, T. (2022). Faktor-faktor tampilan UI/UX yang mempengaruhi psikologis manusia. Jurnal Sistem Informasi, 12(1), 50-57.
Sutabri, T. (2023). Perancangan UI/UX aplikasi forum diskusi mahasiswa Universitas Bina Darma dengan menerapkan metode design thinking. Jurnal Teknologi Informasi dan Komunikasi, 15(2), 102-110.
Thompson, S. (2019). Understanding user needs in educational UI/UX design. User Experience Journal, 8(2), 58-73.
Zhao, T., & Morgan, B. (2018). Practical applications of design thinking in education. Journal of Educational Methods, 7(1), 90-105.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2024 International Journal of Information Engineering and Science

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.


