Main Article Content
Abstract
Technological developments have brought major changes in the world of education, especially in the development of digital learning media. This study aims to design a user interface and user experience on a mobile-based habituation e-module application at MA Taqwiyatul Wathon as a solution to the limitations of physical modules that have been used in students' daily habituation activities. The method used is Design Thinking which consists of five stages, namely Empathize, Define, Ideate, Prototype, and Test. The research process involved three groups of users, namely students, teachers, and admins through observation, interviews, and direct testing of the High-Fidelity Prototype (Hi-fi) using the In-Person Usability Testing method based on a Likert scale (1–5). The test results showed a Usability Score of 91.7 for students, 97.2 for teachers, and 90 for admins, with the category "Excellent". These results indicate that the designed application is easy to use, has a clear display, and is efficient in navigation. Thus, the habituation e-module application is worthy of further development to support digital learning and habituation activities in the madrasa environment.
Keywords
Article Details

This work is licensed under a Creative Commons Attribution 4.0 International License.
References
- Alfarabi, S. and Faisal, M. (2024) ‘Perancangan UI/UX Pada Aplikasi Berbasis Mobile TravelTrails Menggunakan Metode Design Thinking’, Jurnal Rekayasa Perangkat Lunak (Reputasi), 5(1), pp. 69–76. Available at: https://doi.org/https://doi.org/10.31294/reputasi.v5i1.3439.
- Ashiddiq, M.N. et al. (2024) ‘Perancangan UI/UX Learning Management System (LMS) Aplikasi Mobile Edu-Learn Menggunakan Metode Design Thinking’, Jurnal Informatika dan Teknik Elektro Terapan (JITET), 12(1), pp. 229–245. Available at: https://doi.org/https://doi.org/10.23960/jitet.v12i1.3693.
- Branson, S. (2020) UX/UI Design Introduction Guide To Intuitive Design and User-Friendly Experience. Amazon’s Kindle Direct Publishing.
- Chairunnisa, A.A., Widodo, S. and Majid, N.W.A. (2024) ‘Perancangan Desain UI/UX Sistem E-Learning Menggunakan Metode Design Thinking’, Journal of Information System Management (JOISM), 6(1), pp. 1–9. Available at: https://doi.org/https://doi.org/10.24076/joism.2024v6i1.1632.
- Damayanti, I.D., Firdaus, A. and Indah, D.R. (2023) ‘Penerapan Metode Design Thinking Pada Pengembangan Knowledge Management System Pembelajaran SMA’, Jurnal Teknik Informatika dan Sistem Informasi, 9(3), pp. 313–325. Available at: https://doi.org/https://doi.org/10.28932/jutisi.v9i3.6138.
- Deacon, P.B. (2020) UX and UI Strategy A Step by step Guide on UX and UI design. Amazon’s Kindle Direct Publishing.
- Fajar et al. (2025) ‘Penerapan Metode Design Thinking Dalam Perancangan UI/UX Aplikasi Manajemen Keuangan’, Jurnal Teknologi Dan Sistem Informasi Bisnis, 7(2), pp. 327–333. Available at: https://doi.org/https://doi.org/10.47233/jteksis.v7i2.1931.
- Junitasari, R. and A, I.K. (2024) ‘Implementasi Design Thinking pada Desain UI/UX Aplikasi Donasi Berbasis Konser Amal untuk Meningkatkan Partisipasi Publik’, Jurnal Pendidikan dan Teknologi Indonesia (JPTI), 4(7), pp. 285–298. Available at: https://doi.org/https://doi.org/10.52436/1.jpti.517.
- Nadhif, A.K. et al. (2021) ‘Perancangan UI/UX Aplikasi Penjualan Dengan Pendekatan Design Thinking’, Jurnal Ilmiah IT CIDA, 7(1), pp. 44–55. Available at: https://doi.org/https://doi.org/10.55635/jic.v7i1.146.
- Purwitasari, R.W. and Ramadhan, N.G. (2023) ‘Evaluasi User Experience pada Website Posyandu Menggunakan Metode In-Person Usability Testing dan User Experience Questionnaire (UEQ)’, Jurnal Ilmiah IT CIDA, 9(2), pp. 62–72. Available at: https://doi.org/https://doi.org/10.55635/jic.v9i2.190.
- Putri, D.A.S. and Nugroho, A. (2025) ‘Implementasi Metode Design Thinking dalam Perancangan UI/UX Website Bellina Studio’, Jurnal Sistem Informasi (SISTEMASI), 14(4), pp. 1681–1697. Available at: https://doi.org/https://doi.org/10.32520/stmsi.v14i4.5265.
- Ratri, A.Y. et al. (2024) ‘Pengembangan Modul Berbasis Engineering Design Process(EDP) dalam Meningkatkan Keterampilan Berpikir Kreatif Siswa SMP Pada Pembelajaran IPA’, Jurnal Sains dan Edukasi Sains, 7(2), pp. 105–111. Available at: https://doi.org/https://doi.org/10.24246/juses.v7i2p105-111.
- Reza, A. et al. (2024) ‘Perancangan UI/UX Aplikasi Tanify Berbasis Mobile Menggunakan Metode Design Thinking’, Jurnal Ilmu Komputer dan Sistem Informasi (JIKOMSI), 7(1), pp. 273–285. Available at: https://doi.org/https://doi.org/10.55338/jikomsi.v7i1.2933.
- Rubin, J. and Chisnell, D. (2008) Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests. 2nd edn. Indianapolis, Indiana: Wiley Publishing.
- Rusydi, M.H. and Nuryasin, I. (2024) ‘Perancangan Ui/Ux Aplikasi Hidup Sehat Berbasis Mobile Menggunakan Metode Design Thinking’, Journal Of Information Systems And Informatics Engineering, 8(1), pp. 54–64. Available at: https://doi.org/https://doi.org/10.35145/joisie.v8i1.4168.
- Saddyah, T.M. and Saragih, S.P. (2024) ‘Perancangan UI/UX Delivery Mobile App Dengan Metode Design Thinking Dan Usability Scale’, Computer Based Information System Journal (CBIS), 12(1), pp. 39–51. Available at: https://doi.org/https://doi.org/10.33884/cbis.v12i1.8242.
- Sinaga, L.G. and Johan, M.C. (2024) ‘Perancangan Design Order Management System Berbasis Web dengan Metode Design Thinking’, Jurnal Teknik Informatika dan Sistem Informasi, 10(2), pp. 215–228. Available at: https://doi.org/https://doi.org/10.28932/jutisi.v10i2.8282.
- Zazhemi, N. and Marcos, H. (2025) ‘Penerapan Metode Design Thinking untuk Perancangan UI/UX Aplikasi GhosyDonat dalam Meningkatkan Keterlibatan Pengguna’, Jurnal Media Informatika [JUMIN], 6(2), pp. 1380–1387. Available at: https://doi.org/https://badge.dimensions.ai/details/doi/10.55338/jumin.v6i2.5319?domain=https://ejournal.sisfokomtek.org.
References
Alfarabi, S. and Faisal, M. (2024) ‘Perancangan UI/UX Pada Aplikasi Berbasis Mobile TravelTrails Menggunakan Metode Design Thinking’, Jurnal Rekayasa Perangkat Lunak (Reputasi), 5(1), pp. 69–76. Available at: https://doi.org/https://doi.org/10.31294/reputasi.v5i1.3439.
Ashiddiq, M.N. et al. (2024) ‘Perancangan UI/UX Learning Management System (LMS) Aplikasi Mobile Edu-Learn Menggunakan Metode Design Thinking’, Jurnal Informatika dan Teknik Elektro Terapan (JITET), 12(1), pp. 229–245. Available at: https://doi.org/https://doi.org/10.23960/jitet.v12i1.3693.
Branson, S. (2020) UX/UI Design Introduction Guide To Intuitive Design and User-Friendly Experience. Amazon’s Kindle Direct Publishing.
Chairunnisa, A.A., Widodo, S. and Majid, N.W.A. (2024) ‘Perancangan Desain UI/UX Sistem E-Learning Menggunakan Metode Design Thinking’, Journal of Information System Management (JOISM), 6(1), pp. 1–9. Available at: https://doi.org/https://doi.org/10.24076/joism.2024v6i1.1632.
Damayanti, I.D., Firdaus, A. and Indah, D.R. (2023) ‘Penerapan Metode Design Thinking Pada Pengembangan Knowledge Management System Pembelajaran SMA’, Jurnal Teknik Informatika dan Sistem Informasi, 9(3), pp. 313–325. Available at: https://doi.org/https://doi.org/10.28932/jutisi.v9i3.6138.
Deacon, P.B. (2020) UX and UI Strategy A Step by step Guide on UX and UI design. Amazon’s Kindle Direct Publishing.
Fajar et al. (2025) ‘Penerapan Metode Design Thinking Dalam Perancangan UI/UX Aplikasi Manajemen Keuangan’, Jurnal Teknologi Dan Sistem Informasi Bisnis, 7(2), pp. 327–333. Available at: https://doi.org/https://doi.org/10.47233/jteksis.v7i2.1931.
Junitasari, R. and A, I.K. (2024) ‘Implementasi Design Thinking pada Desain UI/UX Aplikasi Donasi Berbasis Konser Amal untuk Meningkatkan Partisipasi Publik’, Jurnal Pendidikan dan Teknologi Indonesia (JPTI), 4(7), pp. 285–298. Available at: https://doi.org/https://doi.org/10.52436/1.jpti.517.
Nadhif, A.K. et al. (2021) ‘Perancangan UI/UX Aplikasi Penjualan Dengan Pendekatan Design Thinking’, Jurnal Ilmiah IT CIDA, 7(1), pp. 44–55. Available at: https://doi.org/https://doi.org/10.55635/jic.v7i1.146.
Purwitasari, R.W. and Ramadhan, N.G. (2023) ‘Evaluasi User Experience pada Website Posyandu Menggunakan Metode In-Person Usability Testing dan User Experience Questionnaire (UEQ)’, Jurnal Ilmiah IT CIDA, 9(2), pp. 62–72. Available at: https://doi.org/https://doi.org/10.55635/jic.v9i2.190.
Putri, D.A.S. and Nugroho, A. (2025) ‘Implementasi Metode Design Thinking dalam Perancangan UI/UX Website Bellina Studio’, Jurnal Sistem Informasi (SISTEMASI), 14(4), pp. 1681–1697. Available at: https://doi.org/https://doi.org/10.32520/stmsi.v14i4.5265.
Ratri, A.Y. et al. (2024) ‘Pengembangan Modul Berbasis Engineering Design Process(EDP) dalam Meningkatkan Keterampilan Berpikir Kreatif Siswa SMP Pada Pembelajaran IPA’, Jurnal Sains dan Edukasi Sains, 7(2), pp. 105–111. Available at: https://doi.org/https://doi.org/10.24246/juses.v7i2p105-111.
Reza, A. et al. (2024) ‘Perancangan UI/UX Aplikasi Tanify Berbasis Mobile Menggunakan Metode Design Thinking’, Jurnal Ilmu Komputer dan Sistem Informasi (JIKOMSI), 7(1), pp. 273–285. Available at: https://doi.org/https://doi.org/10.55338/jikomsi.v7i1.2933.
Rubin, J. and Chisnell, D. (2008) Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests. 2nd edn. Indianapolis, Indiana: Wiley Publishing.
Rusydi, M.H. and Nuryasin, I. (2024) ‘Perancangan Ui/Ux Aplikasi Hidup Sehat Berbasis Mobile Menggunakan Metode Design Thinking’, Journal Of Information Systems And Informatics Engineering, 8(1), pp. 54–64. Available at: https://doi.org/https://doi.org/10.35145/joisie.v8i1.4168.
Saddyah, T.M. and Saragih, S.P. (2024) ‘Perancangan UI/UX Delivery Mobile App Dengan Metode Design Thinking Dan Usability Scale’, Computer Based Information System Journal (CBIS), 12(1), pp. 39–51. Available at: https://doi.org/https://doi.org/10.33884/cbis.v12i1.8242.
Sinaga, L.G. and Johan, M.C. (2024) ‘Perancangan Design Order Management System Berbasis Web dengan Metode Design Thinking’, Jurnal Teknik Informatika dan Sistem Informasi, 10(2), pp. 215–228. Available at: https://doi.org/https://doi.org/10.28932/jutisi.v10i2.8282.
Zazhemi, N. and Marcos, H. (2025) ‘Penerapan Metode Design Thinking untuk Perancangan UI/UX Aplikasi GhosyDonat dalam Meningkatkan Keterlibatan Pengguna’, Jurnal Media Informatika [JUMIN], 6(2), pp. 1380–1387. Available at: https://doi.org/https://badge.dimensions.ai/details/doi/10.55338/jumin.v6i2.5319?domain=https://ejournal.sisfokomtek.org.