Perancangan User Interface (UI) dan User Experience (UX) SIM Klinik Kodefikasi Klinis
DOI:
https://doi.org/10.25047/j-remi.v7i1.6344Keywords:
Clinical Coding, UI/UX Design, Clinic Information System (CIS)Abstract
Medical record officers at Clinic X experience difficulties in determining disease and procedure codes because coding is performed manually, which often results in claim delays due to codes that are insufficiently specific and do not comply with BPJS regulations. Therefore, this study aims to design a UI/UX for the clinical coding module of the Clinic Information System (CIS) at Clinic X, Malang Regency, to ensure faster and more accurate code generation. This study employed a Research and Development (R&D) approach using Figma, involving three medical record officers as informants. The results indicate that the UI/UX design of the clinical coding module consists of five pages: a login page, a coding dashboard page, a coding page, a coding edit page, and a coding report page. The UI/UX interface design covers navigation, page titles, language clarity, icon consistency, colour schemes, visual appearance, layout, font type and size, and overall page structure, all of which were found to be appropriate. The CIS not only functions effectively from a technical perspective but also enhances the comfort and efficiency of healthcare personnel in managing medical data and services.
References
[1] S. Supriyadi, D. Yuliawati, A. Andriyadi, and B. Bachry, “Pelatihan Pengembangan Ui/Ux Desain Pada Produk Digital Di SMA/SMK Bandar Lampung,” J-ABDI J. Pengabdi. Kpd. Masy., vol. 2, no. 8, pp. 5969–5974, Jan. 2023, doi: 10.53625/jabdi.v2i8.4550.
[2] P. A. Minarni, L. Wati, and B. Baskoro, “Perancangan User Interface Sistem Informasi Rekam Medis Rawat Inap Klinik PKU Muhammadiyah Pringsewu,” J. Ilm. Kesehat., vol. 13, no. 2, pp. 230–243, Jul. 2024, doi: 10.52657/jik.v13i2.2424.
[3] N. Sigit and M. Maulana, “Evaluasi Sistem Informasi Manajemen Klinik (SIM KLINIK) Di Bagian Rawat Jalan Dengan Metode Hot-Fit,” J. Heal. Res. Sci., vol. 4, no. 2, pp. 114–122, Sep. 2024, doi: 10.34305/jhrs.v4i02.1181.
[4] Z. A. Amin, W. Cholil, M. I. Herdiansyah, and E. S. Negara, “Analisa Rekam Medis Elektronik Untuk Menentukan Diagnosa Medis Dalam Kategori Bab ICD 10 Menggunakan Machine Learning,” POSITIF J. Sist. dan Teknol. Inf., vol. 7, no. 2, pp. 127–132, Dec. 2021, doi: 10.31961/positif.v7i2.1140.
[5] A. Sukawan, D. S. H. Putra, D. Barsasella, and F. D. Rahmawati, “Akurasi Pengkodean Injury dan External Causes Berdasarkan ICD-10 dan ICD-9 CM di Rumah Sakit X,” J-REMI J. Rekam Med. dan Inf. Kesehat., vol. 6, no. 1, pp. 50–57, Dec. 2024, doi: 10.25047/j-remi.v6i1.5572.
[6] F. A. Rachim, B. Irmawati, and R. Afwani, “Perancangan User Interface Dan User Experience Aplikasi Berbasis Web Untuk Klinik Terapi Menggunakan Metode User Centered Design (Studi Kasus: Klinik Rumah Terapi Sahabat),” J. Teknol. Informasi, Komputer, dan Apl. (JTIKA ), vol. 6, no. 2, pp. 417–428, Sep. 2024, doi: 10.29303/jtika.v6i2.360.
[7] M. Z. Syafiq, R. D. Arista, and H. Hermansyah, “Desain UI/UX Aplikasi Rekam Medis untuk Meningkatkan Efisiensi dan Akurasi Data Pasien Medan Dental Center Cabang Johor dengan Metode User-Centered Design (UCD),” J. Minfo Polgan, vol. 13, no. 2, pp. 2534–2541, Feb. 2025, doi: 10.33395/jmp.v13i2.14541.
[8] V. Sharma and A. K. Tiwari, “A Study on User Interface and User Experience Designs and its Tools,” World J. Res. Rev., vol. 12, no. 6, pp. 41–44, 2021.
[9] F. A. Mujahidah, D. Prawira, and F. Febriyanto, “Perancangan UI/UX Sistem Informasi Manajemen Tugas Akhir (SIMTA) Menggunakan Metode Double Diamond,” CESS (Journal Comput. Eng. Syst. Sci., vol. 9, no. 2, pp. 589–600, Jul. 2024, doi: 10.24114/cess.v9i2.59030.
[10] B. Hartono, Cara mudah dan Cepat Belajar Pengembangan Sistem Informasi. Semarang: Yayasan Prima Agus Teknik, 2021.
[11] M. A. Senubekti, G. L. Dajoreyta, and N. Anggraini, “Pembuatan Desain UI/UX dengan Metode Prototyping pada Aplikasi Layanan Pengadilan Negeri Bale Bandung menggunakan Figma,” J. Inform. Terpadu, vol. 10, no. 1, pp. 1–10, Mar. 2024, doi: 10.54914/jit.v10i1.1001.
[12] N. D. N. Aini and N. Sigit, “Perancangan SIM Klinik Bagian Kodefikasi Klinis Menggunakan Metode Waterfall Di Klinik X Kabupaten Malang,” J-REMI J. Rekam Med. dan Inf. Kesehat., vol. 6, no. 1, pp. 70–76, Dec. 2024, doi: 10.25047/j-remi.v6i1.5364.
[13] D. P. Salsabila, R. S. Pradini, and A. N. Khudori, “Perancangan User Interface dan User Experience Aplikasi Klinik Gigi Menggunakan Metode Design Thinking,” J. SAINTEKOM, vol. 14, no. 1, pp. 61–71, Mar. 2024, doi: 10.33020/saintekom.v14i1.601.
[14] E. Rachmawati, S. F. Karomah, S. J. Swari, and D. A. Hasan, “Sistem Informasi Peminjaman dan Pengembalian Rekam Medis Rawat Inap Berbasis Web di RSUD Haji Surabaya,” JTIM J. Teknol. Inf. dan Multimed., vol. 4, no. 1, pp. 54–65, May 2022, doi: 10.35746/jtim.v4i1.214.
[15] K. Angelina, E. Sutomo, and V. Nurcahyawati, “Desain UI UX Aplikasi Penjualan dengan Menyelaraskan Kebutuhan Bisnis menggunakan Pendekatan Design Thinking,” TEMATIK, vol. 9, no. 1, pp. 70–78, Jun. 2022, doi: 10.38204/tematik.v9i1.915.
[16] A. F. Setya, K. Umam, I. N. Ratri, L. Hakim, and D. Suwardiyanto, “Perancangan Ulang UI/UX Pada Website Diva Clinic Menggunakan Metode Design Thinking,” Jikom J. Inform. dan Komput., vol. 14, no. 2, pp. 1–9, Jun. 2024, doi: 10.55794/jikom.v14i2.143.
[17] K. M. Y. Habibullah, H. Witriyono, S. H. Wibowo, and M. Imanullah, “Implementasi Proteksi Session Pada Menu Dan Module Program Alternatif Pengamanan Aplikasi Sim Dprd Kota Bengkulu,” J. Komputer, Inf. dan Teknol., vol. 4, no. 1, pp. 1–10, Aug. 2024, doi: 10.53697/jkomitek.v4i1.1803.
[18] S. Hidayatulloh and G. W. Ramadhan, “Design and Build a Web-Based E-Lapor Application as a Citizen’s Service Media,” J. Informatics Telecommun. Eng., vol. 5, no. 2, pp. 295–304, Jan. 2022, doi: 10.31289/jite.v5i2.6106.
[19] H. Mantik, “Model Pengembangan Dashboard Untuk Monitoring dan Sebagai Alat Bantu Pengambilan Keputusan (Studi Kasus PT MTI dan PT JPN),” J. Sist. Inf. Univ. Suryadarma, vol. 8, no. 1, pp. 235–240, Jun. 2014, doi: 10.35968/jsi.v8i1.620.
[20] H. Setiyawan, S. Nugroho, and A. Widyawati, “Analisis Ketepatan Kode Diagnosis Penyakit Berdasarkan Kode ICD-10 Pasien Rawat Jalan di Puskesmas Pleret Bantul,” J. Ilmu Kesehat. Bhakti Setya Med., vol. 7, no. 1, pp. 8–13, 2022.
[21] S. Putri, N. Yulia, L. Indawati, and D. R. Dewi, “Ketepatan Pengodean Diagnosis dan Tindakan Medis 10 Penyakit Terbanyak,” Surya Med. J. Ilm. Ilmu Keperawatan dan Ilmu Kesehat. Masy., vol. 19, no. 2, pp. 103–109, Jun. 2024, doi: 10.32504/sm.v19i2.1017.
[22] I. P. Risyanti and S. A. Yudianti, “Pengaruh Ketepatan Kodefikasi Penyakit Terhadap Validasi Laporan Morbiditas Rawat Jalan,” J. Rekam Medis dan Inf. Kesehat., vol. 3, no. 1, pp. 13–17, Mar. 2020, doi: 10.31983/jrmik.v3i1.5667.
[23] N. Ramdhani and E. Gunawan, “Analisis Keakuratan Kodifikasi pada Rekam Medis Rawat Inap,” PREPOTIF J. Kesehat. Masy., vol. 8, no. 2, pp. 2972–2979, Jul. 2024, doi: 10.31004/prepotif.v8i2.29537.
[24] N. V. Y. Putra and I. N. T. A. Putra, “Pengaruh UI/UX terhadap Kepuasan Pengguna dalam Aplikasi e-wallet,” J. Ris. Sist. Inf. dan Teknol. Inf., vol. 7, no. 1, pp. 605–616, Jan. 2025, doi: 10.52005/jursistekni.v7i1.465.
[25] H. F. Amran, H. F. Amran, D. Martilova, and B. Anugrah, “Rancangan UI (User Interface) dan UX (User Experience) Sistem Imunisasi Anak Menggunakan Metode Design Thinking,” J. FASILKOM, vol. 14, no. 1, pp. 286–292, Jul. 2024, doi: 10.37859/jf.v14i1.7498.
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Nita Dwi Nur Aini, Moh Maulana
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
