Perancangan UI/UX Fitur Pariwisata pada Aplikasi Garut Hebat Super App Menggunakan Metode Prototipe


Authors

  • Futri Gina Firnanda Institut Pendidikan Indonesia Garut, Garut, Indonesia
  • Bayu Pamungkas Institut Pendidikan Indonesia Garut, Garut, Indonesia

DOI:

https://doi.org/10.47065/bulletincsr.v6i4.1030

Keywords:

Garut Hebat Super App; Digital Tourism; Prototype; System Usability Scale (SUS); UI/UX; Usability

Abstract

The tourism feature on the Garut Hebat Super App currently has limitations in navigation structure, presentation of destination information, and a lack of interactive elements, making it difficult for users to obtain tourism information quickly and in a structured manner. This study aims to design the UI/UX of the tourism feature using the Prototype method to produce an interface design that is easier to use and suits user needs. The Prototype method is implemented through the stages of communication, quick plan, modeling quick design, construction of prototype, and delivery and feedback carried out iteratively based on user feedback. The results of the study are interactive prototypes (high-fidelity) that include destination video features, ticket price information, and integrated tourist route maps. Usability evaluation was conducted using the System Usability Scale method on 50 respondents Test results show an average score of 80.09, placing it in the "acceptable" category, with a good level of usability that is acceptable to users. This value indicates that the prototype has a fairly good level of usability and is acceptable to users, although there are still several interface aspects that need to be improved. This research contributes to the design of a prototype-based UI/UX for tourism features on an integrated public service platform (super app) that combines destination information, ticket prices, travel videos, and route navigation in a single interface. The research findings are expected to serve as a reference for developers of regional public service applications in improving the quality of digital tourism services that are oriented towards user needs.

Downloads

Download data is not yet available.

References

P. Sulistyorini, A. P. Wibowo, and F. T. Informasi, “Perancangan ui/ux aplikasi pengajuan bantuan pada dinas sosial menggunakan metode design thinking,” vol. 8, pp. 483–492, 2025, doi: 10.37600/tekinkom.v8i2.2445.

P. Dan et al., “Aplikasi Mobile Terintegrasi Pemesanan Bioskop Streaming Film Menggunakan Metode Design Thinking,” vol. 14, no. 2.

A. Prasetia, F. Ramadhan, D. Irawan, and M. R. Pahlevi, “Perancangan Design UI / UX Aplikasi Tourify Berbasis Android Menggunakan Pendekatan Design Thinking,” vol. 5, no. 2, pp. 90–100, 2026.

H. Huihui, A. Othman, and N. D. M. Muhaiyuddin, “User Experience Deficiencies in Mobile Tourism Applications: A Preliminary Study from Generation Z and Tourism Practitioners,” Int. J. Adv. Comput. Sci. Appl., vol. 16, no. 11, pp. 261–266, 2025, doi: 10.14569/IJACSA.2025.0161128.

S. Febriani, T. Sutabri, and L. A. Abdillah, “Perancangan UI / UX Aplikasi Sistem Informasi Layanan Administrasi dalam Perspektif Psikologi Menggunakan Metode Prototype Mahasiswa Universitas Bina Darma dalam melaksanakan kegiatan akademik kebutuhan pengguna hingga pengguna dapat merasa senang dan puas ketika melihat atau,” vol. 9, no. 2, pp. 1088–1103, 2023.

M. Firdausy, A. Fitri, M. I. Afandi, and A. S. Fitri, “Perancangan Desain UI / UX Aplikasi Findchise Menggunakan Metode User Centered Design ( UCD ),” vol. 06, no. 02, pp. 669–690, 2024.

S. Petrova and K. Watanabe, “User-Centered Mobile Navigation?: Evaluating Local Usability for Improved UX,” vol. 4, no. 3, pp. 478–492, 2025.

B. C. Carmeline and I. Kamal, “Analisis Usability dan Redesign Aplikasi Seluler Dengan Metode User-Centered Design ( Studi Kasus Starbucks Indonesia ),” vol. 1, no. November, pp. 87–100, 2023.

I. P. Nalendra, G. Swalaganata, P. Studi, S. Informasi, F. T. Informasi, and U. M. Malang, “Perancangan prototype UI / UX aplikasi home service kendaraan berbasis mobile dengan pendekatan Design Thinking,” vol. 2, no. 1, pp. 31–41, 2024, doi: 10.26905/jisad.v2i1.11044.

F. Firjatullah, “Perancangan Ui / Ux Aplikasi Mobile Edukami ( Platform Pembelajaran It ). Menggunakan Metode Design Thinking .,” vol. 13, no. 2, 2025.

I. G. Ngurah Darma Paramartha, I Putu Widia Prasetia, and Kadek Kusuma Wardana, “Usability Testing Pada Aplikasi Undiknas Mobile Menggunakan Metode System Usability Scale,” Metik J., vol. 8, no. 1, pp. 24–30, 2024, doi: 10.47002/metik.v8i1.735.

M. W. Yasykur and Devi Ajeng Efrilianda, “Evaluation of User Interface and User Experience on Solo Destination App using System Usability Scale and Human-centered Design Methods,” J. Adv. Inf. Syst. Technol., vol. 6, no. 2, pp. 183–199, 2025, doi: 10.15294/jaist.v6i2.4185.

M. R. Y. Arasyhi and M. Muslih, “User-Centered Design Approach for a Mobile Travel App: UI/UX Case Study of Ciletuh-Palabuhanratu Geopark,” Teknika, vol. 14, no. 3, pp. 354–362, 2025, doi: 10.34148/teknika.v14i3.1278.

S. Febriani, T. Sutabri, and L. A. Abdillah, “Perancangan UI / UX Aplikasi Sistem Informasi Layanan Administrasi dalam Perspektif Psikologi Menggunakan Metode Prototype Mahasiswa Universitas Bina Darma dalam melaksanakan kegiatan akademik kebutuhan pengguna hingga pengguna dapat merasa senang dan pua,” J. Teknlogi Inform. dan Komput. MH. Thamrin, vol. 9, no. 2, pp. 1088–1103, 2023.

D. Rengga and R. Alit, “Analisis dan Perbaikan User Interface (UI) untuk Meningkatkan User Experience (UX) pada Aplikasi Mobile Siakadu UNESA Menggunakan Metode Double Diamond,” J. Informatics Comput. Sci., vol. 6, no. 03, pp. 647–660, 2024, doi: 10.26740/jinacs.v6n03.p647-660.

Z. Zulkifli, N. Wahyuni, T. H. Andika, A. E. Setiawan, and F. Rizki, “Perancangan UI/UX Berbasis Mobile Pada Aplikasi E-Learning Smartplus Academy Menggunakan Metode Human Centered Design Mobile-Based UI/UX Design on Smartplus Academy E-Learning Application Using Human Centered Design Method,” J. Rekayasa Perangkat Lunak), vol. 03, no. 1, pp. 1–10, 2024.

A. S. Ahda and C. I. Ratnasari, “Pengujian Pengalaman Pengguna pada Website Jurusan Informatika UII menggunakan User Experience Questionnaire,” Sist. J. Sist. Inf., vol. 12, no. 2, pp. 527–536, 2023.

S. Petrova and K. Watanabe, “User-Centered Mobile Navigation: Evaluating Local Usability for Improved UX,” J. Technol. Informatics Eng., vol. 4, no. 3, pp. 478–492, 2025, doi: 10.51903/jtie.v4i3.457.

A. Lutfiyani, R. J. Sumantri, and T. Anggoro, “User Interface Design Techniques with Wireframing for Online Library Website Layout Design Using Figma,” vol. 06, no. 1, pp. 146–159, 2024.

M. Okty Dea Pratama and S. Suwarni, “Pengembangan Prototipe Desain User Interface & User Experience (UI/UX) Pada Aplikasi OSS URINDO Menggunakan FIGMA,” J. Teknol. Inf., vol. 8, no. 2, pp. 155–166, 2022, doi: 10.52643/jti.v8i2.2772.

J. Lorincz and K. Bariši, “Usability Testing and the System Usability Scale Effectiveness Assessment on Different Sensing Devices of Prototype and Live Web System Counterpart,” Jurnal Informatika Terpadu, vol. 10, no. 1, pp. 1–31, 2026, doi: 10.54914/jit.v10i1.1001.


Bila bermanfaat silahkan share artikel ini

Berikan Komentar Anda terhadap artikel Perancangan UI/UX Fitur Pariwisata pada Aplikasi Garut Hebat Super App Menggunakan Metode Prototipe

Dimensions Badge

ARTICLE HISTORY

Published: 2026-06-30

Abstract View: 1 times
PDF Download: 1 times

How to Cite

Firnanda, F. G., & Pamungkas, B. (2026). Perancangan UI/UX Fitur Pariwisata pada Aplikasi Garut Hebat Super App Menggunakan Metode Prototipe. Bulletin of Computer Science Research, 6(4), 1625-1633. https://doi.org/10.47065/bulletincsr.v6i4.1030

Issue

Section

Articles