Evaluasi dan Redesain User Interface pada Website SMK Negeri 1 Kota Besi dengan Metode Heuristic Evaluation untuk Peningkatan Usability
DOI:
https://doi.org/10.59395/er6x7039Keywords:
User Interface, Usability, Heuristic Evaluation, Website Sekolah, System Usability ScaleAbstract
Situs web sekolah berfungsi sebagai platform penting untuk menyampaikan informasi dan layanan secara daring, namun banyak di antaranya masih menghadapi tantangan dalam hal usability. Penelitian ini mengevaluasi user interface pada situs web SMK Negeri 1 Kota Besi dan memberikan rekomendasi perbaikan antarmuka. Penelitian ini menggunakan metode evaluasi heuristik yang melibatkan tiga evaluator serta menerapkan sepuluh prinsip heuristik untuk mengidentifikasi masalah usability. Data dikumpulkan melalui observasi langsung, dokumentasi, dan kuesioner pengguna. Rekomendasi perbaikan antarmuka dirancang dalam bentuk prototipe high-fidelity menggunakan Figma. Untuk menguji efektivitas desain yang diusulkan, pengujian usability dilakukan dengan metode System Usability Scale (SUS) yang melibatkan 30 responden yang dipilih secara purposive sampling, terdiri dari guru dan siswa. Hasil penelitian menemukan masalah utama, termasuk desain visual yang tidak konsisten, struktur menu yang tidak teratur, dan kurangnya umpan balik dari sistem. Hasil pengujian usability menunjukkan peningkatan signifikan pada skor usability dengan prototipe yang telah didesain ulang dibandingkan dengan versi asli. Penelitian ini berkontribusi pada pengembangan situs web sekolah yang lebih ramah pengguna dan dapat dijadikan referensi untuk evaluasi antarmuka serupa di sektor pendidikan.
Downloads
References
[1] S. Sintaro et al., “Pembuatan website sebagai media informasi digital pada biovina herbal,” J. Soc. Sci. Technol. Community Serv., vol. 4, no. 2, pp. 285–289, 2023, [Online]. Available: https://doi.org/10.33365/jsstcs.v4i2.3354
[2] V. Sarfin, M. Andarwati, and U. M. Malang, “Perancangan UI / UX Aplikasi Layanan Menggunakan Metode Design Thinking Pengaduan Masyarakat,” vol. 4, no. 2, pp. 1150–1157, 2024.
[3] A. P. Andreano and A. S. Affandi, “Pengembangan User Interface (UI) Aplikasi SISTA Universitas Merdeka Malang Menggunakan User-Centered Design (UCD),” Semin. Nas. Sist. Inf., pp. 4845–4852, 2024.
[4] G. Y. Abimanyu and H. E. Rosyadi, “PERANCANGAN UI / UX SISTEM TIKET BUS BERBASIS WEB DENGAN FITUR LOYALTY PROGRAM MENGGUNAKAN METODE USER CENTERED DESIGN,” vol. 9, no. 5, pp. 8804–8811, 2025.
[5] R. P. Putra, Sulistiowati, Agus, and D. Churniawan, “Perancangan UI/UX Aplikasi Kepuasan Mahasiswa Terhadap Layanan Program Studi Pada Universitas Dinamika,” J. Ilm. Scroll Jendela Teknol. Inf., vol. 11, no. 2, pp. 126–130, 2023, [Online]. Available: https://univ45sby.ac.id/ejournal/index.phatika
[6] D. Kurnia Wirawan and E. Maria, “Penerapan Metode Heuristic Evaluation Untuk Evaluasi User Interface Aplikasi Lazada,” J. Pendidik. Teknol. Inf., vol. 7, no. 1, pp. 96–107, 2024, doi: 10.37792/jukanti.v7i1.1236.
[7] L. M. Ginting, G. Sianturi, and C. V. Panjaitan, “Perbandingan Metode Evaluasi Usability Antara Heuristic Evaluation dan Cognitive Walkthrough,” J. Manaj. Inform., vol. 11, no. 2, pp. 146–157, 2021, doi: 10.34010/jamika.v11i2.5480.
[8] B. Csontos and I. Heckl, “Five years of changes in the accessibility , usability , and security of Hungarian government websites,” Univers. Access Inf. Soc., vol. 24, no. 3, pp. 2757–2781, 2025, doi: 10.1007/s10209-025-01223-5.
[9] M. I. Fathurrahman and S. Sumarsono, “Penerapan Prinsip Desain Antarmuka dalam Evaluasi User Interface dan User Experience E-Learning,” J. Komtika (Komputasi dan Inform., vol. 8, no. 2, pp. 171–181, 2024, doi: 10.31603/komtika.v8i2.11689.
[10] Z. S. Azkya, I. Ardiansah, and T. Pujianto, “Analisis User Experience pada Warehouse Marketplace dengan Metode Heuristic Evaluation,” J. Tek. Inform. dan Sist. Inf., vol. 6, no. 1, pp. 115–125, 2020, doi: 10.28932/jutisi.v6i1.2378.
[11] T. Purnama, I. M. A. Pradnyana, and K. Agustini, “Usability Testing Menggunakan Metode Heuristic Evaluation Pada Aplikasi E-Musrenbang Bappeda Kabupaten Badung,” J. Pendidik. Teknol. dan Kejuru., vol. 16, no. 1, p. 87, 2019, doi: 10.23887/jptk-undiksha.v16i1.17949.
[12] O. Agustiranda and M. F. A. Nasrullah, “Analisis Usability dengan Metode Heuristic Evaluation pada Web IFBT People Dashboard,” J. Appl. Multimed. Netw., vol. 6, no. 1, pp. 71–78, 2022, doi: 10.30871/jamn.v6i1.4066.
[13] R. F. Syaifulloh and S. Anggraeni, “Analisis Usability Menggunakan Metode Heuristic Evaluation pada Website SMA Hang Tuah 1 Jakarta,” vol. 16, no. 1, 2024.
[14] U. M. U. M. K. O. T. A. Xyz, “E u w m m h e s k : (w d p u k xyz),” vol. 15, no. 2, pp. 134–146, 2021.
[15] A. W. Firman, H. Tolle, and F. Al Huda, “Evaluasi dan Perbaikan Pengalaman Pengguna Website Pemerintah Kab . Sidenreng Rappang dengan Metode Evaluasi Heuristic,” vol. 1, no. 1, pp. 1–9, 2017.
[16] S. Hikmatul, V. Puspaning, and A. Rizki, “User Interface Evaluation and Design Recommendations for the Tulungagung Portal Website Using the Heuristic Evaluation Method,” vol. 4, no. 2, pp. 72–81, 2025.
[17] D. Hidayat and R. F. Nurkhalim, “EVALUASI KEBERMANFAATAN APLIKASI SALVE MENGGUNAKAN METODE SYSTEM USABILITY SCALE ( SUS ) USABILITY EVALUATION OF SALVE APPLICATION USING SYSTEM USABILITY SCALE ( SUS ) METHOD,” pp. 162–169, 2022.
[18] M. Sidqih Arhinza Juliantara, D. Juardi, and A. Susilo Yuda Irawan, “Analisis User Interface Dan User Experience Pada Website Bem Fasilkom Universitas Singaperbangsa Karawang Menggunakan Heuristic Evaluation,” JATI (Jurnal Mhs. Tek. Inform., vol. 8, no. 3, pp. 3668–3677, 2024, doi: 10.36040/jati.v8i3.9754.
[19] A. Hussain, M. A. Saare, O. M. Jasim, and A. A. Mahdi, “A Heuristic Evaluation of Iraq E-Portal,” vol. 10, no. 1.
[20] J. Nielsen, “Usability 101: Introduction to Usability,” Online Tersedia di. Accessed: Oct. 12, 2025. [Online]. Available: https://www.nngroup.com/articles/Usability-101-introduction-to-Usability/
[21] J. Nielsen, “Usability Inspection Methods,” Online Tersedia di. Accessed: Oct. 12, 2025. [Online]. Available: https://www.nngroup.com/books/usability-inspection-methods/
[22] J. Nielsen, “10 Usability Heuristics for User Interface Design,” Online Tersedia di. Accessed: Oct. 12, 2025. [Online]. Available: https://www.nngroup.com/articles/ten-usability-heuristics/
Downloads
Published
Issue
Section
License
Copyright (c) 2026 alpianur cemara
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.