Utilization of Prototyping Models in Designing User Interfaces for Learning Applications for Preparation of Medical Records Competency Tests (PERKOMDIS)

Main Article Content

Mochammad Arief Darmawan
Setya Wijayanta
Puput Sugiarto

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

How to Cite
Darmawan, M. A., Wijayanta, S., & Sugiarto, P. (2026). Utilization of Prototyping Models in Designing User Interfaces for Learning Applications for Preparation of Medical Records Competency Tests (PERKOMDIS). JURNAL KESEHATAN, SAINS, DAN TEKNOLOGI (JAKASAKTI), 5(1), 29–37. https://doi.org/10.36002/js.v5i1.4995
Section
Articles

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