Redesigning the SKK Website Using User-Centered Design and WEBUSE for Enhanced Usability

Penulis

  • Kurnia Ramadhan Putra Institut Teknologi Nasional Bandung
  • Sofia Umaroh Institut Teknologi Nasional Bandung
  • Fauzi Yudianto Institut Teknologi Nasional Bandung

DOI:

https://doi.org/10.25077/TEKNOSI.v11i2.2025.244-252

Kata Kunci:

Desain Berpusat Pengguna, Webuse, Sistem Kredit Kemahasiswaan, Desain UI/UX, Evaluasi Usabilitas

Abstrak

Sistem Kredit Kemahasiswaan (SKK) memiliki peran penting dalam mengelola aktivitas ekstrakurikuler mahasiswa. Namun, permasalahan kegunaan (usability) pada desain sebelumnya, seperti skema warna yang tidak konsisten, proses unggah dokumen yang membingungkan, tabel informasi yang kurang jelas, serta alur kerja yang tidak intuitif, menghambat pengalaman pengguna. Penelitian ini bertujuan untuk meningkatkan kegunaan dan kepuasan pengguna melalui perancangan ulang menggunakan metode User-Centered Design (UCD). Metodologi UCD terdiri dari empat tahap terstruktur: Menentukan Konteks Penggunaan, Menentukan Kebutuhan Pengguna dan Organisasi, Menghasilkan Solusi Desain, serta Mengevaluasi Desain terhadap Kebutuhan Pengguna. Untuk mengukur peningkatan kegunaan, dilakukan evaluasi menggunakan Website Usability Evaluation (WEBUSE) yang menilai empat aspek utama: Konten, Organisasi, dan Keterbacaan; Navigasi dan Tautan; Desain Antarmuka Pengguna; serta Kinerja dan Efektivitas. Hasil penelitian menunjukkan adanya peningkatan yang signifikan. Skor kegunaan meningkat dari 0,45 menjadi 0,93 untuk aspek Konten, Organisasi, dan Keterbacaan; 0,46 menjadi 0,92 untuk Navigasi dan Tautan; 0,39 menjadi 0,97 untuk Desain Antarmuka Pengguna; serta 0,62 menjadi 0,91 untuk Kinerja dan Efektivitas, seluruhnya mencapai tingkat kegunaan yang sangat baik. Umpan balik pengguna mengonfirmasi bahwa desain baru lebih intuitif, memiliki tampilan visual yang seragam, dan lebih ramah pengguna, sehingga meningkatkan aksesibilitas dan efisiensi dalam pengelolaan kegiatan SKK. Sebagai kesimpulan, penerapan UCD terbukti efektif dalam meningkatkan kegunaan, yang divalidasi melalui evaluasi WEBUSE dan umpan balik pengguna. Meskipun demikian, penelitian ini masih terbatas pada prototipe berbasis Figma dan memerlukan pengembangan lebih lanjut untuk implementasi penuh dan validasi di dunia nyata.

Referensi

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.

Telah diserahkan

14-08-2025

Diterima

14-12-2025

Diterbitkan

28-12-2025

Cara Mengutip

[1]
K. R. Putra, S. Umaroh, dan F. Yudianto, “Redesigning the SKK Website Using User-Centered Design and WEBUSE for Enhanced Usability”, TEKNOSI, vol. 11, no. 3, hlm. 244–252, Des 2025.

Terbitan

Bagian

Articles

Artikel Serupa

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 > >> 

Anda juga bisa Mulai pencarian similarity tingkat lanjut untuk artikel ini.