Perancangan Dan Implementasi UI/UX Pada Website E-Counseling Biro Psikologi Metafora Menggunakan Metode Pendekatan HCD (Human Centered Design)
Abstrak
Perkembangan teknologi informasi telah membawa perubahan signifikan dalam berbagai aspek kehidupan, termasuk dalam layanan psikologi. Biro Psikologi Metafora di Purwokerto hingga saat ini masih menggunakan metode tatap muka dan media sosial sederhana seperti WhatsApp dan Instagram dalam pelayanannya, yang dinilai kurang efektif dan efisien. Penelitian ini bertujuan untuk merancang dan mengimplementasikan antarmuka pengguna (UI) dan pengalaman pengguna (UX) pada sebuah website ecounseling dengan menggunakan pendekatan Human Centered Design (HCD). Metode ini dilakukan dalam tiga fase, yaitu inspirasi, ideasi, dan implementasi. Proses perancangan dimulai dengan observasi dan wawancara, dilanjutkan dengan pembuatan low dan high fidelity prototype, serta pengujian usability. Evaluasi dilakukan menggunakan System Usability Scale (SUS) dan User Experience Questionnaire (UEQ). Hasil pengujian menunjukkan bahwa website yang dikembangkan memiliki tingkat usability yang tinggi dengan skor SUS sebesar 81,2 serta nilai UEQ yang positif di semua aspek. Website ini mampu meningkatkan aksesibilitas, efisiensi, dan kepuasan pengguna dalam layanan konseling daring. Kata kunci— e-counseling, human centered design, user interface, user experience, SUS, UEQ
Referensi
[1] H. E. Shaw and S. F. Shaw, “Critical ethical issues in online counseling: Assessing current practices with an ethical intent checklist.,” Journal of Counseling & Development, vol. 84, no. 1, pp. 41–53, 2006, doi: 10.1002/j.1556-6678.2006.tb00378.x.
[2] Ifdil and Zadrian Ardi, “Konseling Online Sebagai Salah Satu Bentuk Pelayanan E-konseling Indonesian Institute for Counseling and Education,” 2013. [Online]. Available: http://jurnal.konselingindonesia.com
[3] H. Almakky, R. Sahand, and J. Taylor, “The-Effect-of-Culture-on-User-Interface-Design-of-Social-Media---A-Case-Study-on-Preferences-of-Saudi-Arabians-on-the-Arabic-User-Interface-of-Facebook,” 2015.
[4] I. Rochmawati, “Iwearup. com User Interface Analysis,” 2019.
[5] Alvia Shanardi Wijaya, “Human Centered Design dan Perbedaan dengan User Centered Design.” https://sis.binus.ac.id/2019/06/21/human-centered-design-dan-perbedaan-dengan-user-centered-design-2/ (accessed May 30, 2023).
[6] L. Oktaviani and M. Ayu, “Pengembangan Sistem Informasi Sekolah Berbasis Web Dua Bahasa SMA Muhammadiyah Gading Rejo,” vol. 6, no. 2, p. 2021, 2021, doi: 10.30653/002.202162.731.
[7] I. N. Arifin, H. Tolle, and R. I. Rokhmawati, “Evaluasi dan Perancangan User Interface untuk Meningkatkan User Experience menggunakan Metode Human-Centered Design dan Heuristic Evaluation pada Aplikasi Ezyschool,” 2019. [Online]. Available: http://j-ptiik.ub.ac.id
[8] B. A. Myers and M. B. Rosson, “SURVEY ON USER INTERFACE PROGRAMMING.”
[9] M. Robith Adani, “Apa itu User Experience (UX): Definisi, Tujuan, Model, dan Penerapan,” Sekawan Media Group, Nov. 02, 2020. https://www.sekawanmedia.co.id/blog/pengertian-user-experience/ (accessed Jul. 31, 2023).
