jimik@stmiki.ac.id 081377790601 Online Submission Open
Vol. 6 No. 1 (2025) • Articles
Open Access

Perancangan Desain UI/UX Website E-Learning Berbasis Learning Management System dengan Metode Design Thinking

Miftakhul Hudha
Universitas Islam Indonesia
Kholid Haryono
Universitas Islam Indonesia
Published: January 10, 2025 Pages: 598-609
Original Full-Text Article
Download published version for reading and archiving
Download PDF
Abstract

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:
User Interface User Experience E-learning Learning Management System Design Thinking
Article Metrics & Downloads Graph
Monthly Download Trends:
Author Biographies
Miftakhul Hudha Universitas Islam Indonesia

Program Studi Informatika, Fakultas Teknologi Industri, Universitas Islam Indonesia, Kabupaten Sleman, Daerah Istimewa Yogyakarta, Indonesia.

Kholid Haryono Universitas Islam Indonesia

Program Studi Informatika, Fakultas Teknologi Industri, Universitas Islam Indonesia, Kabupaten Sleman, Daerah Istimewa Yogyakarta, Indonesia.

How to Cite
Hudha, M., & Haryono, K. (2025). Perancangan Desain UI/UX Website E-Learning Berbasis Learning Management System dengan Metode Design Thinking. Jurnal Indonesia : Manajemen Informatika Dan Komunikasi, 6(1), 598-609. https://doi.org/10.35870/jimik.v6i1.1252
License

Creative Commons Attribution 4.0 International License (CC BY 4.0)

This is an open-access article distributed under the terms of the Creative Commons Attribution 4.0 International License .

  • Share: You are free to copy, distribute, and transmit the work in any medium or format.
  • Adapt: You are free to remix, transform, and build upon the work for any purpose, even commercially.
  • Attribution: You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
Copyright & Retention: Authors retain copyright without restrictions and grant this journal the right of first publication under an open-access model. The journal retains non-exclusive publishing rights for archiving, indexing, and scholarly dissemination.

References
Total: 15 References
  1. Adyaksa, A. C. G., Santoso, D. B., & Razaq, J. A. (2024). Perancangan UI/UX aplikasi e-learning kampus Universitas Stikubank dengan menggunakan metode design thinking. Jurnal Indonesia: Manajemen Informatika dan Komunikasi, 5(3), 2402-2412. https://doi.org/10.35870/jimik.v5i3.906.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. Muhammad Naufal, A. (2023). PERANCANGAN UI/UX LEARNING MANAGEMENT SYSTEM (LMS) APLIKASI MOBILE EDU-LEARN MENGGUNAKAN METODE DESIGN THINKING.
  8. 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/>.
  9. 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.
  10. 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.
  11. Ramadhan, A. (2024). PERANCANGAN E-LEARNING BERBASIS MOBILE DENGAN MENGGUNAKAN METODE DESIGN THINKING (STUDI KASUS: SDN SIDOREJO 01 MADIUN) (Doctoral dissertation, Universitas PGRI Madiun).
  12. 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.
  13. 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.
  14. 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.
  15. Woolery, E. (2019). Design thinking handbook. InVision.
Similar Articles

Articles sharing related keywords and machine learning classifications:

Rancang Bangun UI/UX dengan Metode Design Thinking pada Aplikasi Laundry Quick and Clean Berbasis Mobile
Vol. 6 No. 1 (2025) • DOI: 10.35870/jimik.v6i1.1145
Perancangan UI/UX Aplikasi E-learning Kampus Universitas Stikubank Dengan Menggunakan Metode Design Thinking
Vol. 5 No. 3 (2024) • DOI: 10.35870/jimik.v5i3.906
REDESIGN UI/UX WEBSITE OPEN LIBRARY TELKOM UNIVERSITY BERDASARKAN TIPE KEPRIBADIAN INFLUENCE DENGAN METODE DESIGN THINKING
Vol. 4 No. 3 (2023) • DOI: 10.35870/jimik.v4i3.425
Perancangan Sistem Informasi Sekolah SD Negeri 4 Kerta Payangan Menggunakan Metode Design Thinkin
Vol. 5 No. 3 (2024) • DOI: 10.35870/jimik.v5i3.1007
Pengembangan Aplikasi Mobile untuk Pasien Telkomedika dengan Tipe Kepribadian Influence Menggunakan Metode Design Thinking
Vol. 5 No. 3 (2024) • DOI: 10.35870/jimik.v5i3.963