PERANCANGAN UI/UX APLIKASI PENGAJUAN BANTUAN PADA DINAS SOSIAL MENGGUNAKAN METODE DESIGN THINKING

Sherliana Sherliana; Prastuti Sulistyorini; Ari Putra Wibowo

doi:10.37600/tekinkom.v8i2.2445

Sherliana Sherliana Institut Widya Pratama, Fakultas Teknologi Informasi
Prastuti Sulistyorini Institut Widya Pratama
Ari Putra Wibowo Institut Widya Pratama

DOI: https://doi.org/10.37600/tekinkom.v8i2.2445

Abstract

The Batang Regency Social Service is a public service agency responsible for distributing social assistance, including inpatient assistance. However, the application process is still done manually, which often causes confusion about the process, unclear requirements, and delays in information about the disbursement schedule. These issues indicate the need for a mobile-based solution supported by an intuitive and user-centered user interface and user experience (UI/UX) design. This study aims to design a UI/UX prototype for a mobile application for inpatient assistance submission using the Design Thinking method. The research applies the stages of empathize, define, ideate, prototype, and test, involving residents as primary users to ensure the design aligns with real user needs. Usability evaluation was conducted using the System Usability Scale (SUS) to measure the effectiveness, efficiency, and user satisfaction of the proposed design. The evaluation results show a SUS score of 86.5, which falls into the excellent category, indicating that the designed prototype is highly usable and user-friendly. These findings demonstrate that the Design Thinking approach is effective in producing an intuitive UI/UX design and has the potential to improve the quality of mobile-based social services, particularly in the submission of inpatient assistance at the Batang Regency Social Service.

References

[1] Vijay Bhasker Reddy Bhimanapati, Pandi Kirupa Gopalakrishna Pandian, and Prof.(Dr.) Punit Goel, “UI/UX Design Principles for Mobile Health Applications,” Int. J. Res. Publ. Semin., vol. 15, no. 3, pp. 216–231, Aug. 2024, doi: 10.36676/jrps.v15.i3.1485.
[2] D. N. Rauf, “Peran dan Tantangan Dinas Sosial dalam Implementasi Penyaluran Bantuan Sosial Masyarakat di Kecamatan Bulango Timur,” J. Compr. Sci. JCS, vol. 2, no. 6, pp. 1586–1592, June 2023, doi: 10.59188/jcs.v2i6.379.
[3] S. A. Sutresno, H. J. Christanto, Y. A. Singgalen, D. Denis, J. Kevin, and S. Mavish, “Design and Development of a Mobile Application for Social Assistance,” J. Inf. Syst. Inform., vol. 5, no. 4, pp. 1257–1273, Nov. 2023, doi: 10.51519/journalisi.v5i4.573.
[4] P. C. Saputra and A. Ramadhan, “Trends and Future Outlook for Mobile Application Development Using Design Thinking Approach: A Systematic Literature Review,” Ultima InfoSys J. Ilmu Sist. Inf., vol. 15, no. 2, pp. 67–73, Dec. 2024, doi: 10.31937/si.v15i2.3446.
[5] A. Taufiq Rohman and J. Sutopo, “UI/UX Design of Psychology Consultation System Application Using the Design Thinking Method,” J. Indones. Sos. Teknol., vol. 5, no. 10, pp. 4655–4664, Oct. 2024, doi: 10.59141/jist.v5i10.7024.
[6] Md. Shamsujjoha, J. Grundy, H. Khalajzadeh, Q. Lu, and L. Li, “Developer and End-User Perspectives on Addressing Human Aspects in Mobile eHealth Apps,” Inf. Softw. Technol., vol. 166, p. 107353, Feb. 2024, doi: 10.1016/j.infsof.2023.107353.
[7] D. Novrianda, E. S. Herini, F. Haryanti, E. Supriyadi, and L. Lazuardi, “Chemo assist for children mobile health application to manage chemotherapy-related symptoms in acute leukemia in Indonesia: a user-centered design approach,” BMC Pediatr., vol. 23, no. 1, p. 274, May 2023, doi: 10.1186/s12887-023-04076-0.
[8] S. Febriani, T. Sutabri, M. Megawaty, and L. A. Abdillah, “Perancangan UI/UX Aplikasi Sistem Informasi Layanan Administrasi dalam Perspektif Psikologi Menggunakan Metode Prototype,” J. Teknol. Inform. Dan Komput., vol. 9, no. 2, pp. 1088–1103, Sept. 2023, doi: 10.37012/jtik.v9i2.1714.
[9] O. Suria, “A Statistical Analysis of System Usability Scale (SUS) Evaluations in Online Learning Platform,” J. Inf. Syst. Inform., vol. 6, no. 2, pp. 992–1007, June 2024, doi: 10.51519/journalisi.v6i2.750.
[10] J. Ma’muri, “Layanan Publik Secara Digital Melalui Aplikasi Siapkerja di Dinas Tenaga Kerja dan Transmigrasi Kabupaten Kolaka”.
[11] Ratna Nur Fadilah and Dhian Sweetania, “Perancangan Design Prototype UI/UX Aplikasi Reservasi Restoran Dengan Menggunakan Metode Design Thinking,” J. Ilm. Tek., vol. 2, no. 2, pp. 132–146, May 2023, doi: 10.56127/juit.v2i2.826.
[12] E. Z. Dewi, M. Fransisca, R. I. Handayani, and F. L. D. Cahyanti, “Analysis and Design of UI/UX Mobile Applications for Marketing of UMKM Products Using Design Thinking Method,” Sinkron, vol. 7, no. 4, pp. 2329–2339, Oct. 2022, doi: 10.33395/sinkron.v7i4.11505.
[13] N. N. Arisa, M. Fahri, M. I. A. Putera, and M. G. L. Putra, “Perancangan Prototipe UI/UX Website CROWDE Menggunakan Metode Design Thinking,” Teknika, vol. 12, no. 1, pp. 18–26, Feb. 2023, doi: 10.34148/teknika.v12i1.549.
[14] S. Milda Puspita and N. Apriyanti, “The UI/UX Design with Design Thinking Method for The University Complaint Website,” Inf. Technol. Int. J., vol. 1, no. 1, May 2023, doi: 10.33005/itij.v1i1.2.
[15] S. Fajarwati, A. Hamdi, and S. P. Gautama, “UI/UX Design on Prototype Attendance Using the Design Thinking Method,” J. Multimed. Trend Technol., vol. 2, no. 1, pp. 10–18, Apr. 2023, doi: 10.35671/jmtt.v2i1.21.
[16] D. R. Podajow, D. I. Inan, R. Juita, M. Sanglise, and N. Y. Subay, “Design and Evaluation of User Interface Usability for Junior High School Websites in West Papua Province Using System Usability Scale,” Jutisi J. Ilm. Tek. Inform. Dan Sist. Inf., vol. 13, no. 2, p. 946, Aug. 2024, doi: 10.35889/jutisi.v13i2.1870.
[17] O. N. Faizah, N. R. Oktadini, B. W. Putra, P. E. Sevtiyuni, P. Putra, and A. Meiriza, “UI/UX Design of Web-based Software License Management System using User-Centered Design and System Usability Scale,” J. Nas. Teknol. Dan Sist. Inf., vol. 9, no. 3, pp. 255–263, Jan. 2024, doi: 10.25077/TEKNOSI.v9i3.2023.255-263.
[18] G. A. Putra, P. Y. Utami, and I. Istikoma, “Perancangan Design UI/UX Website House of Negative Menggunakan Metode Design Thinking,” J. Tek. Inf. Dan Komput. Tekinkom, vol. 8, no. 1, p. 380, June 2025, doi: 10.37600/tekinkom.v8i1.2347.
[19] N. Atiah and W. Sardjono, “Designing a User Interface Application for a Collection of Recipes Using the Design Thinking Method,” . Vol., no. 12, 2023.
[20] N. Ulita, A. T. Kartanegara, J. Salsabila, A. Saleh, and Z. Queen, “Empathy Map Gen Z Towards Healthy Food: A Foodpreneur Design Strategy,” Aptisi Trans. Technopreneurship ATT, vol. 6, no. 2, pp. 242–253, July 2024, doi: 10.34306/att.v6i2.404.
[21] Y. Rohmiyati, T. S. M. Tengku Wook, N. Sahari, S. A. Hanawi, and F. Qamar, “Designing Personas for E-Resources Users in the University Libraries,” Computers, vol. 12, no. 3, p. 48, Feb. 2023, doi: 10.3390/computers12030048.
[22] A. Lutfiyani, R. J. Sumantri, and T. Anggoro, “User Interface Design Techniques with Wireframing for Online Library Website Layout Design Using Figma,” vol. 06, 2024.
[23] V. Y. P. Ardhana, “Evaluasi Usability E-Learning Universitas Qamarul Huda Menggunakan System Usability Scale (SUS),” J. Inform. Electr. Electron. Eng., vol. 2, no. 1, pp. 5–11, Sept. 2022, doi: 10.47065/jieee.v2i1.430.