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

Penulis

  • 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

Kata Kunci:

antarmuka pengguna, mobile, panel admin, Design Thinking, System Usability Scale

Abstrak

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

2026-06-30

Cara Mengutip

Saputra, D. D., Hartanta, A., Annaba', A. A., Alfauzi, D., & Garno, G. (2026). Redesain Antarmuka Pengguna Situs Web Bimbingan Belajar Sinar Education Menggunakan Metode Design Thinking dan System Usability Scale (SUS). Jurnal Kridatama Sains Dan Teknologi, 8(01), 244–269. https://doi.org/10.53863/kst.v8i01.2368

Artikel Serupa

1 2 3 4 5 6 7 8 9 10 > >> 

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