Analisis dan Perancangan UI/UX pada Website E-Campuz Umnu Kebumen Menggunakan Metode User Centered Design (UCD)
Abstract
The development of digital academic systems requires universities to provide websites with good usability and user experience aspects. However, the E-Campuz website of Universitas Ma’arif Nahdlatul Ulama Kebumen still has several UI/UX problems, such as unattractive interfaces, less intuitive navigation, and inconsistent interface elements. This study aims to analyze and design the UI/UX of the E-Campuz website using the User Centered Design (UCD) method. Data collection was conducted through observation, interviews, and questionnaires involving 100 respondents selected using the Slovin formula from a population of 3,388 students with a 10% error rate. System evaluation used the System Usability Scale (SUS) and User Experience Questionnaire (UEQ) methods. The results showed that the average SUS score increased from 61.35 before redesign to 70.4 after redesign, indicating that the system reached the acceptable category with good usability. In addition, all UEQ dimensions obtained positive mean values, with the highest score on the Novelty dimension of 1.14. These results indicate that the redesigned interface was able to improve usability and provide a better user experience for users. Therefore, the implementation of the UCD method can support the development of a more effective, efficient, and user-oriented academic information system.
Keywords - E-Campuz, UCD, UI/UX Design.
Full Text:
PDFReferences
R. R. S. Tangkudung, I. N. Wartabone, C. M. Saraisang, F. R. M. Komalig, A. A. Radjak, and L. K. Injili, “Online Management System for Universities Based on A Website,” J. Syntax Admiration, vol. 5, no. 11, pp. 5197–5204, 2024, doi: 10.46799/jsa.v5i11.1854.
E. Ratmoko and M. Pakereng, “Analisis User Experience Mahasiswa Terhadap Sistem Informasi Siasat Menggunakan User Experience Questionnaire,” J. Tek. Inf. dan Komput., vol. 5, no. 1, pp. 11–18, 2022, doi: 10.37600/tekinkom.v5i1.498.
F. N. Wiantisa, A. F. Prasetya, I. M. S. Gunawan, T. Leksono, and Y. Yuzarion, “Pengembangan Layanan Bimbingan Klasikal Berbasis Media Website Untuk Meningkatkan Tanggung Jawab Akademik Siswa,” Realita J. Bimbing. dan Konseling, vol. 7, no. 2, p. 1725, 2022, doi: 10.33394/realita.v7i2.5931.
D. A. Titania, L. Kurniawati, and T. Haryanti, “Perancangan Desain UI/UX Sistem Informasi Pengarsipan Surat Menggunakan Metode User Centered Design,” Metik J., vol. 8, no. 1, pp. 1–9, 2024, doi: 10.47002/metik.v8i1.686.
R. W. A. Pratama, “Perancangan UI/UX Sistem Informasi Capaian Pembelajaran Lulusan (SPL) Berbasis Website Menggunakan Metode User Centerd Design,” vol. 2, pp. 306–312, 2024.
W. D. P. Rahayu, A. A. Hendriadi, and T. Ridwan, “Perancangan Ui Ux Aplikasi Website Sistem Informasi Menggunakan Metode User Centered Dsign (Studi Kasus Desa Losari Kidul),” J. Inform. dan Tek. Elektro Terap., vol. 12, no. 3, pp. 2952–2964, 2024, doi: 10.23960/jitet.v12i3.4994.
F. Risyda, Y. Gardenia, M. Awaludin, Y. Lucia, and R. Rehatalanit, “Perancangan Desain UI / UX Website Sekolah Menggunakan Metode User Centered Design,” vol. 12 No 1, pp. 165–174, 2025. DOI: https://doi.org/10.35968/jsi.v12i1.1352.
A. B. Kurniyawan and Irwansyah, “Redesign UI/UX dengan Metode SUS dan UCD pada Website Akademik UHAMKA,” Metik J., vol. 9, no. 2, pp. 329–337, 2025, doi: 10.47002/metik.v9i2.1093.
S. A. Balqis, S. Fitri, A. Wati, and A. S. Fitri, “Tobago: Desain Ui/Ux Aplikasi Marketplace Tembakau Untuk Meningkatkan Kualitas Transaksi Menggunakan Metode User Centered Design,” J. Kelitbangan, vol. 13, no. 2, pp. 1–16, 2025, https://jurnal.balitbangda.lampungprov.go.id/index.php/jip/article/view/1132.
S. L. Ramadhan, “Perancangan User Experience Aplikasi Pengajuan E-KTP menggunakan Metode UCD pada Kelurahan Tanah Baru,” JATISI (Jurnal Tek. Inform. dan Sist. Informasi), vol. 8, no. 1, pp. 287–298, 2021, doi: 10.35957/jatisi.v8i1.633.
Y. Mukti, “Rancang Bangun Website Sekolah Dengan Metode User Centered Design (UCD),” J. Ilm. Betrik, vol. 9, no. 02, pp. 84–95, 2018, doi: 10.36050/betrik.v9i02.34.
C. E. Zen, S. Namira, and T. Rahayu, “Rancang Ulang Desain UI (User Interface) Company Profile Berbasis Website Menggunakan Metode UCD (User Centered Design),” Semin. Nas. Mhs. Ilmu Komput. dan Apl., no. April, pp. 17–26, 2022. https://conference.upnvj.ac.id/index.php/senamika/article/view/2019.
F. M. Alja, E. Daniati, A. Ristyawan, and K. Kunci, “Perancangan UI / UX E-Commerce Menggunakan Metode User Centered Design (UCD),” vol. 6, no. 1, pp. 93–102, 2024. DOI: https://doi.org/10.24076/joism.2024v6i1.1669.
V. Y. P. Ardhana, “Evaluasi Usability E-Learning Universitas Qamarul Huda Menggunakan System Usability Scale (SUS),” J. Informatics, Electr. Electron. Eng., vol. 2, no. 1, pp. 5–11, 2022, doi: 10.47065/jieee.v2i1.430.
M. A.Wijaya, and Y. Utama, “Evaluasi User Experience Website SMAMUH6PLG.SCH.ID Pada SMA Muhammadiyah 6 Palembang Dengan Metode User Experience Questionnaire (UEQ),” vol. 2, no. 1, pp. 162–172, 2024. DOI: https://doi.org/10.70248/jcsit.v2i1.2016.
DOI: http://dx.doi.org/10.36722/sst.v11i2.5539
Refbacks
- There are currently no refbacks.
LP2M (Lembaga Penelitian dan Pengembangan Masyarakat)
Universitas AL-AZHAR INDONESIA, Lt.2 Ruang 207
Kompleks Masjid Agung Al Azhar
Jl. Sisingamangaraja, Kebayoran Baru
Jakarta Selatan 12110
This work is licensed under CC BY 4.0









