Perancangan Desain UI/UX Website E-Learning Berbasis Learning Management System dengan Metode Design Thinking
Main Article Content
Abstract
Article Summary
This research aims to develop a user interface (UI) and user experience (UX) design for a Learning Management System (LMS)-based e-learning platform for the Central Language Improvement (CLI) community at the Islamic University of Indonesia using the Design Thinking method. Following the empathize, define, ideate, prototype, and testing stages, this research involved administrators, mentors, and students in the development process. Data collection was conducted through direct observation and interviews, followed by analysis using user personas and mind mapping. Usability testing results showed good acceptance levels with Maze scores for Admin (75), Mentor (89), and Students (83), and a System Usability Scale (SUS) score of 75.2 indicating an "Acceptable" category with a "Good" rating. This research successfully produced a UI/UX design that meets user needs in supporting the learning process in the CLI UII community, with recommendations for further development on the admin interface and implementation of learning monitoring features.
Keywords
Article Keywords
Downloads
Article Details

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution License (CC-BY 4.0) that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgement of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work.
Alicia, V., & Rani, I. H. (2022). KONTRIBUSI APLIKASI SISTEM MANAJEMEN PEMBELAJARAN BERBASIS SIBER TERHADAP KOMPLEKSITAS MANAJEMEN TINDAKAN KELAS. Jurnal Pendidikan, 23(1), 24-42. https://doi.org/10.33830/jp.v23i1.2611.2022.
Chairunnisa, A. A., Widodo, S., & Majid, N. W. A. (2024). Perancangan Desain Ui/Ux Sistem E-Learning Menggunakan Metode Design Thinking. Journal of Information System Management (JOISM), 6(1), 1-9. https://doi.org/10.24076/joism.2024v6i1.1632.
Dewi, S. K., Haryanto, E. K., & De Yong, S. (2018, October). Identifikasi Penerapan Design Thinking Dalam Pembelajaran Perancangan Desain Interior Kantor. In Seminar Nasional Seni dan Desain 2018 (pp. 33-38). State University of Surabaya.
Engerman, J. A., & Otto, R. F. (2021). The shift to digital: designing for learning from a culturally relevant interactive media perspective. Educational Technology Research and Development, 69, 301-305. https://doi.org/10.1007/s11423-020-09889-9.
Engkizar, E., Muliati, I., Rahman, R., & Alfurqan, A. (2017). The importance of integrating ICT into Islamic study teaching and learning process. Khalifa: Journal of Islamic Education, 1(2), 148-168. https://doi.org/10.24036/kjie.v1i2.11.
Muhammad Naufal, A. (2023). PERANCANGAN UI/UX LEARNING MANAGEMENT SYSTEM (LMS) APLIKASI MOBILE EDU-LEARN MENGGUNAKAN METODE DESIGN THINKING.
Nielsen, J. (2000). Why you only need to test with 5 users. nielsen norman group. online:< https://www. nngroup. com/articles/why-you-only-need-to-testwith-5-users/>.
Puspitaningrum, D. N., Perdana, I., & Utama, N. I. (2023). Redesign UI/UX Website Open Library Telkom University Berdasarkan Tipe Kepribadian Influence Dengan Metode Design Thinking. Jurnal Indonesia: Manajemen Informatika dan Komunikasi, 4(3), 1874-1886. https://doi.org/10.35870/jimik.v4i3.425.
Putra, A. A. A. W., Mahayani, N. K. D., & Tilman, B. N. D. R. M. (2025). Rancang Bangun UI/UX dengan Metode Design Thinking pada Aplikasi Laundry Quick and Clean Berbasis Mobile. Jurnal Indonesia: Manajemen Informatika dan Komunikasi, 6(1), 187-197. https://doi.org/10.35870/jimik.v6i1.1145.
Ramadhan, A. (2024). PERANCANGAN E-LEARNING BERBASIS MOBILE DENGAN MENGGUNAKAN METODE DESIGN THINKING (STUDI KASUS: SDN SIDOREJO 01 MADIUN) (Doctoral dissertation, Universitas PGRI Madiun).
Raschintasofi, M., & Yani, H. (2023). Perancangan UI/UX Aplikasi Learning Management System Menggunakan Metode Design Thinking. Jurnal Manajemen Teknologi dan Sistem Informasi (JMS), 3(1), 343-353.
Sari, E., & Tedjasaputra, A. (2018, March). Design thinking 101 for education. In Proceedings of the 4th International Conference on Human-Computer Interaction and User Experience in Indonesia, CHIuXiD'18 (pp. 119-122). https://doi.org/10.1145/3205946.3205964.
Sukmaindrayana, A., & Yulianeu, A. (2022). The Roles of Information and Communication Technology (ICT) in Transforming Students Learning Outcomes at STMIK DCI Tasikmalaya. Jurnal Iqra': Kajian Ilmu Pendidikan, 7(2), 89-104. https://doi.org/10.25217/ji.v7i2.1712.
Woolery, E. (2019). Design thinking handbook. InVision.