Pengembangan UI Website JTVHub Menggunakan Laravel dan React.js Berbasis UCD
Abstract
Abstrak
Transformasi digital pada industri penyiaran mendorong perusahaan media untuk meningkatkan kualitas layanan digital melalui website yang mudah digunakan dan sesuai dengan kebutuhan pengguna. PT Jawa Pos Media Televisi (JTV) mengoperasikan Website JTVHub sebagai platform digital yang menyediakan layanan live streaming, video, event, komunitas, dan informasi perusahaan. Namun, hasil observasi menunjukkan beberapa permasalahan, seperti tampilan antarmuka yang kurang modern, struktur navigasi yang belum optimal, belum tersedianya halaman Career, serta belum adanya fitur Searching dan Live Chat. Penelitian ini bertujuan mengembangkan User Interface Website JTVHub menggunakan framework Laravel dan library React.js dengan pendekatan User Centered Design (UCD). Metode penelitian mengacu pada ISO 9241-210:2019 yang terdiri atas empat tahapan, yaitu Understand Context of Use, Specify User Requirements, Design Solutions, dan Evaluate Against Requirements. Perancangan antarmuka dilakukan menggunakan Figma dalam bentuk wireframe dan mockup, kemudian diimplementasikan menggunakan Laravel dan React.js. Evaluasi dilakukan terhadap 10 responden menggunakan metode System Usability Scale (SUS). Hasil penelitian menunjukkan bahwa penerapan UCD berhasil menghasilkan antarmuka yang lebih modern dan sesuai dengan kebutuhan pengguna melalui penambahan halaman Career, fitur Searching, fitur Live Chat, serta penyederhanaan struktur navigasi. Hasil evaluasi memperoleh skor SUS rata-rata sebesar 72,0 yang berada di atas ambang batas usability sebesar 68 sehingga termasuk kategori baik dan dapat diterima pengguna. Temuan ini menunjukkan bahwa pendekatan UCD efektif diterapkan dalam pengembangan website media penyiaran lokal untuk meningkatkan kualitas antarmuka dan pengalaman pengguna.
Kata Kunci: User Centered Design, User Interface, Website JTVHub, Laravel, System Usability Scale
References
Abras, C., Maloney-Krichmar, D., & Preece, J. (2004). User-centered design. In W. Bainbridge (Ed.), Encyclopedia of Human-Computer Interaction. Sage Publications.
Anggraini, F. H., & Ruskan, E. L. (2023). Penerapan User Centered Design pada perancangan website inovasi pelayanan publik Rumah Inovasi Kesehatan di Dinas Kesehatan Provinsi Sumatera Selatan. The Indonesian Journal of Computer Science, 12(6). https://repository.unsri.ac.id/
Fadhilah, R. S., & Nasution, S. (2024). Desain User Interface website BAAK Gunadarma menggunakan User Centered Design, Eye Tracking, dan System Usability Scale. Jurnal Ilmiah Teknologi dan Rekayasa, 29(1), 39–54.
Fleury, S., & Chaniaud, N. (2023). Multi-user centered design: Acceptance, user experience, user research and user testing. Theoretical Issues in Ergonomics Science, 25(2), 209–224. https://doi.org/10.1080/1463922X.2023.2166623
International Organization for Standardization. (2019). Ergonomics of human-system interaction — Part 210: Human-centred design for interactive systems (ISO 9241-210:2019). ISO.
Iqbal, M. W., Shinan, K., Rafique, S. R., Alourani, A., Ashraf, M. U., & Ab Rahim, N. Z. (2024). Usability and optimization of online apps in user's context. PeerJ Computer Science, 10, e2561. https://doi.org/10.7717/peerj-cs.2561
Maze. (2024). How your usability score is calculated. Maze Help Center. https://help.maze.co/hc/en-us/articles/360052723353
Nielsen. (2023). The Gauge Indonesia: Media consumption trends and streaming growth in Indonesia. Nielsen Holdings.
Nielsen, J. (2000). Why you only need to test with 5 users. Nielsen Norman Group. https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/
Nielsen, J., & Landauer, T. K. (1993). A mathematical model of the finding of usability problems. Proceedings of the INTERCHI'93 Conference on Human Factors in Computing Systems, 206–213. https://doi.org/10.1145/169059.169166
Norman, D. A., & Draper, S. W. (Eds.). (1986). User centered system design: New perspectives on human-computer interaction. Lawrence Erlbaum Associates.
Novianti, D. (2024). Redesign User Interface website Universitas Bina Sarana Informatika menggunakan metode Design Thinking dan System Usability Scale (SUS). Jurnal Informatika dan Teknik Elektro Terapan, 12(3). https://doi.org/10.23960/jitet.v12i3.4300
Ririmasse, C. A., & Santiyasa, I. W. (2023). Perancangan desain antarmuka aplikasi mobile DestiGuide menggunakan pendekatan User Centered Design. Jurnal Nasional Teknologi Informasi dan Aplikasinya, 2(1), 139–150. https://doi.org/10.24843/JNATIA.2023.v02.i01.p16
Rosalina, D., Yusup, D., & Prihandani, K. (2024). Evaluasi usability pada Website PT. Melia Sehat Sejahtera menggunakan metode System Usability Scale (SUS). Jurnal Pendidikan Tambusai, 8(2), 26759–26771. https://jptam.org/index.php/jptam/article/view/16554
Sari, P. A., Fajar, M., & Arianti. (2023). Perancangan UI/UX pada Website Medisol dengan metode User Centered Design. KHARISMA Tech, 18(1), 40–54. https://doi.org/10.55645/kharismatech.v18i1.284
Suchanowski, J., & Plechawska-Wójcik, M. (2023). Performance analysis of web applications created in the Spring and Laravel frameworks. Journal of Computer Sciences Institute, 29, 304–311.
Takariyanto, A. D., & Saian, P. O. N. (2024). Perancangan ulang User Interface dan User Experience Website Klinik Pratama Dr. Jo menggunakan metode User Centered Design. IT-Explore: Jurnal Penerapan Teknologi Informasi dan Komunikasi, 3(2), 92–109. https://doi.org/10.24246/itexplore.v3i2.2024.pp92-109.
