Utilization of Prototyping Models in Designing User Interfaces for Learning Applications for Preparation of Medical Records Competency Tests (PERKOMDIS)
Main Article Content
Abstract
Designing a good user interface is crucial in designing digital-based learning applications, one of which is to support student readiness for the Medical Records and Health Information Competency Test (UKOM). This study aims to utilize a prototyping model to design the user interface for the Medical Records and Health Information Competency Test Preparation Learning (PERKOMDIS) application. This application interface design is an interactive mobile app-based learning medium. The prototyping model allows for interactive user interface design by involving users in analyzing initial requirements. The study was conducted through several stages: user needs analysis, user interface design, and display feasibility testing by potential users. The results showed that the use of an interactive prototyping model improved the quality of the interface design, both in terms of usability, navigation clarity, and visual appeal. The PERKOMDIS application is designed to include practice questions, material discussion, and self-assessment features integrated into a single platform. With a user-focused approach and the implementation of competency-oriented design, this user interface design is expected to be an effective tool in the process of developing a UKOM preparation application for Medical Records and Health Information students.
Article Details

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
![]()
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
References
Balarama, S., & Abidin, M. R. (2023). Perancangan Desain User Interface Website Metanesia Sebagai Media Informasi Dan Edukasi. Jurnal Barik, 4 (3)(3), 43–56.
Budiyanti, N., Annggun, T., Kadarusno, A. H., Kristijono, A., & Kunianingrum. (2024). Perancangan Desain User Interface Aplikasi Analisis Rekam Medis Soetarto Yogyakarta. Jurnal Rekam Medis Dan Informasi Kesehatan, 3(2), 26–32. https://ejurnal2.poltekkestasikmalaya.ac.id/index.php/jremikes/article/view/659
Chasanah, N. I., Meliala, R. J., Bintang, S., & Kuntari, W. (2024). Pembuatan Bisnis Ekstrakurikuler Desain UI/UX Berbasis Figma dengan Penerapan Business Model Canvas. Jurnal Ekonomi, Bisnis Dan Manajemen, 3(4), 114–129. https://doi.org/10.58192/ebismen.v3i4.2732
Dananjaya, M. W. P., Prathama, G. H., & Darmaastawan, K. (2024). User-Centered Design Approach in Developing User Interface and User Experience of Sculptify Mobile Application. Journal of Computer Networks, Architecture and High Performance Computing, 6(3), 1089–1097. https://doi.org/10.47709/cnahpc.v6i3.4206
Darmawan, M. A., Sanjaya, G. Y., & Istiono, W. (2024). Penerapan Metode User-Centered Design (UCD) Dalam Merancang Rekam Medis Elektronik Poli Kedokteran Keluarga Layanan Primer. Journal of Information Systems for Public Health, 8(3), 1. https://doi.org/10.22146/jisph.80465
Hasib, A., Pratama, A., & Persada, A. G. (2023). Perancangan UI/UX aplikasi crowdfunding UMKM berbasis mobile menggunakan pendekatan HCD (Human Centered Design) (Studi Kasus: UMKM Mahasiswa UII). Jurnal Nuansa Informatika, 17(1), 99–110. https://journal.uniku.ac.id/index.php/ilkom
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
Ismail, D. A., Huda, B., Hilabi, S. S., & Priyatna, B. (2024). Penerapan Desain UI/UX Pada Sistem Penjualan Berbasis Web Dengan Metode Desain Thingking. INNOVATIVE: Journal Of Social Science Research, 4(2), 5737–5748.
Kurnia, R. S., & Pujiarti, B. (2022). Perancangan User Interface dan User Experience Adaptive Mobile Learning Untuk Siswa Sekolah Menengah. Journal of Computer System and Informatics (JoSYC), 3(4), 430–437. https://doi.org/10.47065/josyc.v3i4.2085
Lu, Y., Leung, A., Swearngin, A., Nichols, J., & Barik, T. (2025). Misty: UI Prototyping Through Interactive Conceptual Blending. Conference on Human Factors in Computing Systems - Proceedings, 1(1), 1–17. https://doi.org/10.1145/3706598.3713924
Marthiawati, N., Kurniawansyah, K., Nugraha, H., & Khairunnisa, F. (2024). Pelatihan Pembuatan UML (Unified Modelling Language) Menggunakan Aplikasi Draw.io Pada Prodi Sistem Informasi Universitas Muhammadiyah Jambi Training On Making UML (Unified Modeling Language) Using The Draw.io Application In The Information Systems Study Program, Muhammadiyah Jambi University. Jurnal Inovasi Dan Sosial Pengabdian, 1(2), 25–33. https://doi.org/10.62383/transformasi.v1i2.109
Nazarnia, M., Zarei, F., & Roozbahani, N. (2023). A mobile-based educational intervention on media health literacy: A quasi-experimental study. Health Promotion Perspectives, 13(3), 227–236. https://doi.org/10.34172/hpp.2023.28
Senubekti, M. A., Dajoreyta, G. L., & Anggraini, N. (2024). Pembuatan Desain UI/UX dengan Metode Prototyping pada Aplikasi Layanan Pengadilan Negeri Bale Bandung menggunakan Figma. Jurnal Informatika Terpadu, 10(1), 1–10. https://doi.org/10.54914/jit.v10i1.1001
Susanti, D., Juaeriah, R., Fatonah, S., & Wahyuni, S. (2024). Development of an Android-Based Application “Beraksi” To Conduct Early Detection of Stunting. Jurnal Kesehatan, 15(2), 233–240. https://doi.org/10.26630/jk.v15i2.4402
Tama, S. S., Pratama, A., & Faroqi, A. (2023). Pengaruh Desain Antarmuka Terhadap Kepuasan Pengguna Pada Aplikasi Fun Murojaah Menggunakan End-User Computing Satisfaction. KLIK: Kajian Ilmiah Informatika Dan …, 4(3), 1767–1776. https://doi.org/10.30865/klik.v4i3.1524