UI/UX Design of a Web-Based Community Discussion Forum Application for Rumah Kreatif Wadas Kelir using User-Centered Design and User Acceptance Testing
Abstract
Rumah Kreatif Wadas Kelir (RKWK) is a community literacy organization established in Purwokerto, Central Java. As its members and volunteers expanded across different regions, communication through social media and instant messaging became unstructured, leading to knowledge loss, ineffective coordination, and limited access to information. This study aims to design a User Interface (UI) and User Experience (UX) for a web-based discussion forum using the User-Centered Design (UCD) approach. The research followed four stages: identifying user needs through interviews and questionnaires involving 30 members, analyzing the context of use with user personas, user journey maps, and use case diagrams, developing a high-fidelity prototype in Figma, and evaluating the design through User Acceptance Testing (UAT). The prototype incorporates a mobile-first interface, community-based topic categorization, and accessibility-oriented typography. UAT evaluated interface navigation, aesthetics, topic creation, search functionality, responsiveness, and overall satisfaction. The prototype achieved an average acceptance score of 84.6%, categorized as “Very Good.” These findings indicate that the proposed UI/UX design effectively supports communication, collaboration, and knowledge sharing within the RKWK community.
Downloads
References
M. Naufal, M. A.- Faruq, M. H. Aufan, U. Islam, and N. Walisongo, “Perancangan UI / UX Semarang Virtual Tourism,” vol. 4, no. 1, pp. 43–52, 2022.
R. Ramadani, D. Mahdiana, U. B. Luhur, I. Systems, S. Program, and U. B. Luhur, “Systematic Literature Review on The Application of UI / UX Design Tinjauan Literatur Sistematis Penerapan Metode Perancangan UI / UX Dalam Pengembangan Sistem,” vol. 5, no. 4, pp. 103–111, 2024.
S. A. Aderibigbe, A. Rahman, A. Abdelrahman, and H. Al Othman, “Education Sciences Using Online Discussion Forums to Enhance and Document Students ’ Workplace Learning Experiences : A Semi-Private Emirati University ’ S Context,” 2023.
M. F. Santoso, “Implementation Of UI / UX Concepts And Techniques in Web Layout Design With Figma,” vol. 6, no. 2, pp. 279–285, 2024.
M. F. A. Ritonga, M. A. Muda, T. Septiana, and M. Komarudin, “Perancangan UI / UX Menggunakan Metode User Centered Design Berbasis Web pada Perhitungan Luasan Kumuh Balai Prasarana,” vol. 11, no. 2, pp. 176–187, 2023.
Y. Hartiwi and M. Purnasari, “UI / UX Design of An Android-Based Sales Application at Naureen Shop Using the User-Centered Design Method,” vol. 5, no. 3, 2026.
M. M. Haq, D. Firmanto, and F. Susanto, “User-Centered Design Pada User Interface(UI)/ User Experience(UX) Aplikasi Lab Me,” vol. 8, no. 4, pp. 2133–2142, 2024.
H. Kurniawan, “Kampung Literasi dari Kementerian Pendidikan, Kebudayaan, Riset, dan Teknologi,” rumahkreatifwadaskelir.com. [Online]. Available: https://rumahkreatifwadaskelir.com/
H. Kurniawan, “Komunitas Inspiratif dari Bupati Batang dan Original Indonesia,” rumahkreatifwadaskelir.com. [Online]. Available: https://rumahkreatifwadaskelir.com/
B. Udoyono, “Mengelola Rumah Kreatif Wadas Kelir, Nur Hafidz Mendapat penghargaan SATU Indonesia Award,” www.indonesiana.id. [Online]. Available: https://www.indonesiana.id/read/164607/mengelola-rumah-kreatif-wadas-kelir-nur-hafidz-mendapat-penghargaan-satu-indonesia-award
R. S. Hutabarat and K. Sudaryana, “User-Centered Design pada User Interface ( UI ) / User Experience ( UX ) Prototyping Aplikasi E-Commerce,” 2024.
M. Yaputra, “Peran User-Centered Design terhadap Perancangan User Experience Aplikasi Community Marketplace,” vol. 1, no. 1, pp. 48–55, 2023, doi: 10.54259/jdmis.v1i1.1525.
W. Dwi, P. Rahayu, A. A. Hendriadi, and T. Ridwan, “Perancangan UI UX Aplikasi Website Sistem Informasi Desa Menggunakan Metode User Centered Design (Studi Kasus Desa Losari Kidul),” vol. 12, no. 3, pp. 2952–2964, 2024.
W. P. Dananjaya, G. H. Prathama, and K. Darmaastawan, “User-Centered Design Approach in Developing User Interface and User Experience of Sculptify Mobile Application,” vol. 6, no. 3, pp. 1089–1097, 2024.
Hariansyah, H. Fajri, and B. Wulandari, “Implementasi Metode User Centered Design dalam Perancangan UI / UX Purwarupa Aplikasi,” vol. 12, no. 3, pp. 2029–2042, 2024.
L. W. Risqia and S. Astiti, “User-Centered Design for E-commerce Prototyping (A Re.wood Case Study),” vol. 8106, pp. 68–78, 2024.
E. Y. Wijaya, M. Arif, N. Aini, and Y. N. Putri, “UI / UX Web Based Learning Design with UCD Approach to Basic Programming using FIGMA,” vol. 6, no. 3, 2024, doi: 10.32877/bt.v6i3.1534.
A. Granic, “Technology Acceptance and Adoption in Education ´,” 2, pp. 183–197, doi: 10.1007/978-981-19-2080-6.
I. G. Putu, A. Pradyani, N. Kadek, A. Wirdiani, and P. W. Buana, “Penerapan Metode Human Centered Design Dalam Perancangan User Interface ( Studi Kasus : PT . X ),” vol. 2, no. 3, 2021.
C. M. Aulia, I. A. Prabadhi, and Wilonotomo, “Systematic Literature Review : Metode Perancangan UI/UX dalam Pengembangan Aplikasi Digital,” vol. 10, no. September, pp. 234–248, 2025.
H. A. Rahma, M. Hardiyanti, D. Teknik, S. Vokasi, and U. G. Mada, “Perancangan Ulang User Interface dan User Experience pada Website Pelayanan PT Sukabumi Sinar Vision dengan Mempertimbangkan Faktor Website Accessibility bagi Pengguna Penderita Color Vision Deficiency,” vol. 6, no. 1, pp. 23–33, 2025.
I. S. Latif, R. E. Saputro, and A. S. Barkah, “Improvement of Technology Acceptance Model ( TAM ) with PLS-SEM : A Systematic Literature Review,” vol. 7, no. 2, pp. 1376–1399, 2025, doi: 10.51519/journalisi.v7i2.1104.
J. Lorincz and K. Bariši, “Usability Testing and the System Usability Scale Effectiveness Assessment on Different Sensing Devices of Prototype and Live Web System Counterpart,” pp. 1–31, 2026.
D. S. Mubiarto, R. R. Isnanto, and I. P. Windasari, “Perancangan User Interface dan User Experience ( UI / UX ) pada Aplikasi ‘ BCA Mobile ’ Menggunakan Metode User Centered Design ( UCD ) User Interface and User Experience ( UI / UX ) Redesign on ‘ BCA Mobile ’ Application Using User Centered Design ( UCD ) Method,” vol. 1, no. 4, pp. 209–216, 2023, doi: 10.14710/jtk.v1i4.37686.
O. D. Alao, E. A. Priscilla, R. C. Amanze, and S. O. Kuyoro, “Ingénierie des Systèmes d ’ Information User-Centered / User Experience Uc / Ux Design Thinking Approach for Designing a University Information Management System,” vol. 27, no. 4, pp. 577–590, 2022.
G. N. Aprilia and M. N. Dasaprawira, “Perancangan UI / UX Aplikasi E-Rapor pada Tpq Berbasis Android Dengan Menggunakan Metode User Centered Design ( Ucd ),” pp. 48–58, 2023.
A. H. Luthfi and I. Arfiani, “Perancangan UI / UX Aplikasi Sampahocity Menggunakan Pendekatan UCD ( User Centered Design ),” vol. 7, pp. 24–36, 2024.
S. Febriani, T. Sutabri, and L. A. Abdillah, “Perancangan UI / UX Aplikasi Sistem Informasi Layanan Administrasi dalam Perspektif Psikologi Menggunakan Metode Prototype Mahasiswa Universitas Bina Darma dalam melaksanakan kegiatan akademik kebutuhan pengguna hingga pengguna dapat merasa senang dan puas ketika melihat atau,” vol. 9, no. 2, pp. 1088–1103, 2023.
M. S. Tuloli, R. Patalangi, and R. Takdir, “Pengukuran Tingkat Usability Sistem Aplikasi e-Rapor Menggunakan Metode Usability Testing dan SUS,” vol. 4, no. 1, 2022, doi: 10.37905/jji.v4i1.13411.
E. I. Prayoga and T. Kristiana, “Evaluasi Usability pada Aplikasi Hrmwincorp Menggunakan Metode System Usability Scale (Sus),” vol. 12, no. 2, 2024.
A. Lutfiyani, R. J. Sumantri, and T. Anggoro, “User Interface Design Techniques with Wireframing for Online Library Website Layout Design Using Figma.”
K. Adiwinata, B. Nugraha, and T. Ridwan, “Penerapan Metode User Centered Design dalam Perancangan Desain UI / UX Website Sman 5 Karawang,” vol. 12, no. 3, 2024.
M. A. Puspita, R. A. Pradipta, and M. A. Muhammad, “User Acceptance Testing dan Performance Testing Pada Pengembangan Website Kanal Pengetahuan Dikti,” vol. 08, 2024.
Copyright (c) 2026 Akmal Rafly Dzunurain, Sarah Astiti
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
This is an open-access article distributed under the terms of the Creative Commons Attribution-ShareAlike 4.0 International License which permits unrestricted use, distribution, and reproduction in any medium. Users are allowed to read, download, copy, distribute, search, or link to full-text articles in this journal without asking by giving appropriate credit, provide a link to the license, and indicate if changes were made. All of the remix, transform, or build upon the material must distribute the contributions under the same license as the original.
