Perancangan User Interface melalui Pengembangan Wireframe pada Pengelolaan Zakat dan Sedekah Digital
DOI:
https://doi.org/10.61805/fahma.v24i2.221Keywords:
Digital transformation, Low fidelity, User interface, Wireframe, ZakatAbstract
The rapid advancement of digital technology has transformed various public service sectors, including the management of zakat and charitable donations in mosques. However, many mosques still rely on conventional management practices, which often result in administrative inefficiencies, limited financial transparency, and suboptimal transaction data management. Therefore, a digital zakat and charity management system is needed to improve service quality and accountability. This study aims to design a wireframe as an initial step toward developing a comprehensive user interface for a digital zakat and charity management system based on user needs. A qualitative descriptive approach was employed, emphasizing user-centered requirements analysis. The research process involved understanding the user context and defining user requirements. The findings identified two primary user groups, namely donors (muzakki) and zakat management administrators, along with their respective pain points. Based on these findings, system requirements and proposed solutions were formulated, followed by the design of user flows and low-fidelity wireframes. The resulting wireframe includes key features such as a zakat and charity management dashboard, donation and zakat payment services, and financial reporting modules. These designs provide a foundation for developing a user-centered digital management system for mosque-based zakat and charity services.
Downloads
References
Djoko Iriandono, “Transformasi Masjid di Era 5.0: Kreativitas dan Teknologi sebagai Pilar Kemajuan,” Islamic Center Kaltim. Accessed: Mar. 23, 2025. [Online]. Available: https://www.islamiccenterkaltim.org/posts/detail/transformasi-masjid-di-era-50-kreativitas-dan-teknologi-sebagai-pilar-kemajuan
Admin, “Peran Masjid di Era Modern: Mengintegrasikan Teknologi untuk Pemberdayaan Umat,” Cendekia Muslim. Accessed: Mar. 24, 2025. [Online]. Available: https://www.cendekiamuslim.or.id/peran-masjid-di-era-modern-mengintegrasikan-teknologi-untuk-pemberdayaan-umat
I. A. Denada, K. M. Khasanah, and P. A. Artika, “Inovasi Digital Dalam Pengelolaan Ziswaf Menghubungkan Amal Dengan Teknologi Di Indonesia,” J. Investasi Islam, vol. 10, no. 1, pp. 30–44, 2025.
BAZNAS, Laporan Pengelolaan Zakat Nasional 2023. Jakarta: Badan Amil Zakat Nasional, 2023.
M. Tho’in and R. Y. Andrian, “Strategi Peningkatan Pengumpulan Zakat, Infak dan Sedekah Pada Lembaga Amil Zakat Al-Ihsan Jawa Tengah,” J. Ilm. Ekon. Islam, vol. 7, no. 03, pp. 1689–1695, 2021.
B. Jabar, “BAZNAS Jawa Barat Gandeng DMI Perkuat Literasi Zakat Digital Lewat Aplikasi ZX,” Baznas Jabar. Accessed: Mar. 29, 2025. [Online]. Available: https://baznasjabar.org/news/baznas_jawa_barat_gandeng_dmi_perkuat_literasi_zakat_digital_lewat_aplikasi_zx
R. H. Putra, Atika, and N. Inayah, “Analisis Penggunaan Teknologi Blockchain Pada Pengelolaan Zakat Upaya Meningkatkan Lembaga Keuangan Perbankan Syariah,” JESI J. Ekon. Syariah Indones., vol. 14, no. 2, pp. 318–332, 2024, doi: 10.21927/jesi.3124.3483.
J. N. Salsabila, “Pemanfaatan Teknologi Dalam Pengelolaan Zakat di Era Digital,” JSE J. Sharia Econ., vol. 3, no. 2, pp. 116–124, 2024.
A. Mundir and U. Nabila, “Optimalisasi pelayanan berbasis digital QRIS untuk meningkatkan perolehan dana zakat, infak dan sedekah di LAZ Sidogiri,” J. Ekon. Syariah Darussalam, vol. 4, no. 2, pp. 23–35, 2023.
M. Bagoes, S. Junianto, M. A. Putri, D. Nurdiana, M. Pirdaus, and F. D. Islami, “Program Pengembangan Pengelolaan Manajemen Mushola Berbasis Digital Pada Mushola Al-Amanah Cinangka,” J. Masy. Madani Indones., vol. 5, no. 1, pp. 594–602, 2026.
S. Aripiyanto, F. E. M. Agustin, A. Syakuro, S. U. Masruroh, D. Khairani, and H. T. Sukmana, “User Interface and User Experience Design Using Lean UX Method on Zakat Ummat Website,” in 2022 10th International Conference on Cyber and IT Service Management, CITSM 2022, Yogyakarta: IEEE, 2022, pp. 1–8. doi: 10.1109/CITSM56380.2022.9935899.
M. H. Allaymoun and O. A. H. Hamid, “Proposed Mobile Application for Islamic Fintech E-Salam System an Approach to the Financial Inclusion,” in 2020 International Conference on Data Analytics for Business and Industry: Way Towards a Sustainable Economy (ICDABI), Bahrain, 2020. doi: 10.1109/ICDABI51230.2020.9325698.
E. Z. Hidayah, Z. Rozikin, M. D. Agustiningsih, and F. Adnan, “KZ-Profesi: Development of Profession Zakat Calculating Application Features and Services,” Apl. J. Apl. Ilmu-ilmu Agama, vol. 24, no. 1, pp. 79–94, 2024, doi: 10.14421/aplikasia.v24i1.3616.
J. Salat, M. Ichsan, C. L. Setiawati, M. Nuzula, Z. Fazira, and C. P. Diana, “Development of an Android-Based Application for Transparency and Accountability in Zakat Management at Baitul Mal, Aceh Province,” in Proceedings of the 3rd International Conference on Educational Technology and Social Science (ICoETS 2024), Atlantis Press SARL, 2024, pp. 106–123. doi: 10.2991/978-2-38476-331-3_10.
A. Suzianti, F. Edrisy, and A. Mubarak, “User Interface of Zakat Information System Redesign using Design Thinking Approach. Case Study: KNEKS,” in ACM International Conference Proceeding Series, Macao, 2020, pp. 37–44. doi: 10.1145/3429551.3429588.
F. N. Khasanah, D. T. Untari, D. Nurmanto, and S. Murdowo, Buku Ajar Interaksi Manusia & Komputer Mengenal Tools Desain UI/UX. Purwokerto: Pena Persada, 2023.
F. N. Khasanah and B. Pertiwi Miller, “Enhancing Tourism Applications with User-Centered Design and Usability Testing Interface and Experience Study,” 2025 4th Int. Conf. Creat. Commun. Innov. Technol., pp. 1–6, 2025, doi: 10.1109/iccit65724.2025.11167445.
S. Murdowo, W. Arifin, and F. N. Khasanah, “Perancangan UI Menggunakan Wireframe Untuk Membangun Aplikasi Campus Task,” J. Infokam, vol. 20, no. 2, pp. 109–119, 2024.
G. K. Awasthi, S. Tewari, S. Narayanasamy, P. Gomathi, S. Mallick, and S. Sivakami, “Human-Computer Interaction Design Principles for Enhancing User Experience in Mobile Applications,” in ITM Web of Conferences, 2025, pp. 1–9.
Y. Yudhanto and S. A. Susilo, Panduan UI/UX Aplikasi Digital. Elex Media Komputindo, 2024.
C. Diehl, A. Martins, A. Almeida, T. Silva, and Ó. Ribeiro, “Defining Recommendations to Guide User Interface Design : Multimethod Approach Corresponding Author :,” JMIR, vol. 9, no. 3, pp. 1–12, 2022, doi: 10.2196/37894.
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Fata Nidaul Khasanah, Dhian Tyas Untari, Fauzan Natsir (Author)
This work is licensed under a Creative Commons Attribution 4.0 International License.
