Perancangan Ui/Ux Website Karang Taruna Pesona Serpong Menggunakan Metode User-Centered Design (UCD)
Downloads
Belum tersedianya website resmi pada Karang Taruna Pesona Serpong menyebabkan informasi organisasi, dokumentasi kegiatan, dan komunikasi publik masih tersebar melalui media sosial serta aplikasi pesan instan. Kondisi tersebut membatasi akses informasi, transparansi organisasi, dan keterlibatan masyarakat. Penelitian ini bertujuan untuk merancang prototipe UI/UX website Karang Taruna Pesona Serpong yang mudah digunakan dengan menerapkan metode User-Centered Design (UCD). Penelitian ini menggunakan pendekatan kuantitatif deskriptif melalui beberapa tahapan, yaitu identifikasi kebutuhan pengguna, penyusunan arsitektur informasi dan user flow, pembuatan prototipe high-fidelity menggunakan Figma, serta evaluasi usability. Data dikumpulkan melalui observasi, studi literatur, pengujian usability menggunakan Maze, dan kuesioner System Usability Scale (SUS) terhadap 30 responden yang terdiri atas anggota, pengurus, dan masyarakat umum. Hasil pengujian Maze menunjukkan bahwa seluruh skenario tugas memperoleh Success Rate sebesar 100%, rata-rata Misclick Rate sebesar 9,44%, dan rata-rata Time on Task sebesar 10,9 detik. Evaluasi SUS menghasilkan skor rata-rata 81,17 yang termasuk kategori Excellent, Grade A, dan Acceptable. Temuan ini menunjukkan bahwa prototipe memiliki tingkat usability tinggi, navigasi jelas, interaksi efisien, serta penerimaan pengguna yang baik. Dengan demikian, pendekatan UCD berhasil menghasilkan prototipe website yang sesuai dengan kebutuhan pengguna dan layak dikembangkan ke tahap implementasi.
Adiwinata, K., Nugraha, B., & Ridwan, T. (2024). Penerapan Metode User Centered Design dalam Perancangan Desain UI/UX Website SMAN 5 Karawang. Jurnal Informatika Dan Teknik Elektro Terapan, 12(3). https://doi.org/10.23960/jitet.v12i3.4591
Amini, R. P. (2019). Evaluasi Usability pada Sistem Informasi Permohonan Kendaraan Dinas (SIMONAS) PT. PLN (Persero) Unit Induk Distribusi Bali UP3 Bali Utara Sesuai ISO 9241-11 dan Eight Golden Rules. Jurnal Pendidikan Teknologi Dan Kejuruan, 16(1).
Ardiansyah, R. (n.d.). Pembuatan Prototipe Website Sekolah Menengah Atas.
Armadansyah, D., & Wulandari, H. (2026). Perancangan UI/UX Aplikasi Layanan Administrasi Kependudukan Kelurahan Tanjung Rejo Berbasis Website dengan Metode User Centered Design. Jurnal Nasional Teknologi Komputer, 6(2).
Aulia, B. W., Rizki, M., Prindiyana, P., & Surgana, S. (2023). Peran Krusial Jaringan Komputer dan Basis Data dalam Era Digital. JUSTINFO: Jurnal Sistem Informasi Dan Teknologi Informasi, 1(1), 9–20. https://doi.org/10.33197/justinfo.vol1.iss1.2023.1253
Aulia, M., Pratama, T., Setiawan, A., & Sukmasetya, P. (n.d.). Perancangan User Interface PPID Kota Magelang Berbasis Website Menggunakan Pendekatan User Centered Design (UCD). http://ppid.magelangkota.go.id
Ausat, A. M. A. (2023). The Role of Social Media in Shaping Public Opinion and Its Influence on Economic Decisions. Technology and Society Perspectives (TACIT), 1(1), 35–44. https://doi.org/10.61100/tacit.v1i1.37
Baniargi, A. N., Larasati, E., & Yuningsih, T. (2023). Pendampingan Digital Marketing Komunitas Karang Taruna Desa Nglarangan Ponorogo. Jurnal SOLMA, 12(3), 1390–1398. https://doi.org/10.22236/solma.v12i3.12805
Bintara, C. S. (2024). Digitalisasi Desa Melalui Website Profile Sebagai Media Informasi Bagi Dusun. Jurnal Inovasi Hasil Pengabdian Masyarakat (JIPEMAS), 7(2), 414–434. https://doi.org/10.33474/jipemas.v7i2.21707
Cahyono, T. A. (2024). Analisa Pengaruh Komponen Desain UI/UX Konten Learning Management System (LMS) Terhadap Kognitif dan Afektif Pengguna. Jurnal Informatika Dan Teknik Elektro Terapan, 12(3). https://doi.org/10.23960/jitet.v12i3.4938
Damayanti, A., Diah Delima, I., & Suseno, A. (2023). Pemanfaatan Media Sosial Sebagai Media Informasi dan Publikasi (Studi Deskriptif Kualitatif pada Akun Instagram @rumahkimkotatangerang).
Guizani, M. (n.d.). A Decade of Information Architecture in HCI: A Systematic Literature Review.
Guo, J., Zhang, W., & Xia, T. (2023). Impact of Shopping Website Design on Customer Satisfaction and Loyalty: The Mediating Role of Usability and the Moderating Role of Trust. Sustainability, 15(8). https://doi.org/10.3390/su15086347
Hutabarat, R. S., & Sudaryana, K. (2024). User-Centered Design pada User Interface (UI)/User Experience (UX) Prototyping Aplikasi E-Commerce. Jurnal Penelitian Teknologi Informasi Dan Sains, 2(4), 89–99. https://doi.org/10.54066/jptis.v2i4.2781
Implementasi Website Sebagai Sistem Informasi Manajemen Pendidikan pada Sekolah Islam Terpadu (SIT) Al-Hikmah Amanah Ummah Maros. (2024). Jurnal Manajemen Pendidikan Islam, 2(1).
Islamiah, F., Rusmiati, R., & Wijaya, R. (2022). Penilaian Kepuasan Pengguna Website Sistem Informasi Akademik Menggunakan Metode Website Quality. METIK Jurnal, 6(2), 133–139. https://doi.org/10.47002/metik.v6i2.381
Kurniyawan, A. B. (2025). Redesign UI/UX dengan Metode SUS dan UCD pada Website Akademik UHAMKA. METIK Jurnal, 9(2). https://doi.org/10.47002/metik.v9i2.1093
Lewis, J. R., & Sauro, J. (2017). Can I Leave This One Out? The Effect of Dropping an Item From the SUS.
Matheus, R., Faber, R., Ismagilova, E., & Janssen, M. (2023). Digital transparency and the usefulness for open government. International Journal of Information Management, 73. https://doi.org/10.1016/j.ijinfomgt.2023.102690
Maulana Alja, F., Daniati, E., & Ristyawan, A. (2024). Perancangan UI/UX E-Commerce Menggunakan Metode User Centered Design (UCD).
Muhaa, N. A., Danuarta, B., Pratama, A. A., Voutama, A., & Jajuli, M. (2025). Perancangan User Interface dan User Experience pada Aplikasi “On Study” untuk Pembelajaran di Era Digital. Jurnal Manajemen Informatika Jayakarta, 5(2), 153. https://doi.org/10.52362/jmijayakarta.v5i2.1820
Nento, K., & Masruri, A. (2020). Optimalisasi Penggunaan Website Sebagai Media Publikasi Informasi Sekolah SMK Koperasi Yogyakarta. Jurnal Teknologi Informasi Indonesia (JTII), 5(2). https://library.uii.ac.id/
Nurdatillah, D. K. (2025). Optimalisasi Desain UI/UX Website The Originote dengan Pendekatan User Centered Design. JUSIFOR: Jurnal Sistem Informasi Dan Informatika, 4(1), 59–67. https://doi.org/10.70609/jusifor.v4i1.5985
Paramasatya, A. K. (2025). Perancangan UI/UX Website Komunitas Teman Bermain Anak dengan Metode Goal-Directed Design. Sistemasi: Jurnal Sistem Informasi. http://sistemasi.ftik.unisi.ac.id
Prasetiyo, S. M., Gustiawan, R., & Albani, F. R. (2024). Analisis Pertumbuhan Pengguna Internet Di Indonesia. BIIKMA: Buletin Ilmiah Ilmu Komputer Dan Multimedia, 2(1). https://jurnalmahasiswa.com/index.php/biikma
Putri, D. A., & Nabarian, T. (2025). Perancangan Prototipe Aplikasi Olahraga Fitenrun Menggunakan Metode User Centered Design. Journal of Digital Business and Technology Innovation (DBESTI), 2(1), 8–13. https://journal.nurulfikri.ac.id/index.php/DBESTI
Ramadhan, M. D., & Purnamasari, I. (n.d.). UI/UX Design Using the Design Thinking Method on the Kahfi Education Website.
Rinawiyanti, E. D., Surjani, R. M., Hartono, M., Permatasari, E. P., & Chrisma, A. C. V. (2025). Mixed Method Usability Testing for User Experience and User Interface of AI-Based Supermarket Applications. Journal of Applied Data Sciences, 6(1), 483–495. https://doi.org/10.47738/jads.v6i1.453
Saputri, O. R., Permatasari, H., & Atina, V. (2025). User Centered Design Approach for Developing a Health Monitoring System for Posyandu. Bit-Tech, 8(1), 820–829. https://doi.org/10.32877/bt.v8i1.2737
Sugandi, Z. A. W., & Isnaini, K. N. (2023). Perancangan Antarmuka Pengguna dan Pengalaman Pengguna dari Aplikasi Marketplace Bahan Makanan Dapur: Metode User-Centered Design. Jurnal Sistem Dan Teknologi Informasi (JustIN), 11(3), 571. https://doi.org/10.26418/justin.v11i3.67793
Verhoef, P. C., Broekhuizen, T., Bart, Y., Bhattacharya, A., Dong, J. Q., Fabian, N., & Haenlein, M. (2021). Digital transformation: A multidisciplinary reflection and research agenda. Journal of Business Research, 122, 889–901. https://doi.org/10.1016/j.jbusres.2019.09.022
Wahidin, D., & Wati, I. (n.d.). Peluang dan Tantangan Transformasi Digital di Indonesia. Seminar Nasional Manajemen, Ekonomi Dan Akuntansi Fakultas Ekonomi Dan Bisnis UNP Kediri.
Wiwesa, N. R. (2021). User Interface dan User Experience Untuk Mengelola Kepuasan Pelanggan. Jurnal Sosial Humaniora Terapan.
Zulfikar, A. Y., & Pamudi, P. (2025). Perancangan UI dan UX Website Menggunakan Metode User-Centered Design (UCD) untuk Penyewaan Alat-Alat Event. RIGGS: Journal of Artificial Intelligence and Digital Business, 4(3), 4295–4299. https://doi.org/10.31004/riggs.v4i3.2626
Copyright (c) 2026 Akhmam Fahmi, Muhammad Azmi Muwaffaq , Edi Wibowo
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
