Redesigning the SKK Website Using User-Centered Design and WEBUSE for Enhanced Usability
DOI:
https://doi.org/10.25077/TEKNOSI.v11i2.2025.244-252Keywords:
User-Centered Design, Webuse, Student Credit System, UI/UX Design, Usability EvaluationAbstract
The Student Credit System (SKK) website plays a crucial role in managing students' extracurricular activities. However, usability issues in its previous design, such as inconsistent color schemes, confusing document uploads, unclear information tables, and unintuitive workflows, hindered user experience. This study aims to enhance usability and user satisfaction through a redesign using the User-Centered Design (UCD) method. The UCD methodology follows four structured stages: Specify the Context of Use, Specify User and Organization Requirements, Produce Design Solutions, and Evaluate Design Against User Requirements. To assess usability improvements, an evaluation was conducted using Website Usability Evaluation (WEBUSE), measuring four key aspects: Content, Organization, and Readability, Navigation and Links, User Interface Design, and Performance and Effectiveness. The results indicate substantial improvements. Usability scores increased from 0.45 to 0.93 for Content Organization, and Readability, 0.46 to 0.92 for Navigation and Links, 0.39 to 0.97 for User Interface Design, and 0.62 to 0.91 for Performance and Effectiveness, all reaching excellent usability levels. User feedback confirmed a more intuitive, visually cohesive, and user-friendly experience, enhancing accessibility and efficiency in managing SKK activities. In conclusion, applying UCD effectively enhances usability, validated by WEBUSE evaluation and user feedback. Despite these improvements, the study is currently limited to a Figma-based prototype, requiring further development for full implementation and real-world validation.References
L. Hasan and E. Abuelrub, “Common Usability Problems on Educational Websites,” Int. J. Commun., vol. 16, no. March 2022, pp. 22–27, 2022, doi: 10.46300/9107.2022.16.5.
A. Karani, H. Thanki, and S. Achuthan, “Impact of University Website Usability on Satisfaction: A Structural Equation Modelling Approach,” Manag. Labour Stud., vol. 46, no. 2, pp. 119–138, 2021, doi: 10.1177/0258042X21989924.
A. H. Muhammad et al., “Evaluating usability of academic websites through a fuzzy analytical hierarchical process,” Sustainability, vol. 13, no. 4, pp. 1–22, 2021, doi: 10.3390/su13042040.
C. Lafado Yesa, N. A. Putri, and D. S. Noer, “243 | Designing an Academic Website User Interface Using the Design Thinking Method (Caesareano Lafado Yesa) Designing an Academic Website User Interface Using the Design Thinking Method,” J. Ilmu Sos. dan Pendidik., vol. 8, no. 2, pp. 2598–9944, 2024, doi: 10.58258/jisip.v7i1.6726/http.
R. Garett, J. Chiu, L. Zhang, and S. D. Young, “Website Design and User Engagement,” Online J Commun Media Technol., vol. 46, no. 5, pp. 1247–1262, 2017, doi: 10.29333/ojcmt/2556.
M. W. P. Dananjaya, G. H. Prathama, and K. Darmaastawan, “User-Centered Design Approach in Developing User Interface and User Experience of Sculptify Mobile Application,” J. Comput. Networks, Archit. High Perform. Comput., vol. 6, no. 3, pp. 1089–1097, 2024, doi: 10.47709/cnahpc.v6i3.4206.
X. He, H. Zhang, and J. Bian, “User-centered design of a web-based crowdsourcing-integrated semantic text annotation tool for building a mental health knowledge base,” J. Biomed. Inform., vol. 110, no. August, p. 103571, 2020, doi: 10.1016/j.jbi.2020.103571.
A. L. Ridho, D. Dwi, J. Suwawi, and R. R. Riskiana, “Redesigning the User Interface of a University Laboratory Website Using the User-Centered Design Approach,” vol. 4, no. 1, pp. 378–387, 2023, doi: 10.30865/klik.v4i1.1172.
L. M. Hasani, D. I. Sensuse, Kautsarina, and R. R. Suryono, “User-Centered Design of e-Learning User Interfaces: A Survey of the Practices,” 2020 3rd Int. Conf. Comput. Informatics Eng. IC2IE 2020, pp. 299–305, 2020, doi: 10.1109/IC2IE50715.2020.9274623.
Handoko and Joosten, “Penerapan Metode Webuse Dalam Mengevaluasi Situs Hypermart.co.id Dan Transmartdelivery.co.id,” J. Tek. Inform. dan Sist. Inf., vol. 10, no. 2, pp. 654–665, 2023.
F. Aziz, Irmawati, D. Riana, J. D. Mulyanto, D. Nurrahman, and M. Tabrani, “Usability Evaluation of the Website Services Using the WEBUSE Method (A Case Study: Covid19.go.id),” J. Phys. Conf. Ser., vol. 1641, no. 1, 2020, doi: 10.1088/1742-6596/1641/1/012103.
Andiputra and R. Tanamal, “Analysis of Usability Using Webuse Method on Website Kitabisa.Com,” Bus. Manag. J., vol. 16, no. 1, pp. 11–15, 2020, [Online]. Available: http://dx.doi.org/10.30813/bmj
H. B. Santoso, R. Delima, and Wahyuni, “Webuse usability testing for farmer and farmer group data collection system,” Proc. 3rd Int. Conf. Informatics Comput. ICIC 2018, 2018, doi: 10.1109/IAC.2018.8780465.
H. Sastypratiwi, Y. Yulianti, H. Muhardi, and D. I. Ulumi, “Incorporating User Experience Evaluation into Application Design for Optimal Usability,” MATRIK J. Manajemen, Tek. Inform. dan Rekayasa Komput., vol. 22, no. 3, pp. 529–538, 2023, doi: 10.30812/matrik.v22i3.2793.
A. N. Pramudhita, P. P. Arhandi, and F. B. Sukmadewi, “Perancangan User Interface Sistem Informasi Alumni Menggunakan Metode Webuse Dan User Centered Design,” J. Teknol. Inf. dan Terap., vol. 9, no. 1, pp. 29–36, 2022, doi: 10.25047/jtit.v9i1.266.
S. Ntoa, “Usability and User Experience Evaluation in Intelligent Environments: A Review and Reappraisal,” Int. J. Hum. Comput. Interact., vol. 0, no. 0, pp. 1–30, 2024, doi: 10.1080/10447318.2024.2394724.
R. D. Saksono, D. Sulistyorini, S. R. Sagita, Kasiyah, and L. Sadita, “Usability Evaluation and Interface Design Improvement for the Maxim Application with User-Centered Design Approach,” J. Sist. Inf., vol. 20, no. 1, pp. 23–40, 2024, doi: 10.21609/jsi.v20i1.1377.
K. Yoga Sarasmayana, L. Joni Erawati Dewi, and I. Made Gede Sunarya, “Usability Evaluation of the Academic Information System Using the Concurrent Think-Aloud, Webuse, and Sus Methods,” Archit. High Perform. Comput., vol. 6, no. 2, pp. 903–912, 2024, [Online]. Available: https://doi.org/10.47709/cnahpc.v6i2.3977
H. Kusuma, F. S. Rue, R. Y. Rumagit, and G. D. Pratama, “Usability evaluation of Ruangguru online learning mobile application using heuristic method,” Procedia Comput. Sci., vol. 245, no. C, pp. 176–184, 2024, doi: 10.1016/j.procs.2024.10.241.
F. G. Sembodo, G. F. Fitriana, and N. A. Prasetyo, “Evaluasi Usability Website Shopee Menggunakan System Usability Scale (SUS),” J. Appl. Informatics Comput., vol. 5, no. 2, pp. 146–150, 2021, doi: 10.30871/jaic.v5i2.3293.
N. A. Nik Ahmad and N. S. Hasni, “ISO 9241-11 and SUS Measurement for Usability Assessment of Dropshipping Sales Management Application,” ACM Int. Conf. Proceeding Ser., no. February, pp. 70–74, 2021, doi: 10.1145/3457784.3457794.
S. Umaroh, N. Fitrianti, A. Rahayu, and K. Ramadhan Putra, “Design Thinking and Cognitive Walkthrough for Website User Experience Improvement,” J. Nas. Teknol. dan Sist. Inf., vol. 10, no. 3, pp. 174–181, 2025, doi: 10.25077/teknosi.v10i3.2024.174-181.
Downloads
Submitted
Accepted
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 Jurnal Nasional dan Sistem Informasi
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Hak cipta untuk artikel ini ditransfer ke Jurnal Nasional Teknologi dan Sistem Informasi (TEKNOSI) jika dan ketika artikel diterima untuk publikasi. Yang bertanda tangan di bawah ini dengan ini mentransfer setiap dan semua hak di dalam dan ke kertas termasuk tanpa batasan semua hak cipta untuk TEKNOSI. Yang bertanda tangan di bawah ini dengan ini menyatakan dan menjamin bahwa makalah tersebut asli dan bahwa ia adalah pembuat makalah, kecuali untuk bahan yang secara jelas diidentifikasi sebagai sumber aslinya, dengan pemberitahuan izin dari pemilik hak cipta jika diperlukan. Yang bertanda tangan di bawah ini menyatakan bahwa ia memiliki kekuatan dan wewenang untuk membuat dan melaksanakan penugasan ini.
Kami menyatakan bahwa:
- Makalah ini belum diterbitkan dalam bentuk yang sama di tempat lain.
- Makalah ini tidak akan dikirimkan di tempat lain untuk publikasi sebelum penerimaan/penolakan oleh Jurnal ini
- Izin hak cipta diperoleh untuk materi yang diterbitkan di tempat lain dan yang memerlukan izin ini untuk reproduksi.
Selanjutnya, Saya/kami dengan ini mentransfer hak publikasi yang tidak terbatas dari makalah yang disebutkan di atas secara keseluruhan kepada TEKNOSI. Transfer hak cipta mencakup hak untuk mereproduksi dan mendistribusikan artikel, termasuk cetak ulang, terjemahan, reproduksi foto, mikroform, bentuk elektronik (offline, online) atau reproduksi lain yang serupa.
Penulis yang sesuai menandatangani dan menerima tanggung jawab untuk merilis materi ini atas nama setiap dan semua penulis bersama. Perjanjian ini harus ditandatangani oleh setidaknya salah satu penulis yang telah memperoleh persetujuan dari rekan penulis jika berlaku. Setelah pengajuan perjanjian ini ditandatangani oleh penulis yang sesuai, perubahan kepengarangan atau dalam urutan penulis yang tercantum tidak akan diterima.
Hak / Syarat dan Ketentuan yang dipertahankan :
- Penulis memiliki semua hak kepemilikan dalam setiap proses, prosedur, atau artikel manufaktur yang dijelaskan dalam Karya ini.
- Penulis dapat mereproduksi atau mengotorisasi orang lain untuk mereproduksi karya ini atau karya turunannya untuk penggunaan pribadi penulis atau untuk penggunaan perusahaan, dengan ketentuan bahwa sumber dan menyatakan hak cipta dimiliki TEKNOSI, salinan tidak digunakan dengan cara apa pun yang menyiratkan pengesahan TEKNOSI atas suatu produk atau layanan dari pihak mana pun, dan salinannya sendiri tidak ditawarkan untuk dijual.
- Meskipun penulis diizinkan untuk menggunakan kembali semua atau sebagian dari karya ini dalam karya lain, ini tidak termasuk mengabulkan permintaan pihak ketiga untuk mencetak ulang, menerbitkan ulang, atau jenis penggunaan ulang lainnya.
This work is licensed under a 