Perancangan UI/UX Media Pembelajaran Interaktif Pengenalan Bentuk dan Warna Menggunakan Design Thinking pada TK

Nadia Putri Salsabila; Prastuti Sulistyorini; Riski Sulistiyaningsih

doi:10.31004/koloni.v5i3.1096

Authors

Nadia Putri Salsabila Institut Widya Pratama
Prastuti Sulistyorini Institut Widya Pratama
Riski Sulistiyaningsih Institut Widya Pratama

DOI:

https://doi.org/10.31004/koloni.v5i3.1096

Keywords:

UI/UX, interactive learning media, Design Thinking, shape and color recognition, early childhood education, Microsoft PowerPoint.

Abstract

Pembelajaran pengenalan bentuk dan warna di TK Al Ikhlas 01 Batang masih didominasi media konvensional sehinggainteraksi belajar kurang optimal dan belum mampumeningkatkan keterlibatan siswa secara maksimal. Oleh karena itu, penelitian ini bertujuan untuk merancang User Interface (UI) dan User Experience (UX) pada media pembelajaran interaktif pengenalan bentuk dan warna menggunakan metode Design Thinking. Pada penelitian ini menggunakan pendekatan deskriptif kualitatif dengan informan guru TK Al Ikhlas 01 Batang. Data dikumpulkan melalui observasi, dan wawancara. Proses perancangan dilakukan melalui tahapan Design Thinking, yaitu empathize, define, ideate, prototype, dan test. Hasil penelitian menunjukkan bahwa pengguna membutuhkan media pembelajaran yang mudah digunakan, menarik secara visual, dan sesuai dengan karakteristik anak usia dini. Berdasarkan kebutuhan tersebut, dirancang prototipe media pembelajaran interaktif berbasis Microsoft PowerPoint yang dilengkapi materipengenalan bentuk dan warna, kuis interaktif, navigasisederhana, ilustrasi menarik, serta fitur umpan balik yang memanfaatkan hyperlink, trigger animation, dan action button. Hasil evaluasi menunjukkan bahwa rancangan yang dihasilkan mampu memenuhi kebutuhan pengguna dan berpotensi meningkatkan kualitas penyampaian materi. Dengan demikian, Design Thinking dapat menjadi pendekatan yang efektif dalam perancangan media pembelajaran interaktif yang berorientasi pada kebutuhan pengguna.

References

Aisah, A., & Widodo, S. (2024). Perancangan User Interface Game Edukasi Android pada Mata Pelajaran Operasi Hitung Matematika dengan Metode Design Thinking. Sudo Jurnal Teknik Informatika, 3(1), 9–18. https://doi.org/10.56211/sudo.v3i1.462

Atiah, N., & Sardjono, W. (2023). DESIGNING A USER INTERFACE APPLICATION FOR A COLLECTION OF RECIPES USING THE DESIGN THINKING METHOD. . . Vol., (12).

Ayu, N. K., & Manuaba, I. B. S. (2021). Media Pembelajaran Zoolfabeth Menggunakan Multimedia Interaktif untuk Perkembangan Kognitif Anak Usia Dini. Jurnal Pendidikan Anak Usia Dini Undiksha, 9(2), 194. https://doi.org/10.23887/paud.v9i2.35498

Batmetan, J. R. (2018). Model Desain Thinking Pada Perancangan Aplikasi Mobile Learning. Open Science Framework. https://doi.org/10.31219/osf.io/xpzyr

Effendi, P. M., Pratama, Y. H. C., & Hafidz, M. A. (2024). Design Thinking: Pengembangan Prototype Aplikasi Evaluasi Pembelajaran Mata Kuliah Berbasis Web. Jurnal Informatika Polinema, 10(3), 413–420. https://doi.org/10.33795/jip.v10i3.5176

Hutahaean, J., Yunita, R., Siagian, Y., Syah, A. Z., & Mulyani, N. (2026). Pelatihan Pembuatan Presentasi Digital Dengan Microsoft Power Point. Jurnal Pengabdian Masyarakat Mitra Kreasi Cendekia (MKC), 4(1), 255–260.

Lutfiyani, A., Sumantri, R. J., & Anggoro, T. (2024). User Interface Design Techniques with Wireframing for Online Library Website Layout Design Using Figma. Jurnal Kridatama Sains dan Teknologi, 6(01), 146–159. https://doi.org/10.53863/kst.v6i01.1092

Maharani, S., Hadi, F. R., Afifah, S. N., Septyawan, A., Adamura, F., Astuti, I. P., & Pebriana, P. H. (2025). Development of Colour Jump Ball Learning Media to Introduce Colour and Geometric Shapes in Early Childhood. EDUKASIA Jurnal Pendidikan Dan Pembelajaran, 6(1), 119–132. https://doi.org/10.62775/edukasia.v6i1.1404

Mutamimah, S., Wahyuningsih, R., & Bahari, J. I. (2022). STIMULASI KEMAMPUAN KLASIFIKASI PRA-MATEMATIKA (WARNA DAN BENTUK GEOMETRI) PADA ANAK USIA 4-5 TAHUN MELALUI PERMAINAN SORTING COLOR DI TK KHADIJAH 150. AL IHSAN: Jurnal Pendidikan Islam Anak Usia Dini, 3(2), 048. https://doi.org/10.69552/alihsan.v3i2.1524

Putri, C. P. (2026). PERANCANGAN BUKU INTERAKTIF PENGENALAN ANGKA UNTUK MELATIH MOTORIK HALUS ANAK USIA DINI. Journal of Design and Creative Media Studies, 1(1). https://journal.unesa.ac.id/index.php/jdcms/article/view/51537

Ratna Nur Fadilah & Dhian Sweetania. (2023). PERANCANGAN DESIGN PROTOTYPE UI/UX APLIKASI RESERVASI RESTORAN DENGAN MENGGUNAKAN METODE DESIGN THINKING. Jurnal Ilmiah Teknik, 2(2), 132–146. https://doi.org/10.56127/juit.v2i2.826

Rohmiyati, Y., Tengku Wook, T. S. M., Sahari, N., Hanawi, S. A., & Qamar, F. (2023). Designing Personas for E-Resources Users in the University Libraries. Computers, 12(3), 48. https://doi.org/10.3390/computers12030048

Rupnidah, R., & Suryana, D. (n.d.). Media Pembelajaran Anak Usia Dini.

Sambella, M., Aan Hendrawan, & Rudi Hariyadi. (2023). EFEKTIVITAS MEDIA PEMBELAJARAN BERBASIS POWERPOINT INTERAKTIF DALAM MENUMBUHKAN MINAT BELAJAR ANAK USIA DINI. Didaktik : Jurnal Ilmiah PGSD STKIP Subang, 9(5), 406–413. https://doi.org/10.36989/didaktik.v9i5.1931

Sari, N. Y., Hanif, I. F., & Sofia, W. (2025). Perancangan Design UI/UX Media Pembelajaran Daring Dengan Pendekatan Design Thinking. Pondasi: Journal of Applied Science Engineering, 2(2). https://journal.alshobar.or.id/index.php/pondasi/article/view/356

Susilawati, F. E. (2023). Rancangan Antarmuka Media Pembelajaran Pengenalan Hewan Dalam Bahasa Daerah Dengan Metode Design Thinking. D’computare: Jurnal Ilmiah Teknologi Informasi dan Ilmu Komputer, 13(2), 29–32. https://doi.org/10.30605/dcomputare.v13i2.67