DESAIN UI/UX PADA PENGEMBANGAN GAME EDUKASI BUDAYA JAKARTA “MURTADO: CODE SANG MACAN” BERBASIS BLOCK-BASED-CODING

ABSTRAK
Teknologi digital mendorong munculnya berbagai permainan edukatif, namun desain antarmuka pada kategori ini kerap gagal menghadirkan pengalaman yang intuitif bagi pengguna. Penelitian ini bertujuan merancang UI/UX untuk game edukasi Murtado: Code Sang Macan, ditujukan bagi siswa sekolah dasar usia 7 tahun ke atas, dengan pembuatan game melalui Game Design Document (GDD) yang mengintegrasikan cerita rakyat Betawi yaitu Murtado, Si Macan Kemayoran, ke dalam mekanik permainan berbasis blok dan pertarungan. Penelitian menggunakan metodologi Game Development Life Cycle (GDLC), mencakup fase inisiasi, pra-produksi, produksi, uji alpha, uji beta, dan rilis. Desain UI/UX dibuat dengan aplikasi Figma, Adobe Illustrator, dan Adobe Photoshop, dengan manajemen proyek game melalui Notion dan Trello. Uji alpha memverifikasi bahwa seluruh elemen UI/UX, termasuk tombol navigasi, layar antarmuka, dan aset visual, berjalan dengan benar di berbagai perangkat. Hasil game yang sudah dilakukan uji alpha selanjutnya akan diujikan kepada targets audience yaitu di sekolah dengan siswa/siswi Tunas Bangsa Christian School Cakung menggunakan metode skala likert dengan pengujian beta menghasilkan skor kelayakan 84,25%.

Kata Kunci: Cerita Rakyat Betawi, Mekanik Block-Based, Gim Edukasi, Game Development Life Cycle, Desain UI/UX.

ABSTRACT
Digital technology has driven the rise of educational games, yet interface design in this category often fails to deliver an intuitive experience for users. This research designs the UI/UX for the educational game Murtado: Code Sang Macan, aimed at elementary school students aged 7 and above. The development process starts with a Game Design Document (GDD) that integrates the Betawi folktale of Murtado, the Tiger of Kemayoran, into block-based puzzle mechanics combined with combat gameplay.The researchers applied the Game Development Life Cycle (GDLC) methodology, covering six phases: initiation, pre-production, production, alpha testing, beta testing, and release. They designed the UI/UX in Figma, Adobe Illustrator, and Adobe Photoshop, and managed the project through Notion and Trello. Alpha testing verified that navigation buttons, interface screens, and visual assets functioned correctly across different devices. After passing alpha testing, the researchers tested the game on-site with students from Tunas Bangsa Christian School Cakung, using a Likert scale. Beta testing produced a feasibility score of 84.25%.
Keywords: Betawi Folkfore, Block-Based Mechanics, Educational Game, Game Development Life Cycle, UI/UX Design