UI/UX App Monitoring Panti Asuhan Al-Fitroh Menggunakan Metode User-Centered Design
DOI:
https://doi.org/10.33795/jip.v12i4.10242Keywords:
App Monitoring, Panti Asuhan, System UsabilityScale, UI/UX Design, User-Centered DesignAbstract
Panti asuhan merupakan lembaga sosial yang kelangsungan operasionalnya sangat bergantung pada bantuan donatur. Namun, pengelolaan data kebutuhan di Panti Asuhan Al-Fitroh Kota Sukabumi saat ini masih dilakukan secara manual. Kondisi ini menyebabkan informasi kebutuhan tidak terstruktur dan sulit diakses secara transparan oleh donatur. Penelitian ini bertujuan untuk merancang User Interface (UI) dan User Experience (UX) aplikasi mobile untuk pemantauan kebutuhan panti asuhan yang sesuai dengan kebutuhan pengguna. Pendekatan yang digunakan adalah User-Centered Design (UCD) yang terdiri dari empat tahapan utama: context analysis, define requirements, design, dan evaluation. Pada tahap analisis, observasi dan wawancara mendalam dilakukan dengan pengurus panti. Tahap perancangan menghasilkan sitemap, user flow, wireframe, dan high-fidelity prototype menggunakan aplikasi Figma. Prototype dievaluasi menggunakan instrumen System Usability Scale (SUS) dengan melibatkan enam responden yang terdiri dari pengurus panti dan perwakilan donatur. Hasil evaluasi menunjukkan nilai rata-rata SUS sebesar 86,6. Nilai tersebut menempatkan aplikasi pada kategori Excellent, Acceptable, dan Grade B. Kesimpulannya, penerapan metode UCD berhasil menghasilkan rancangan UI/UX aplikasi mobile yang memiliki tingkat kemudahan penggunaan (usability) yang sangat baik, mudah dipahami, serta efektif untuk menjembatani informasi antara pengurus panti dan donatur.
Downloads
References
Adam, F. K., Pasaribu, A. F. O., & Wahyudi, A. D. (2023). Aplikasi Monitoring Absensi Karyawan Ditlantas Dengan Penerapan Teknologi GPS (Studi Kasus: Ditlantas Polda Lampung). Jurnal Informatika Dan Rekayasa Perangkat Lunak, 4(1), 1–9. https://doi.org/10.33365/jatika.v4i1.723
Amalia, S., Putu, A. S., & Jose, B. amadhan. (2024). Perancangan Sistem Informasi Donasi Panti Asuhan Berbasis Web Panti Peduli Design of Web-Based Donation Information System for. ProsidingSeminarNasionalTeknologidanSistemInformasi(SITASI)2024, 351–364.
Erin, I. J. (2025). The Impact of Early Usability Testing on the Usability Metrics of a Sustainability Workshop Tool Prototype : Evaluating Usability Improvements from Medium-Fidelity to High-Fidelity Prototype within the Design Thinking Framework. Degree Project in Technology. https://urn.kb.se/resolve?urn=urn:nbn:se:kth:diva-367782
Ernawati, S., & Indriyanti, A. D. (2022). Perancangan User Interface dan User Experience Aplikasi Medical Tourism Indonesia Berbasis Mobile Menggunakan Metode User Centered Design (UCD) (Studi Kasus: PT Cipta Wisata Medika). Journal of Emerging Information System and Business Intelligence (JEISBI), 3(4), 90–102. https://doi.org/10.26740/jeisbi.v3i4.49296
Haines, E. R., Kirk, M. A., Lux, L., Smitherman, A. B., Powell, B. J., Dopp, A., Stover, A. M., & Birken, S. A. (2022). Ethnography and user-centered design to inform context-driven implementation. Translational Behavioral Medicine, 12(1), ibab077. https://doi.org/10.1093/tbm/ibab077
I R Rizal Syahril, & Saputra Adi Surya. (2023). Perancangan UI/UX Design Pada Aplikasi Jasa Freelancer Berbasis Android Menggunakan Metode User Centered Design. Jurnal Ilmiah Matrik , 25(1), 7–14.
Ilham Firman Ashari, & Rahmat Rizky Muharram. (2022). Pengembangan Antarmuka Pengguna Kolepa Mobile App Menggunakan Metode Design Thinking Dan System Usability Scale. JSiI (Jurnal Sistem Informasi), 9(2), 168–176. https://doi.org/10.30656/jsii.v9i2.4993
Muslimin, W., & Zuraidah, E. (2023). Desain UI/UX Prototype SPP Metode Human Centered Design. KLIK: Kajian Ilmiah Informatika Dan Komputer, 4(2), 746–756. https://doi.org/10.30865/klik.v4i2.1081
Nugroho, A., Purwanto, J., Muin, M. A. M., & Mahardika, F. (2025). UI/UX Design of a Web-Based Student Organizations System Using the Design Thinking Method Approach. Journal of Technology and Informatics (JoTI), 7(1), 24–38. https://doi.org/10.37802/joti.v7i1.893
Oktavian, S. D., Rasmila, R., & Amalia, R. (2025). Analisis Aplikasi Agroscan Menggunakan Metode System Usability Scale ( Sus ). JATI (Jurnal Mahasiswa Teknik Informatika), 9(1), 1730–1735. https://doi.org/10.36040/jati.v9i1.12848
Paendong, I., Lelemboto, J., Yusupa, A., & Tarigan, V. (2025). Optimalisasi Ui/Ux Dalam Aplikasi Mobile: Strategi Meningkatkan Pengalaman Dan Keterlibatan Pengguna Optimization of Ui/Ux in Mobile Applications: Strategies To Enhance User Experience and Engagement. Variable Research Journal, 02(2), 615–624. https://variablejournal.my.id/index.php/VRJ/article/view/213
Panti Asuhan Al-Fitroh. (n.d.). Instagram. Retrieved June 23, 2026, from https://www.instagram.com/pantiasuhan_alfitroh?igsh=ZzhpODMyZGMyOHp5
Putra, I. G. N. A. W. P., & Putra, I. N. T. A. (2025). Pengguna Gofood Menggunakanan System Usability Scale (SUS). JITET: Jurnal Informatika Dan Teknik Elektro Terapan, 13(2), 1223–1230. https://doi.org/10.23960/jitet.v13i2.6426
Putra, I. M. A. W., & Arthana, I. K. R. (2021). Pengukuran tingkat usability website pemerintah daerah menggunakan System Usability Scale (SUS). J. Spektrum, 9(1), 78–85.
Schmager, S., Pappas, I. O., & Vassilakopoulou, P. (2025). Understanding Human-Centred AI: a review of its defining elements and a research agenda. Behaviour and Information Technology, 44(15), 3771–3810. https://doi.org/10.1080/0144929X.2024.2448719
Septiani Kurnia, & Nur Nawaningtyas. (2024). Analisis Interaksi Pengguna dalam Desain User Interface dan User Experience yang Lebih Baik Menggunakan Metode Heuristik. Jurnal Teknik Mesin, Industri, Elektro Dan Informatika, 3(4), 113–119. https://doi.org/10.55606/jtmei.v3i4.4433
Sundoro, T., Endartiwi, S. S., Suyatno, & Mustofa, A. (2023). SOSIALISASI PEMANFAATAN APLIKASI MOBILE JKN PADA HIKMAYO Jurnal Pengabdian Masyarakat. HIKMAYO : Jurnal Pengabdian Masyarakat, 2(1), 28–42.
System, M., At, A., Intan, C. V, & Abadi, M. (2023). DESIGN AND DEVELOPMENT MOBILE WEB-BASED WAREHOUSE. 6, 976–981.
Tawaqal, R. S., Maulana Ramdan, A. T., & Silviany, A. E. (2024). Analisis Strategi Komunikasi Humas Jabar Dalam Penyampaian Informasi Di Era Digital. J-Ika, 11(2), 67–77. https://doi.org/10.31294/kom.v11i2.23322
Wiryany, D., Natasha, S., & Kurniawan, R. (2022). Perkembangan Teknologi Informasi dan Komunikasi terhadap Perubahan Sistem Komunikasi Indonesia. Jurnal Nomosleca. https://api.semanticscholar.org/CorpusID:254706172
