Perancangan Ulang UI/UX Website SMA Al Irsyad Menggunakan Metode Design Thinking
Keywords:
Design Thinking, UI/UX, Website Sekolah, System Usability Scale, User Experience.Abstract
Website sekolah merupakan media utama dalam penyampaian informasi kepada siswa, orang tua, guru, dan masyarakat. Namun, website SMA Al-Irsyad Surabaya masih memiliki beberapa permasalahan, seperti tampilan yang belum responsif, beberapa menu yang tidak berfungsi, serta konten yang kurang informatif. Penelitian ini bertujuan merancang ulang antarmuka pengguna dan pengalaman pengguna website SMA Al-Irsyad Surabaya menggunakan metode Design Thinking untuk meningkatkan kualitas pengalaman pengguna. Metode Design Thinking diterapkan melalui lima tahapan, yaitu Empathize, Define, Ideate, Prototype, dan Test. Tahap Empathize dilakukan melalui observasi dan wawancara dengan admin website untuk mengidentifikasi kebutuhan pengguna. Selanjutnya, pada tahap Define, permasalahan dirumuskan menjadi Pain Points dan How Might We (HMW) sebagai dasar dalam menentukan solusi. Solusi desain yang dihasilkan pada tahap Ideate diwujudkan dalam bentuk prototipe menggunakan Figma. Tahap Test dilakukan menggunakan System Usability Scale (SUS) terhadap tujuh partisipan yang terdiri atas tiga siswa, dua calon siswa, dan dua orang tua. Hasil penelitian menunjukkan bahwa rancangan antarmuka yang dihasilkan mampu memperbaiki struktur navigasi, meningkatkan responsivitas tampilan, serta menyajikan informasi secara lebih terstruktur dan mudah ditemukan. Evaluasi menggunakan SUS menunjukkan peningkatan skor usability dari 34,64 menjadi 80,36, sehingga tingkat usability meningkat dari kategori Not Acceptable menjadi Acceptable. Dengan demikian, penerapan metode Design Thinking mampu menghasilkan rancangan website yang lebih mudah digunakan dan sesuai dengan kebutuhan pengguna.