Evaluasi Usabilitas Dan Perancangan Ulang Antarmuka Panel Admin Website Batik Sekar Alur BPS Kabupaten Bantul

Tsabitah Inayah, Prof. Ir. P. Insap Santosa, M.Sc., Ph.D., IPU.

2026 | Skripsi | TEKNOLOGI INFORMASI

Digitalisasi layanan pemerintah daerah menuntut antarmuka sistem informasi yang fungsional dan efisien. Portal "Batik Sekar Alur" milik BPS Kabupaten Bantul saat ini masih menggunakan platform web builder bawaan (Google Sites) yang memicu masalah usabilitas krusial. Ketiadaan panel administrator terpusat memaksa pengelola untuk mencampuradukkan proses entri data dengan penyuntingan tata letak publik (task conflation). Pada antarmuka publik, buruknya hierarki visual memutus jejak penelusuran informasi pengguna (information scent problem). Penelitian ini bertujuan untuk merancang ulang antarmuka portal tersebut guna menciptakan pemisahan arsitektur ruang kerja administrator dan portal publik, serta mengukur peningkatan tingkat kebergunaannya (usability).

Penelitian ini mengadopsi metodologi User-Centered Design (UCD) yang dipadukan dengan pendekatan rekayasa Rapid Prototyping Direct-to-Code menggunakan kerangka kerja React. Perancangan dieksekusi dalam dua siklus iterasi yang divalidasi langsung oleh pemangku kepentingan. Evaluasi keberhasilan desain diukur secara kuantitatif melalui metode komparatif (before-after) menggunakan instrumen System Usability Scale (SUS) dengan melibatkan 12 aparatur BPS Kabupaten Bantul yang mengeksekusi skenario tugas spesifik.

Hasil penelitian menunjukkan bahwa arsitektur antarmuka ganda (Dual-Interface) berhasil mengeliminasi tumpang tindih tugas dan menekan risiko kesalahan manusia (human error) melalui penegakan validasi formulir terstruktur. Evaluasi SUS membuktikan lonjakan skor yang signifikan, dari 60,6 (kategori Marginal) pada sistem lama menjadi 81,25 (kategori Excellent) pada purwarupa hasil perancangan ulang. Kesimpulannya, perancangan antarmuka berbasis kode terbukti secara empiris mereduksi beban kognitif pengguna dan meningkatkan efisiensi penyelesaian tugas operasional. Implikasi dari penelitian ini memberikan kerangka kerja praktis bagi instansi pemerintahan daerah dalam menyeimbangkan kebutuhan transparansi informasi publik dan kelancaran manajemen data internal.

The digitalization of local government services demands highly functional and efficient information system interfaces. The current "Batik Sekar Alur" portal of BPS Bantul Regency utilizes a template-driven platform (Google Sites), which triggers critical usability issues. The absence of a dedicated administrator panel forces operators to conflate data entry tasks with public layout editing (task conflation). On the public-facing interface, a poor visual hierarchy disrupts the users’ information scent. 

This study aims to redesign the portal’s interface to establish a dual-architecture that separates the administrator workspace from the public portal, and to empirically measure its usability improvement. This research adopted the User-Centered Design (UCD) methodology integrated with a Rapid Prototyping Direct-to-Code engineering approach using the React framework. The design was executed in two iterative cycles, directly validated by primary stakeholders. The success of the redesign was quantitatively evaluated through a comparative before-after method using the System Usability Scale (SUS) instrument, involving 12 BPS Bantul personnel who executed specific goal-oriented task scenarios. 

The results demonstrate that the Dual-Interface architecture successfully eliminated task conflation and mitigated the risk of human error through the enforcement of structured form validations. The SUS evaluation revealed a significant surge in the usability score, increasing from 60.6 (Marginal category) in the legacy system to 81.25 (Excellent category) in the redesigned prototype. In conclusion, the code-based interface redesign empirically reduced the users’ cognitive load and accelerated task completion efficiency. The implication of this study provides a practical framework for local government institutions to balance the necessity of public information transparency with the efficiency of internal data management.

Kata Kunci : Digitalisasi, Rapid Prototyping, System Usability Scale, User-Centered Design, Dual-Interface