Perancangan User Interface melalui Pengembangan Wireframe pada Pengelolaan Zakat dan Sedekah Digital

Abstract

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.Perkembangan teknologi digital mendorong transformasi pada berbagai sektor pelayanan masyarakat, termasuk pengelolaan zakat dan sedekah di lingkungan masjid. Namun, pengelolaan zakat dan sedekah pada sebagian besar masjid masih dilakukan secara konvensional yang berpotensi menimbulkan kendala, seperti rendahnya efisiensi administrasi, keterbatasan transparansi laporan, dan kurang optimalnya pengelolaan data transaksi. Oleh karena itu, diperlukan sistem pengelolaan zakat dan sedekah digital. Penelitian ini bertujuan untuk merancang wireframe sebagai inisiasi awal dalam perancangan user interface secara menyeluruh pada sistem pengelolaan zakat dan sedekah digital dengan berfokus pada kebutuhan pengguna. Penelitian menggunakan pendekatan deskriptif kualitatif yang tetap mempertimbangkan aspek kebutuhan pengguna. Tahapan penelitian meliputi pemahaman konteks pengguna dan spesifikasi kebutuhan pengguna. Hasil penelitian tahapan memahami konteks pengguna berupa identifikasi kelompok pengguna mencakup muzakki serta admin pengelola zakat dan sedekah, dilanjutkan dengan pemetaan pain points. Pada bagian spesifikasi kebutuhan pengguna hasil yang diperoleh berupa solusi penyelesaian masalah dengan menyertakan fitur-fitur sistem yang diperlukan pada tiap kelompok, dilanjutkan dengan hasil perancangan user flow dan rancangan pengembangan wireframe dalam bentuk low fidelity wireframe. Pengembangan wireframe yang dihasilkan mencakup fitur utama berupa dashboard pengelolaan zakat dan sedekah, pelaksanaan zakat dan sedekah serta laporan keuangan.