Implementasi User-Centered Design Pada Website Konseling Civitas Akademika Di Kampus
DOI:
https://doi.org/10.38142/jebd.v4i3.418Keywords:
User-Centered Design, Online Counseling, Mental Health, Usability Testing, Maze.co, SupabaseAbstract
The mental health of the academic community, including students, lecturers, and educational staff, may be affected by academic pressure and professional demands. Conventional counseling services on campus still face limitations in terms of time and accessibility and may also be hindered by social stigma that discourages individuals from seeking help. This study aims to design and implement a secure, flexible, and private web-based online counseling system for the academic community using the User-Centered Design (UCD) method. The UCD process involved analyzing the user context, identifying user requirements through user persona synthesis, designing an interactive prototype using Figma, and implementing the proposed system. The implementation process was developed using React.js with Vite for the frontend and Supabase as a Backend-as-a-Service (BaaS) for database management and user authentication. The main features include account registration, counselor selection, schedule management, online consultation, and counseling history tracking. System evaluation was conducted through formative Usability Testing using the Maze.co platform with five respondents representing the target user groups. The results showed a 100% success rate, an average task completion time of 31.95 seconds, and a 0% misclick rate, indicating that all respondents were able to complete the assigned tasks without interaction errors. The supporting five-point Likert-scale questionnaire produced an average score of 4.36, categorized as Very Good. These findings indicate that the application of UCD produced an intuitive and responsive counseling website that can support more accessible and user-oriented counseling services for the academic community
Downloads
References
Alda, M., & Rifdah, A. (2024). Perancangan sistem informasi bimbingan konseling mahasiswa Institut Kesehatan Helvetia berbasis web. Jurnal Ilmiah Sains dan Teknologi, 8(2), 274–288. https://doi.org/10.47080/saintek.v8i2.3145 (e-Journal UNBAJA)
Hako, A. N. (2024). Mental health crisis at higher education institutions: A conceptual review. In P. J. O. Aloka (Ed.), Mental health crisis in higher education (pp. 126–146). IGI Global. https://doi.org/10.4018/979-8-3693-2833-0.ch008 (Irma International)
Harahap, N. M. (2021). Konseling online sebagai solusi di masa pandemi Covid-19. Al-Irsyad: Jurnal Bimbingan Konseling Islam, 3(1), 51–64. https://doi.org/10.24952/bki.v3i1.3796
Indriyani, R., Saputro, R. E., Izza, N. M., Afriansyah, F., Dhia, H. S., Aimah, S., Munandar, I., & Makdatuang, R. T. (2024). Aplikasi Damai: Desain persuasif aplikasi konsultasi kesehatan mental berbasis mobile menggunakan User Centered Design. Infotekmesin, 15(2), 370–377. https://doi.org/10.35970/infotekmesin.v15i2.2204 (E-Journal Politeknik Negeri Cilacap)
Nabila, Y. A., Tanjung, N., Ginting, N. O., & Salianto. (2024). Pengaruh tuntutan pekerjaan dengan kesejahteraan psikologis pada tenaga pendidikan sekolah menengah kejuruan. Jurnal Review Pendidikan dan Pengajaran, 7(3), 8127–8133. https://doi.org/10.31004/jrpp.v7i3.30178 (Universitas Pahlawan Journal)
Putra, A. S., & Kristiana, T. (2025). Analisa desain UI/UX website e-learning MTsN 33 Jakarta menggunakan metode User Centered Design. Jurnal Ilmiah Sistem Informasi, 4(3), 590–606. https://doi.org/10.51903/32j40x26 (ResearchGate)
Rahayu, R., Sansuwito, T. B., Wati, N. L., Hikmat, R., Riyanto, D. A., & Yosep, I. (2025). Kesejahteraan psikologis mahasiswa keperawatan di Bandung–Indonesia. Jurnal Kesehatan Saelmakers PERDANA (JKSP), 8(2), 646–655.
Saputri, R., Mulyati, T., Aznel, K. M., & Ciptandi, F. (2024). Redesain antarmuka situs web bimbingan konseling dengan pendekatan User Centered Design. Jurnal Desain, 11(3), 588–601. https://doi.org/10.30998/jd.v11i3.19273 (Journal LPPM Unindra)
Singh, A., & Kumar, P. (2024). Student stress and mental health crisis: Higher education institutional perspective. In Student stress in higher education (pp. 218–229). IGI Global. https://doi.org/10.4018/979-8-3693-0708-3.ch013 (ResearchGate)
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Luh Eka Widiasih, I Gusti Ngurah Darma Paramartha

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
Creative Commons Attribution-NonCommercial 4.0 International License.




