Evaluasi dan Perbaikan Desain Antarmuka Pengguna pada Website SMP Negeri 1 Maron menggunakan Metode Website Usability Evaluation Tool (WEBUSE) dan Human Centered Design (HCD)

Evaluasi dan Perbaikan Desain Antarmuka Pengguna pada Website SMP Negeri 1 Maron menggunakan Metode Website Usability Evaluation Tool (WEBUSE) dan Human Centered Design (HCD)

Penulis

  • Desi Fitriyyah Mahasiswa
  • Hanifah Muslimah Az-Zahra Universitas Brawijaya
  • Tri Afirianto Fakultas Ilmu Komputer, Universitas Brawijaya

Abstrak

Website SMP Negeri 1 Maron digunakan sebagai media informasi sekolah. Namun dalam pengembangannya, aspek usability belum diperhatikan dan evaluasi usability belum pernah dilakukan. Akibatnya, berbagai permasalahan usability ditemukan, yang memengaruhi kemudahan penggunaan website. Untuk mengatasi hal ini, peneliti melakukan evaluasi usability menggunakan metode WEBUSE (Website Usability Evaluation Tool) yang memiliki empat kategori, yaitu Content, Organization and Readability, Navigation and Links, User Interface Design, dan Performance and Effectiveness. Selain itu, peneliti juga melakukan perbaikan desain antarmuka berbasis Human-Centered Design (HCD) agar lebih sesuai dengan kebutuhan dan kepuasan pengguna. Langkah awal yang dilakukan adalah memahami dan menentukan konteks penggunaan yang berperan aktif dalam menggunakan website yaitu guru dan siswa. Evaluasi awal terhadap desain antarmuka mengungkapkan 11 masalah usability dengan skor usability sebesar 0,58 (moderate). Setelah itu, analisis kebutuhan pengguna dilakukan bersama lima partisipan untuk merancang desain perbaikan berdasarkan kebutuhan konten dan desain. Desain perbaikan diimplementasikan dalam bentuk wireframe dan prototype. Kemudian, prototype tersebut dievaluasi kembali menggunakan metode yang sama seperti pada evaluasi awal. Hasil evaluasi menunjukkan peningkatan skor usability menjadi 0,82 (excellent). Dari perbandingan hasil evaluasi awal dan akhir, peneliti menyimpulkan bahwa desain prototype yang dikembangkan berhasil meningkatkan usability website dan memenuhi kebutuhan pengguna sesuai dengan tujuan penelitian.

Kata kunci: desain antarmuka, Human-Centered Design (HCD), usability, website, WEBUSE (Website Usability Evaluation Tool)

Referensi

Ayuningdias, R., Wijoyo, S. H., & Az-Zahra, H. M. 2023. Evaluasi dan Perbaikan Desain Antarmuka Pengguna Situs Web SMA Negeri 1 Kraksaan menggunakan Metode Website Usability Evaluation Tool (WEBUSE) dan Human Centered Design (HCD). Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, 7(6), 2748-2757.

Budiu, R. 2021. Why 5 Participants Are Okay a Qualitative Study, but Not a Quantitative Study. [online] Tersedia di: <https://www.nngroup.com/articles/5-test-users-qual-quant/> [Diakses 14 Oktober 2024]

Budiu, R., & Moran, K. 2021. How Many Participants for Quantitative Usability Studies: A Summary of Sample-Size Recommendations. [online] Tersedia di: <https://www.nngroup.com/articles/summary-quant-sample-sizes/> [Diakses 23 September 2024]

Chiew, T. K., & Salim, S. S. 2003. Webuse: Website usability evaluation tool. Malaysian Journal of Computer Science, 16(1), 47-57.

Google. 2024. Material Design Guidlines. Google, [online] Tersedia di: < https://m3.material.io/> [Diakses 17 Desember 2024]

Jakob, N. 2000. Why You Only Need to Test with 5 Users. Nielsen Norman Group, [online] Tersedia di: <https://www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/> [Diakses 23 September 2024]

Maulana, A. F., Kusuma, W. A., & Nuryasin, I. 2024. Solusi desain penambahan opsi pembayaran dan peta rute interaktif pada KAI Access menggunakan UX journey. ejournal.umm.ac.id.

Sherwin, K. 2016. University Websites: Top 10 Design Guidelines. Nielsen Norman Group, [online] Tersedia di: < https://www.nngroup.com/articles/university-sites/> [Diakses 17 Desember 2024]

Sidik, A. 2019. Teori, Strategi, dan Evaluasi Merancang Website dalam Perspektif Desain. Universitas Islam Kalimantan Muhammad Arsyad Al Banjari.

Sugiyono, T. 2013. Buku Metode Penelitian Kuantitatif, Kualitatif dan R &. D. Bandung : Penerbit Alfabeta, CV.

Unduhan

Diterbitkan

23 Jan 2025

Cara Mengutip

Fitriyyah, D., Muslimah Az-Zahra, H., & Tri Afirianto. (2025). Evaluasi dan Perbaikan Desain Antarmuka Pengguna pada Website SMP Negeri 1 Maron menggunakan Metode Website Usability Evaluation Tool (WEBUSE) dan Human Centered Design (HCD). Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer, 9(5). Diambil dari https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/14785

Terbitan

Bagian

Artikel
Loading...