Implementasi User-Centered Design Pada Website Konseling Civitas Akademika Di Kampus

Authors

  • Luh Eka Widiasih Universitas Pendidikan Nasional, Indonesia
  • I Gusti Ngurah Darma Paramartha Universitas Pendidikan Nasional, Indonesia

DOI:

https://doi.org/10.38142/jebd.v4i3.418

Keywords:

User-Centered Design, Online Counseling, Mental Health, Usability Testing, Maze.co, Supabase

Abstract

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

Download data is not yet available.

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

26-08-2026

Similar Articles

1 2 3 > >> 

You may also start an advanced similarity search for this article.