1. Home
  2. Vol 3, No 6 (2025)
  3. Ridhatul Adilla Nur Dhani

Desain UI/UX Aplikatif Telemedicine Dalam Optimalisasi Rekam Medis Elektronik Di Puskesmas X Bengkulu Utara

Author


Wafiq Ridhatul Adilla Nur Dhani(1Mail), Sarah Larasati(2), A'idah Haniyah Sary(3),
(1) Politeknik Indonusa Surakarta, Indonesia
(2) Politeknik Indonusa Surakarta, Indonesia
(3) Politeknik Indonusa Surakarta, Indonesia

Mail Corresponding Author
Article Analytic
  [File Size: 930KB]  Language: en
Available online: 2025-07-01  |  Published : 2025-07-01
Copyright (c) 2025 Wafiq Ridhatul Adilla Nur Dhani, Sarah Larasati, A'idah Haniyah Sary
Article can trace at:

Article Metrics

Abstract Views: 105 times PDF Downloaded: 59 times

Abstract


Manual medical record management at Puskesmas X Bengkulu Utara faces constraints on efficiency, risk of damage, and data accuracy. Electronic Medical Records (EMR) are a transformative solution, improving operational efficiency and service quality. Telemedicine, which enables remote healthcare services, can integrate with EMR for seamless data exchange and increased accessibility. However, the transition to this digital system is faced with the challenges of poor user interface (UI) and user experience (UX) design, which can hinder adoption by medical personnel. This study emphasizes the design of functional and intuitive UI/UX, adopting User-Centered Design (UCD). The process involved needs analysis, persona creation, and visual design using Figma. The visual design took into account aesthetics and cognitive psychology, such as the dominance of light blue and white for a professional impression, easy-to-read sans-serif typography, and a consistent grid-based layout. Specifically, the design addressed the issue of multiple forms by introducing a Floating Action Button (FAB) as a single dynamic entry point for data input. The FAB would trigger a contextual input interface, adjusting input options based on the feature the user was accessing. The consistent structure of the health feature pages also ensured a recognizable workflow. This approach reduced confusion, prevented data duplication, and improved data integrity. The transition from “multiple forms” to “one dynamic input” through this cohesive design significantly improved the user experience (UX), driving efficiency and long-term engagement in healthcare services at Puskesmas X Bengkulu Utara.

Keywords


Electronic Medical Records, Telemedicine, User-Centered Design, Figma, Floating Action Button

References


Aditya, Made Wahyu. (2025). Design Overview Of User Interface Design For Medical Record Filling System At Dharma Yadnya General Hospital. 7(1), 1–17.

Albert, T., Nugroho, J. A., & Hapsari, R. W. (2021). Perancangan Ulang UI/ UX Website sebuah Perusahaan Farmasi. Jurnal Rupaka.

Anisa, Desfa, & Putri, Widya. (2022). Perancangan Prototype Aplikasi Rekam Medis Di Laboratorium Komputer Universitas Awal Bros. BULLET : Jurnal Multidisiplin Ilmu, 1(03), 212–223. Retrieved from https://journal.mediapublikasi.id/index.php/bullet/article/view/391

Hadi, Ido Prijana, Katolik, Universitas, Mandala, Widya, Kristen, Universitas, Surabaya, Petra, Malang, Universitas Muhammadiyah, & Litera, Buku. (n.d.). Information and Communication Technology, dan Literasi Media Digital by Dewi Kartika Sari, Nurul Hasfi, Hedi Pudjo Santosa, Triyono Lukmantoro, Narayana Mahendra Prastya, Santi Isnaini, Said Romadlan, (z-lib.pdf.

Ifandi, Ahmad Azrul, & Kusumandyoko, Tri Cahyo. (2023). Penerapan Metode User Centered Design Pada Pengembangan Antarmuka Aplikasi Kesehatan Hewan. Jurnal Barik, 5(1), 68–80. Retrieved from http://journal.unesa.ac.id/index.php/JDKV/

Indradi Sudra, Rano. (2021). Standardisasi Resume Medis Dalam Pelaksanaan PMK 21/ 2020 Terkait Pertukaran Data Dalam Rekam Medis Elektronik. Jurnal Ilmiah Perekam Dan Informasi Kesehatan Imelda (JIPIKI), 6(1), 67–72. https://doi.org/10.52943/jipiki.v6i1.495

Muhyidin, Muhammad Agus, Sulhan, Muhammad Afif, & Sevtiana, Agus. (2020). Perancangan Ui/Ux Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma. Jurnal Digit, 10(2), 208. https://doi.org/10.51920/jd.v10i2.171

Parsaoran, Anggi, & Sitompul, H. (2023). Penggunaan Rekam Medis Elektronik Untuk Pasien Rawat Jalan Di Fasilitas Kesehatan Indonesia : Literature Review. Jurnal Ilmiah Multidisipline, 37(2), 37–46.

Puspitasari, Febrianty Ayu, Irianto, Kurniawan D., & Persada, Andhika Giri. (2024). Perancangan User Experience Aplikasi Kebugaran Lansia. Technologia : Jurnal Ilmiah, 15(3), 585. https://doi.org/10.31602/tji.v15i3.15414

Risdianty, Nina, & Wijayanti, Chatarina Dwiana. (2020). Evaluasi Penerimaan Sistem Teknologi Rekam Medik Elektronik Dalam Keperawatan. Carolus Journal of Nursing, 2(1), 28–36. https://doi.org/10.37480/cjon.v2i1.9

Rizky, Diva, & Tiorentap, Amanda. (2020). Manfaat Penerapan Rekam Medis Elektronik Di Negara Berkembang: Systematic Literature Review. Health Information Management Journal ISSN, 8(2), 2655–9129.

Rozaq, Abd, Setiawan, Tri Adi, Hakim, Arif Rahman, & Yanto, Ferry. (2024). Peningkatan Pemahaman Siswa Pada Mapel Akidah Akhlak Melalui Tayangan Sinetron Islam KTP. 4(3), 365–379.

Senubekti, Mamok Andri, Dajoreyta, Geovanny Lea, & Anggraini, Novita. (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

Setiawan, Agustinus Eko, Andika, Tahta Herdian, Aras, Irsan, & Pasaribu, Alfredo. (2024). Desain Aplikasi Layanan Kesehatan Home Care Menggunakan Metode User Centred Design ( UCD ). 1–8. https://doi.org/10.33364/algoritma/v.21-2.1617

Van Eymeren, Margaretha Margawati. (2016). Memahami Persepsi Visual: Sumbangan Psikologi Kognitif Dalam Seni Dan Desain. ULTIMART Jurnal Komunikasi Visual, 7(2), 47–63. https://doi.org/10.31937/ultimart.v7i2.387

Yoraeni, Ani, Suhardoyo, Suhardoyo, & Rukiastiandari, Sinta. (2020). Analisa Usability Aplikasi Metode User Centered Design (Ucd) Pada Rancang Bangun Sistem Pendaftaran Pasien Secara Online (Studi Kasus Pada Prakter Dokter Irwan. JUTIM (Jurnal Teknik Informatika Musirawas), 5(1), 11–24. https://doi.org/10.32767/jutim.v5i1.810


Refbacks

  • There are currently no refbacks.

Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.