Implementasi Design Thinking pada UI/UX Game Edukasi 2D Hafalan Haditst Menggunakan System Usability Scale (SUS) dan User Experience Questionnaire (UEQ): Implementation of Design Thinking on UI/UX of 2D Educational Game of Haditst Memorization Using System Usability Scale (SUS) and User Experience Questionnaire (UEQ)

Firda Uswatun Hasanah; Rizky Wahyu Satrio; Muhammad Iqbal Hanafri; Siti Maisaroh

doi:10.57152/malcom.v5i2.1969

Authors

Firda Uswatun Hasanah Institut Teknologi dan Bisnis Bina Sarana Global
Rizky Wahyu Satrio Institut Teknologi dan Bisnis Bina Sarana Global
Muhammad Iqbal Hanafri Institut Teknologi dan Bisnis Bina Sarana Global
Siti Maisaroh Institut Teknologi dan Bisnis Bina Sarana Global

DOI:

https://doi.org/10.57152/malcom.v5i2.1969

Keywords:

Edukasi, Hadits, Pemikiran Design, Permainan, UI/UX

Abstract

Perkembangan teknologi membawa perubahan besar di berbagai sektor, termasuk pendidikan. Transformasi ini meningkatkan keterlibatan siswa dalam belajar serta memungkinkan desain kelas yang lebih interaktif. Salah satu inovasi yang memanfaatkan teknologi adalah game edukasi. Penelitian ini mengembangkan game edukasi 2D untuk membantu meningkatkan hafalan hadits dengan pendekatan design thought. Proses pengembangan melalui lima tahapan utama: memahami kebutuhan pengguna (empati), merancang masalah, mengembangkan ide, membuat prototype, dan melakukan pengujian. Pengujian prototype dilakukan dengan metode System Usability Scale (SUS) dan User Experience Questionnaire (UEQ). Skor rata-rata SUS yang diperoleh dari pengujian adalah 76, yang artinya tingkat kegunaan prototype berada pada kategori sangat baik. Hasil UEQ menunjukkan nilai Excellent pada aspek Daya Tarik, Kejelasan, Ketepatan, Stimulasi, dan Kebaruan, serta Baik pada aspek Efisiensi. Temuan ini menegaskan bahwa pendekatan design thought efektif dalam menciptakan UI/UX yang inovatif, menarik, dan mudah digunakan. Oleh karena itu, desain game ini berkontribusi pada inovasi pembelajaran berbasis teknologi, khususnya dalam pendidikan agama, dengan membantu proses hafalan hadits secara lebih menyenangkan dan efektif.

Downloads

Download data is not yet available.

References

F. Mohd Othman, “The Use of Technology in Hadith Pedagogy,” International Journal of Academic Research in Progressive Education and Development, vol. 13, no. 2, Apr. 2024, doi: 10.6007/ijarped/v13-i2/21074.

K. Wafiq, H. Rosyid, A. Kristari, and F. Sukmana, “Pengembangan Media Pembelajaran Game Edukasi Berbasis Android Pada Mata Pelajaran Fisika Dengan Model Prototype.”

Y. Nofrianti and A. Arifmiboy, “Challenges and Problems of Learning Islamic Religious Education in the Digital Era,” Islam Transformatif?: Journal of Islamic Studies, vol. 5, no. 1, p. 34, Jul. 2021, doi: 10.30983/it.v5i1.4375.

F. Mansir, “Problems of Islamic Religious Education in the Digital Era,” At-Ta’dib, vol. 17, no. 2, p. 284, Dec. 2022, doi: 10.21111/at-tadib.v17i2.8405.

H. Azizah and F. Yasin Irsyadi, “ARJUNA) Managed by Ministry of Research, Technology, and Higher Education,” Accredited by National Journal Accreditation, vol. 4, no. 2, pp. 489–496, 2020, [Online]. Available: http://jurnal.iaii.or.id

K. Y. Zamri and H. K. Tan, “Evaluating Educational Game via User Experience (UX) and User Interface (UI) Elements,” EDUCATUM Journal of Social Sciences, vol. 8, no. Special, pp. 1–9, May 2022, doi: 10.37134/ejoss.vol8.sp.1.2022.

F. Enggar Pamudyaningrum, H. Rante, M. Agus Zainuddin, and M. Lund, “UI/UX Design for Metora: A Gamification of Learning Journalism Interviewing Method,” in E3S Web of Conferences, EDP Sciences, Sep. 2020. doi: 10.1051/e3sconf/202018800008.

V. Nagalingam, R. Ibrahim, R. Che, and M. Yusoff, “EDUGXQ: User Experience Instrument for Educational Games’ Evaluation,” 2020. [Online]. Available: www.ijacsa.thesai.org

I. Farhan Ramadhan and A. Sekti Aji, “Enhancing Repository Application UI/UX through Design Thinking Methodology.”

M. Z. Tsaqif and E. Piantari, “Designing UI/UX for Web-Based Evaluation in Artificial Intelligence E-Learning to Determine Learning Motivation with Design Thinking Approach,” 2023, doi: 10.17509/xxxx.xxx.

A. Darojatun Nisa and F. Darmawan, “Pembangunan Prototype Game Test Hafalan Quran menggunakan Design Thinking (Studi kasus?: SDIT Al Muta’allim),” 2024. [Online]. Available: https://journal.unpas.ac.id/index.php/pasinfo

F. Hanifa, R. Permatasari, and D. S. Y. Kartika, “Penerapan Metode Design Thinking Dalam Pembuatan Desain Ui/Ux Aplikasi Hafalan Al-Qur’an,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 12, no. 3, Aug. 2024, doi: 10.23960/jitet.v12i3.4760.

A. C. Willyan, M. Fajar, and B. Zaman, “Analisis Dan Desain Kembali Ui Game Smartest Brain Menggunakan Metode Design Thinking Oleh”, [Online]. Available: https://anitacarolina19.wixsite.com/educationgame

A. Aisah and S. Widodo, “Perancangan User Interface Game Edukasi Android pada Mata Pelajaran Operasi Hitung Matematika dengan Metode Design Thinking,” sudo Jurnal Teknik Informatika, vol. 3, no. 1, pp. 9–18, May 2024, doi: 10.56211/sudo.v3i1.462.

W. S. L. Nasution and P. Nusa, “UI/UX Design Web-Based Learning Application Using Design Thinking Method,” ARRUS Journal of Engineering and Technology, vol. 1, no. 1, pp. 18–27, Aug. 2021, doi: 10.35877/jetech532.

C. N. Shé, O. Farrell, J. Brunton, and E. Costello, “Integrating design thinking into instructional design: The #OpenTeach case study.” [Online]. Available: https://openteach.ie/home/

L. Drouet, K. Bongard-Blanchy, V. Koenig, and C. Lallemand, “Empathy in Design Scale: Development and Initial Insights,” in Conference on Human Factors in Computing Systems - Proceedings, Association for Computing Machinery, Apr. 2022. doi: 10.1145/3491101.3519848.

V. Svihla and L. Kachelmeier, “The wrong theory protocol: A design thinking tool to enhance creative ideation,” in Proceedings of the 6th International Conference on Design Creativity, ICDC 2020, The Design Society, 2020, pp. 223–230. doi: 10.35199/ICDC.2020.28.

A. I. Maulia, S. P. Kristanto, and L. Hakim, “System Usability Scale dalam Evaluasi Pengembangan Aplikasi Prospect menggunakan Metode Activity Oriented Design,” Infomatek, vol. 26, no. 1, pp. 135–142, Jun. 2024, doi: 10.23969/infomatek.v26i1.14094.

E. Ratmoko and M. Pakereng, “Analisis User Experience Mahasiswa Terhadap Sistem Informasi Siasat Menggunakan User Experience Questionnaire,” Jurnal Teknik Informasi dan Komputer (Tekinkom), vol. 5, no. 1, pp. 11–18, Jun. 2022, doi: 10.37600/tekinkom.v5i1.498.

F. Martha Veronica, N. Fadilah Najwa, M. Terapan Teknik Komputer, P. Caltex Riau, and T. Informasi, “Perancangan Design UI/UX pada Website Mactiv dengan Menggunakan Metode Design Thinking”.

L. F. Sánchez-Peralta et al., “Subjective Usability Validation Of A Learning Management System For Online Training Of Minimally Invasive Surgery: Comparison Between Experts And Students.” [Online]. Available: https://academic.oup.com/bjs/article/110/Supplement_1/znac443.021/6965126

M. Fiqri Widiyantoro, T. Ridwan, N. Heryana, and A. Voutama, “Perancangan UI/UX Prototype Aplikasi Dompet Digital Menggunakan Metode Design Thinking”.