PERANCANGAN UI/UX WEBSITE SEKOLAH MIS AL- FALAH MENGGUNAKAN METODE DESIGN THINKING

Muhamad Feardy Casnur; Arafat Febriandirza;

ABSTRAK

PERANCANGAN UI/UX WEBSITE SEKOLAH MIS AL-FALAH MENGGUNAKAN METODE DESIGN THINKING

Muhamad Feardy Casnur

Penelitian ini mengangkat isu rendahnya kegunaan (usability) serta pengalaman pengguna (UX)
pada website sekolah dasar, yang menghambat efektivitas layanan informasi dan administrasi
daring. Tujuan penelitian adalah merancang antarmuka pengguna (UI) dan pengalaman pengguna
(UX) untuk website sekolah MIS Al-Falah dengan menggunakan pendekatan Design Thinking.
Metode penelitian melibatkan studi literatur, observasi terhadap calon pengguna, dan wawancara
dengan 10 responden (calon orang tua murid, calon siswa, dan staf). Proses desain dilakukan melalui
lima fase Design Thinking yaitu: empati, definisi, idea, prototipe, dan uji coba. Fase – fase berikut
digunakan untuk membantu peneliti dalam melakukan peneltian, dimana dari fase tersebut dalam
memahami pengguna,mengevaluasi, menghasilkan ide serta merancang ide dan melakukan uji coba
kepada pengguna. Hasil penelitian menunjukkan bahwa rancangan prototipe website berhasil
memenuhi kebutuhan pengguna, menyediakan informasi pendaftaran, biaya, kontak, dan profil
sekolah secara jelas dan terstruktur. Uji coba usability menggunakan platform maze.co dan
kuesioner SUS menghasilkan skor rata-rata 83,75 yang termasuk dalam kategori “baik”,
menandakan bahwa prototipe layak digunakan dan diterima oleh pengguna. Penelitian ini
menekankan pentingnya pendekatan empati dan partisipatif dalam mendesain sistem digital
pendidikan yang inklusif dan efektif.

Kata Kunci: Skala Kegunaan Sistem, Pengalaman Pengguna, Antarmuka Pengguna,
Pemikiran Desain

ABSTRAC

UI/UX DESIGN OF THE AL-FALAH ISLAMIC SCHOOL WEBSITE USING THE DESIGN THINKING METHOD

Muhamad Feardy Casnur

This study addresses the issue of low usability and user experience (UX) on elementary school
websites, which hinders the effectiveness of online information and administrative services. The
objective of this study is to design the user interface (UI) and user experience (UX) for the MIS Al-
Falah school website using the Design Thinking approach. The research method involved literature
review, observation of potential users, and interviews with 10 respondents (potential parents,
potential students, and staff). The design process was carried out through the five phases of Design
Thinking: empathy, definition, ideation, prototyping, and testing. These phases were used to assist
the researcher in conducting the study, as they helped in understanding users, evaluating,
generating ideas, designing ideas, and conducting user testing. The research results showed that
the website prototype design successfully met user needs, providing clear and structured information
on registration, fees, contact details, and school profiles. In usability testing using the maze.co
platform and the SUS questionnaire, an average score of 83.75 was achieved, falling into the
“good” category, indicating that the prototype is suitable for use and accepted by users. This study
emphasizes the importance of an empathetic and participatory approach in designing inclusive and
effective digital education systems.

Keywords: System Usability Scale , User Experience, User Interface, Design Thinking