Perancangan Desain High Fidelity User Interface pada Prototype Game Role-Playing Game 2D Top-Down Design of a High Fidelity User Interface in a 2D Top-Down Role-Playing Game Prototype
Article Sidebar
Page Numbers:
3980-3995
Digital Object Identifier:
10.58578/yasin.v6i4.10723
Viewed: 1 times
Downloaded: 0 times
LYAS Publisher cordially invites qualified professionals to serve as Editors or Reviewers. Your expertise will make an important contribution to maintaining and strengthening the academic quality of our publications. Interested applicants are kindly requested to complete the application form at the following link: Editors & Reviewers
Please feel free to contact us if you need any further information about the submission process or if you have any additional questions.
Authors:
Ainan Fajar Fatcha1*, Agus Aan Jiwa Permana2, Ketut Agus Seputra3 
Copyright :
Authors retain copyright and grant the journal right of first publication.
Main Article Content
Abstract
The rapid growth of the global game industry has increased competition among developers, making the quality of user interface (UI) design an important factor in shaping an optimal gaming experience. Although indie game development continues to grow, studies that specifically address high-fidelity UI design for 2D top-down role-playing game (RPG) prototypes remain limited. This study aimed to design and evaluate a high-fidelity UI prototype for a 2D top-down RPG game titled Dungeon Realm. This study employed a design and development approach guided by the Game Development Life Cycle (GDLC) methodology, which includes the initiation, preproduction, production, and testing phases. The design process began with capturing environment screenshots from Godot Engine as contextual background references, followed by the development of a high-fidelity prototype using Figma. The resulting prototype consisted of six UI screens, namely Main Menu, In-Game HUD, Pause Menu, Game Over, Settings, and How to Play. The evaluation was conducted through black box testing to verify the functional navigation flow across all interface screens, involving the researcher and two additional testers. The results showed that all defined navigation scenarios functioned according to the predetermined expected outputs, thereby confirming the structural integrity of the prototype design. These findings contribute to the application of user-centered design principles in game UI development and expand understanding of high-fidelity prototyping in indie RPG projects. This study concludes that systematic UI prototype design using the GDLC methodology can produce a coherent, navigable game interface with a validated design foundation before full implementation in Godot Engine.
Citation Metrics:
Downloads
Article Details
Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License that allows others to share the work with an acknowledgement of the work's authorship and initial publication in this journal.
References
Allifiansyah, S. (2023). The genesis and self-reliance of Indonesian local game developers as the national creative workers in contemporary Indonesia. Communication & Society, 36(4), 67–81. https://doi.org/10.15581/003.36.4.67-81
Ari, F. O., & Taurusta, C. (2023). Rancang Bangun Game 2D “East Java Adventure” Menggunakan Unity. Journal of Animation and Games Studies, 9(2). https://doi.org/10.24821/jags.v9i2.8960
Ariyana, R. Y., Susanti, E., Ath-Thaariq, M. R., & Apriadi, R. (2023). Penerapan Uji Fungsionalitas Menggunakan Black Box Testing pada Game Motif Batik Khas Yogyakarta. JUMINTAL: Jurnal Manajemen Informatika dan Bisnis Digital, 2(1), 33–43. https://doi.org/10.55123/jumintal.v2i1.2371
Arthana, I. K. R., Dantes, G. R., Dewi, L. J. E., Setemen, K., & Marti, N. W. (2021). Pengembangan Prototype Frequently Asked Question (FAQ) Undiksha dengan Pendekatan User Centered Design. Jurnal Pendidikan Teknologi dan Kejuruan, 18(1), 77–88. https://doi.org/10.23887/jptk-undiksha.v18i1.32141
Budiartawan, N. J., Kesiman, M. W. A., & Darmawiguna, I. G. M. (2022). Pengembangan Game Cerita Rakyat Bali Berbasis Desktop “Calon Arang (The Darkness of Dirah).” Kumpulan Artikel Mahasiswa Pendidikan Teknik Informatika (KARMAPATI), 11(1). https://doi.org/10.23887/karmapati.v11i1.39196
Bustamante-Orejuela, J., Quiñonez-Ku, X., & Pico-Valencia, P. (2026). From prompts to high-fidelity prototypes: A usability evaluation of generative AI-driven prototyping tools for smart mobile app design. Multimodal Technologies and Interaction, 10(4), Article 42. https://doi.org/10.3390/mti10040042
Capundan, P. A., Evangelista, M. S., Libutan, J. A., Bariso, K. W., & Bunag, F. (2023). “TAKIPSILIM”: A fantasy-themed 2D turn-based RPG developed using Unity Engine. International Journal of Computing Sciences Research, 7, 1621–1636. https://doi.org/10.25147/ijcsr.2017.001.1.120
Caroux, L., Delmas, M., Cahuzac, M., Ader, M., Gazagne, B., & Ravassa, A. (2023). Head-up displays in action video games: The effects of physical and semantic characteristics on player performance and experience. Behaviour & Information Technology, 42(10), 1466–1486. https://doi.org/10.1080/0144929X.2022.2081609
Dewanata, E. A., & Willis, T. B. M. (2025). Design and construction of the action role-playing game: Supply Odyssey using the game development life cycle method. Journal of Advances in Information and Industrial Technology, 7(2), 139–150. https://doi.org/10.52435/jaiit.v7i2.720
Hutabarat, R. S., & Sudaryana, K. (2024). User-Centered Design pada User Interface (UI)/User Experience (UX) Prototyping Aplikasi E-Commerce. Jurnal Penelitian Teknologi Informasi dan Sains, 2(4), 89–99. https://doi.org/10.54066/jptis.v2i4.2781
Koga, K., Pradnyana, I. M. A., & Darmawiguna, I. G. M. (2024). Pengembangan Prototipe Sistem Informasi Skripsi Universitas Pendidikan Ganesha Menggunakan Metode User Centered Design. INSERT: Information System and Emerging Technology Journal, 5(1), 35–51. https://doi.org/10.23887/insert.v5i1.68651
Lee, S. H., & Song, D. H. (2019). Functional usability analysis of top Korean mobile role playing games based on user interface design. Indonesian Journal of Electrical Engineering and Computer Science, 13(1), 123–128. https://doi.org/10.11591/ijeecs.v13.i1.pp123-128
Mugisha, A., Babic, A., Wakholi, P., & Tylleskär, T. (2019). High-fidelity prototyping for mobile electronic data collection forms through design and user evaluation. JMIR Human Factors, 6(1), Article e11852. https://doi.org/10.2196/11852
Nielsen, J. (1994). Enhancing the explanatory power of usability heuristics. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 152–158). ACM. https://doi.org/10.1145/191666.191729
Oktaviani, Y. C., Wahyuningsih, Y., & Kristianto, R. P. (2025). Application of the game development life cycle (GDLC) model in design and development of educational games for dyslexic children. Social Science and Humanities Journal, 9(01), 6477–6487. https://doi.org/10.18535/sshj.v9i01.1442
Permana, A. A. J. (2019). Usability Testing pada Website E-Commerce Menggunakan Metode System Usability Scale (SUS) (Studi Kasus: UMKMBULELENG.COM). Jurnal Sains dan Teknologi, 8(2). https://doi.org/10.23887/jstundiksha.v8i2.22858
Saputra, M. G., & Andelina, I. R. (2025). Analysis of interface design in the game Honkai Star Rail using the usability heuristics principles of UI. Gameology and Multimedia Expert, 2(1), 7–16. https://doi.org/10.29103/game.v2i1.19957
Saraswati, D. P. M., Seputra, K. A., & Dewi, L. J. E. (2025). Developing the interface of HaoSpace Mood Tracking Application using design thinking. Journal of Information System Research (JOSH), 7(1), 21–30. https://doi.org/10.47065/josh.v7i1.8365
Seputra, K. A., & Sandiasa, G. (2020). Rancang Bangun Sistem Informasi Satgas Gotong Royong (SI GARONG) Desa Adat Berbasis Mobile. Jurnal Nasional Pendidikan Teknik Informatika: JANAPATI, 9(3), 338–350. https://doi.org/10.23887/janapati.v9i3.25210
Siahaan, Y. Y. P., Widyani, Y., & Candra, M. Z. C. (2023). Applying Scrum in a game development life cycle for small scale game project. International Journal of Information Technology, Research and Applications, 2(4), 24–37. https://doi.org/10.59461/ijitra.v2i4.73
Srivastava, S. S. A., & A G, S. (2026). Aesthetics, emotions and engagement: A high-fidelity prototype study on digital product interface. World Journal of Advanced Research and Reviews, 30(1), 1944–1953. https://doi.org/10.30574/wjarr.2026.30.1.1041
Sujaya, M. A. P., Darmawiguna, I. G. M., & Kesiman, M. W. A. (2021). Pengembangan Game RPG 2D Legenda Desa Trunyan. INSERT: Information System and Emerging Technology Journal, 2(2), 84–98. https://doi.org/10.23887/insert.v2i2.40691
Wibowo, T., & Tan, D. (2021). Studi Artikel Mengenai Efek UI/UX Terhadap Perkembangan Gaming. Conference on Management, Business, Innovation, Education and Social Science, 1(1), 500–507. https://journal.uib.ac.id/index.php/combines/article/view/4474