Redesain Antarmuka Pengguna Situs Web Bimbingan Belajar Sinar Education Menggunakan Metode Design Thinking dan System Usability Scale (SUS)

Desman Dwi Saputra; Andika Hartanta; Akriz Alam Annaba'; Dafa Alfauzi; Garno Garno

doi:10.53863/kst.v8i01.2368

Authors

Desman Dwi Saputra Universitas Singaperbangsa Karawang, Karawang, Indonesia
Andika Hartanta Universitas Singaperbangsa Karawang, Karawang, Indonesia
Akriz Alam Annaba' Universitas Singaperbangsa Karawang, Karawang, Indonesia
Dafa Alfauzi Universitas Singaperbangsa Karawang, Karawang, Indonesia
Garno Garno Universitas Singaperbangsa Karawang, Karawang, Indonesia

DOI:

https://doi.org/10.53863/kst.v8i01.2368

Keywords:

user interface, mobile, admin panel, Design Thinking, System Usability Scale

Abstract

This study aimed to redesign the mobile user interface of the Sinar Education admin panel, an educational tutoring institution in Tambun Selatan, Bekasi Regency. The existing admin panel displayed desktop-oriented data tables that, when accessed on mobile devices, resulted in truncated columns requiring horizontal scrolling, inconsistent action button placement across pages, and a persistent sidebar consuming screen space. The redesign focused on five main pages: dashboard, admin management, applicant list, student management, and payment management. The study employed Design Thinking through five stages (empathize, define, ideate, prototype, test) combined with System Usability Scale (SUS) evaluation before and after the redesign on 10 administrators. The mean SUS score increased from 53.25 (median 55, OK category) to 81.75 (median 82.5, good to excellent category), an improvement of 28.50 points. The Wilcoxon Signed-Rank Test confirmed that this improvement was statistically significant (W=3, p=0.0098, effect size r=0.89). The greatest improvements were observed in workflow clarity and perceived complexity. This study suggests that card-based layouts replacing columnar tables and hamburger menus replacing persistent sidebars have the potential to improve perceived usability for mobile admin panels in nonformal education contexts. This study measured perceived usability via SUS rather than objective task performance, and generalization of the findings should take this limitation into account

References

Al Fitri, M. F., Afandi, M. I., & Fitri, A. S. (2024). Perancangan desain UI/UX aplikasi Findchise menggunakan metode User Centered Design (UCD). Jurnal Kridatama Sains dan Teknologi, 6(2), 669–681.

Azhara, N., Utomo, P. E. P., & Razi A, M. (2026). Perancangan UI/UX website Point of Sale (POS) menggunakan metode Design Thinking di PT Hayaa Investama Group. Jurnal Kridatama Sains dan Teknologi, 8(1), 54–66.

Bangor, A., Kortum, P., & Miller, J. (2009). Determining what individual SUS scores mean: Adding an adjective rating scale. Journal of Usability Studies, 4(3), 114–123.

Brooke, J. (1996). SUS: A quick and dirty usability scale. Dalam P. W. Jordan, B. Thomas, B. A. Weerdmeester, & A. L. McClelland (Ed.), Usability evaluation in industry. Taylor & Francis.

Brooke, J. (2013). SUS: A retrospective. Journal of Usability Studies, 8(2), 29–40.

Budiu, R., & Pernice, K. (2016, 24 Juli). Mobile first is not mobile only. Nielsen Norman Group. https://www.nngroup.com/articles/mobile-first-not-mobile-only/

Fajrusshodiq, F. M., & Muflih, G. Z. (2026). Pengembangan sistem informasi penjualan dan persediaan berbasis web dengan notifikasi stok real-time menggunakan metode Design Thinking. Jurnal Kridatama Sains dan Teknologi, 8(1), 163–177.

Gibbons, S. (2016, 31 Juli). Design Thinking 101. Nielsen Norman Group. https://www.nngroup.com/articles/design-thinking/

Kortum, P., & Sorber, M. (2015). Measuring the usability of mobile applications for phones and tablets. International Journal of Human-Computer Interaction, 31(8), 518–529.

Kurniawan, M. Y., & Dirgahayu, T. (2024). Evaluasi dan rekomendasi peningkatan user interface dan user experience pada aplikasi Prime Video Mobile. Jurnal Kridatama Sains dan Teknologi, 6(2), 453–467.

Lewis, J. R. (2018). The System Usability Scale: Past, present, and future. International Journal of Human–Computer Interaction, 34(7), 577–590.

Nielsen, J., & Budiu, R. (2013). Mobile usability. New Riders.

Sharfina, Z., & Santoso, H. B. (2016). An Indonesian adaptation of the system usability scale (SUS). 2016 International Conference on Advanced Computer Science and Information Systems (ICACSIS), 145–148.

Sinar Education. (2025). Sinar Education: Tambun. https://sinareducation.my.id/