Desain UI/UX Aplikasi MediSaku untuk Edukasi Obat Menggunakan Pendekatan User-Centered Design
DOI:
https://doi.org/10.47065/bulletincsr.v6i1.910Keywords:
User Interface; User Experience; Drug Education Application; Android; High-Fidelity Prototype; UsabilityAbstract
The rapid development of mobile device technology has encouraged the utilization of digital applications in various fields, including the provision of health information, particularly related to medications. Although many drug-education applications are currently available, a significant number of them still have complex user interfaces that make it difficult for general users to understand the information presented. This condition may lead to potential medication misuse. Therefore, this study aims to design the User Interface (UI) and User Experience (UX) of the MediSaku drug-education application based on Android that is simple, informative, and easy to use. The research method consists of preliminary study, user needs analysis, navigation structure and interface design, as well as the development of a high-fidelity prototype. The design process adopts a user-centered design approach and considers usability principles such as ease of use, consistency, and clarity of information. The result of this study is a high-fidelity prototype that includes several main pages, namely the splash screen, login, home, drug information, medication reminder, health articles, and user profile pages. Based on the conceptual design evaluation using heuristic principles, the MediSaku interface design is considered capable of facilitating users in accessing drug information and improving interaction comfort. This design is expected to serve as a foundation for the future implementation stage of the MediSaku application.
Downloads
References
P. Mobile and H. Dalam, “REAL in Nursing Journal ( RNJ ),” REAL inNursing Journal(RNJ)Research Educ. Art Link Nurs. J., vol. 4, no. 3, 2021, doi: https://doi.org/10.32883/rnj.v4i3.1491.
I. Y. Arini, I. Permatasari, and T. V. Yastica, “Perancangan Website Pelayanan Puskesmas Babakan Tarogong Informasi Obat di,” Int. J. Community Serv. Learn., vol. 9, no. 2, pp. 182–192, 2025, doi: https://doi.org/10.23887/ijcsl.v9i2.90674.
Y. T. Yanutiar and A. Prabowo, “Perancangan Desain UI / UX Aplikasi Mobile Antrean Online Menggunakan Metode UCD ( Studi Kasus?: BAPENDA Kabupaten Pemalang ) UI / UX Design for Online Queue Mobile Applications Using the UCD Method ( Case Study?: BAPENDA Pemalang Regency ),” JIKO (Jurnal Inform. dan Komputer), no. 1, pp. 12–27, 2024, doi: 10.26798/jiko.v8i1.954.
N. Faizi and M. I. Rosadi, “Perancangan UI / UX IngatCare Aplikasi Pengingat Minum Obat untuk Penderita Hipertensi,” MIFORTEKH J. Manaj. Inform. Teknol., vol. 5, no. 2, pp. 366–379, 2025, doi: https://doi.org/10.51903/gs2bjk68.
R. B. Ramadhan and M. A. Romli, “Mobile Health Monitoring Application As An Effort To Detect Stunting In Early Childhood Based On Android Aplikasi Mobile Health Monitoring Sebagai Upaya Deteksi Stunting Pada Anak Usia Dini,” J. Innov. Technol. (INOVTEK Polbeng—Seri Inform., vol. 9, pp. 679–689, 2024, doi: https://doi.org/10.35314/6m2tse18.
M. Pengalaman and D. A. N. Kepuasan, “Pengaruh desain ui/ux yang efektif dalam meningkatkan pengalaman dan kepuasan penggunaan,” J. Data Sains dan Teknol. Inf., vol. 2, pp. 1–10, 2025, doi: https://doi.org/10.62003/kygzam23.
T. Fandi, M. Syafei, and A. Hidayatullah, “Analisis Penerapan UI / UX Dalam Meningkatkan Pengalaman Pengguna Pada Sistem Reservasi Amadeus,” JUSTINFO (Jurnal Sist. Inf. dan Teknol. Informasi), vol. 1, no. 1, pp. 1–8, 2023, doi: 10.33197/justinfo.vol1.iss1.2023.1252.
L. Trisnawati and S. Parma, “Penerapan Metode UCD dan HCI Pada Aplikasi Pelayanan Kesehatan di UPT Puskesmas Gema,” Jekin- J. Tek. Inform., vol. 4, no. 2, 2024, doi: https://doi.org/10.58794/jekin.v4i2.897.
T. Suratno and M. R. A, “Perancangan UI / UX Sistem Presensi Pada Klinik Kesehatan Menggunakan Metode Design Thinking,” J. FASILKOM (teknologi Inf. dan ILmu KOMputer), vol. 15, no. 2, pp. 336–342, 2025, doi: https://doi.org/10.37859/jf.v15i2.9317.
A. V. Muhammad Fadhil Ar Rizqi , Kamal Prihandani, “Implementasi Design Thinking Dalam Perancangan Ui/Ux Aplikasi Kesehatan Berbasis Mobile (Studi Kasus: Pt. Sintasi),” J. Ilm. Wahana Pendidik., vol. 9, no. 16, pp. 555–569, 2023, doi: https://doi.org/10.5281/zenodo.8251429.
F. A. Farhan and M. Arifin, “Design Thinking dalam Meningkatkan User Experience pada Website Edukasi Gizi Anak,” J. Bin. Digit. - Technol., vol. 7, no. 2, 2024, doi: 10.32877/bt.v7i2.1824.
M. N. Prayuda and A. Voutama, “Perancangan Ui Aplikasi ‘ Petdoc ’ Berbasis Mobile Dengan Metode User Centered Design,” Jayakarta J. Informatics Manag., vol. 5, pp. 402–417, 2025, doi: https://doi.org/10.52362/jmijayakarta.v5i4.1875.
N. Kadek, P. Tara, I. N. Tri, and A. Putra, “Analisis Usability Aplikasi Kesehatan Digital System Usability Scale ( SUS ),” J. Inform. dan Tek. Elektro Terap., vol. 13, no. 3, 2025, doi: https://doi.org/10.23960/jitet.v13i3S1.8063.
D. Inkud, D. Rahma, M. Y. Arohman, M. D. H. Aly, and H. Maulana, “GoSehat?: Inovasi Digital dalam Mengontrol Malnutrisi melalui Desain Antarmuka yang Ramah Pengguna,” Semin. Nas. Inform. Bela Negara, vol. 5, pp. 176–188, 2025, doi: https://doi.org/10.33005/santika.v5i1.569.
G. W. Putra and P. E. Pradnyani, “Evaluasi Penerapan Sistem Informasi Tuberkulosis ( SITB ) pada Klinik Swasta di Kota Denpasar,” J-REMI J. Rekam Med. dan Inf. Kesehat., vol. 6, no. 4, pp. 247–256, 2025, doi: 10.25047/j-remi.v6i4.4932.
P. Sibuea et al., “Pengaruh Kejelasan Linguistik dan KepadatanInformasi Verbal Terhadap Retensi Audiensi dalam Presentasi,” Mudabbir (Journal Res. Educ. Stud., vol. 5, pp. 956–964, 2025, doi: https://doi.org/10.56832/mudabbir.v5i2.1282.
A. Kholik, A. Soegiarto, W. P. Sari, and U. Negeri, “Strategi Komunikasi Visual dalam User Interface ( UI ) dan User Experience ( UX ) Untuk Membangun Kepuasan Pengguna,” TUTURAN J. Ilmu Komunikasi, Sos. dan Hum., vol. 2, no. 4, 2024, doi: https://doi.org/10.47861/tuturan.v2i4.1358.
A. E. Musantono, R. Yulianto, M. Riyo, N. Saputra, and P. W. Permata, “Strategi Transformasi Digital pada Perusahaan PT Lokabyte Digital Innovations Menggunakan Metode High Fidelity dan Prototype,” Jikom J. Inform. dan Komput., vol. 15, no. 1, pp. 151–160, 2025, doi: https://doi.org/10.55794/jikom.v15i1.241.
R. Khusfiana, R. D. Arista, and H. Wulandari, “Desain Dalam Aplikasi OYO Rooms Menciptakan Alur Pemesanan Yang Intuitif Pada OYO 293 Mutiara Hijau Suites Syariah,” J. Minfo Polgan, vol. 13, pp. 2604–2612, 2025, doi: https://doi.org/10.33395/jmp.v13i2.14554.
A. H. Luthfi and I. Arfiani, “Perancangan UI / UX Aplikasi Sampahocity Menggunakan Pendekatan UCD ( User Centered Design ),” J. Ilmu Komput. dan Sist. Inf., vol. 7, pp. 24–36, 2024, doi: https://doi.org/10.55338/jikomsi.v7i1.2175.
H. Bancong, Strategi Reviu Riset dan Konstruksi Teori?: Metode, Analisis, dan Studi Kasus. Indonesia Emas Group, 2025. [Online]. Available: https://www.google.co.id/books/edition/Strategi_Reviu_Riset_dan_Konstruksi_Teor/TIxVEQAAQBAJ?hl=id&gbpv=1
J. Nasir, Dunia Interaksi Manusia dan Komputer. CV. Gita Lentera, 2024. [Online]. Available: https://www.google.co.id/books/edition/Dunia_Interaksi_Manusia_dan_Komputer/r68GEQAAQBAJ?hl=id&gbpv=1
Y. Yudhanto, Panduan UI/UX Aplikasi Digital. Elex Media Komputindo, 2017. [Online]. Available: https://www.google.co.id/books/edition/Panduan_UI_UX_Aplikasi_Digital/5zcVEQAAQBAJ?hl=id&gbpv=1
A. S. Muin, Peran Sistem Informasi Dalam Transformasi Digital. Penerbit P4I, 2025. [Online]. Available: https://www.google.co.id/books/edition/PERAN_SISTEM_INFORMASI_DALAM_TRANSFORMAS/abtPEQAAQBAJ?hl=id&gbpv=1&kptab=overview
M. A. Machmudi, Interaksi Manusia dan Komputer: Teori dan Aplikasi. PT Penerbit Qriset Indonesia, 2025. [Online]. Available: https://www.google.co.id/books/edition/Interaksi_Manusia_dan_Komputer_Teori_dan/La6ZEQAAQBAJ?hl=id&gbpv=1&dq=Penerapan+Heuristic+Evaluation+Nielsen&pg=PA56&printsec=frontcover
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Desain UI/UX Aplikasi MediSaku untuk Edukasi Obat Menggunakan Pendekatan User-Centered Design
ARTICLE HISTORY
How to Cite
Issue
Section
Copyright (c) 2025 Rasmila, Muhammad Erlangga Fauzi, M Zakiansyah, Dzikri Thoriq Al Ariiq, Rachmat Adiaz Arrofi
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under Creative Commons Attribution 4.0 International License that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (Refer to The Effect of Open Access).
