Redesain Antarmuka Pengguna Situs Web Bimbingan Belajar Sinar Education Menggunakan Metode Design Thinking dan System Usability Scale (SUS)
DOI:
https://doi.org/10.53863/kst.v8i01.2368Kata Kunci:
antarmuka pengguna, mobile, panel admin, Design Thinking, System Usability ScaleAbstrak
Penelitian ini bertujuan untuk meredesain antarmuka pengguna mobile pada panel admin Sinar Education, sebuah lembaga bimbingan belajar di Tambun Selatan, Kabupaten Bekasi. Panel admin yang ada menampilkan tabel data berbasis desktop sehingga ketika diakses melalui telepon seluler, kolom tabel terpotong dan memerlukan geser horizontal, posisi tombol aksi tidak konsisten antarhalaman, serta sidebar navigasi memakan ruang layar. Redesain difokuskan pada lima halaman utama, yaitu dasbor, manajemen admin, daftar pendaftar, manajemen siswa, dan manajemen pembayaran. Metode yang digunakan adalah Design Thinking dengan lima tahap (empathize, define, ideate, prototype, test) yang dikombinasikan dengan evaluasi System Usability Scale (SUS) sebagai pengukuran sebelum dan sesudah redesain terhadap 10 admin. Rata-rata skor SUS meningkat dari 53,25 (median 55, kategori cukup) menjadi 81,75 (median 82,5, kategori baik hingga sangat baik), dengan peningkatan sebesar 28,50 poin. Uji Wilcoxon Signed-Rank mengonfirmasi bahwa peningkatan tersebut signifikan secara statistik (W=3, p=0,0098, effect size r=0,89). Peningkatan tertinggi terjadi pada aspek kejelasan alur kerja dan persepsi kerumitan tampilan. Penelitian ini menunjukkan bahwa pendekatan card-based layout sebagai pengganti tabel kolom serta penerapan hamburger menu sebagai pengganti sidebar persisten berpotensi meningkatkan persepsi kegunaan panel admin mobile dalam konteks pendidikan nonformal. Penelitian ini mengukur persepsi kegunaan melalui SUS, bukan kinerja tugas secara objektif, sehingga generalisasi temuan perlu memperhatikan keterbatasan tersebut.
Referensi
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/
Unduhan
Diterbitkan
Cara Mengutip
Terbitan
Bagian
Lisensi
Hak Cipta (c) 2026 Desman Dwi Saputra, Andika Hartanta, Akriz Alam Annaba', Dafa Alfauzi, Garno Garno

Artikel ini berlisensiCreative Commons Attribution-ShareAlike 4.0 International License.
Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution-ShareAlike 4.0 International License that allows others to share the work with an acknowledgment of the work’s authorship and initial publication in this journal















