User Interface (UI/UX) Design for Fun Run Application Using Design Thinking Method
Keywords:
Design Thinking, UI/UX, Fun Run, Usability Testing, Sports ApplicationAbstract
Digital technology advancement has spurred sports applications promoting healthy lifestyles, with fun run events gaining popularity as community-based activities. However, participant registration and information management remain challenging due to inadequate digital integration. This research designs the FunRun application's UI/UX using Design Thinking's user-centered methodology through five stages: Empathize, Define, Ideate, Prototype, and Test. Data collection involved interviews and observations with prospective participants and organizers to identify user needs and pain points. The outcome is an interactive Figma prototype featuring five core screens: home, registration, history, track and digital certificate. Usability testing via System Usability Scale (SUS) with 15 respondents achieved an average score of 87 ("Excellent" category), demonstrating Design Thinking's effectiveness in creating intuitive, efficient interfaces. FunRun improved registration efficiency by 50% and reduced data input errors by 73%. These findings validate user-centered design's impact on sports applications, serving as a reference for future digital solutions prioritizing user experience.
References
Brooke J. 1996. SUS: A quick and dirty usability scale. Dalam: Jordan PW, Thomas B, dan McClelland IL (eds.) Usability Evaluation in Industry. Taylor & Francis, London. hlm. 189–194.
Dam RF dan Siang TY. 2020. Design Thinking: A Quick Guide. Interaction Design Foundation. [Online]. Tersedia pada: https://www.interaction-design.org/literature/topics/design-thinking
Iskandar RS. 2025. Perancangan UI/UX untuk Aplikasi Pengukur Jarak Lari dengan Metode Design Thinking. Tugas Akhir. Program Studi Informatika, Fakultas Teknologi Industri, Universitas Islam Indonesia, Yogyakarta.
Garrett JJ. 2011. The Elements of User Experience: User-Centered Design for the Web and Beyond. Edisi ke-2. New Riders, Berkeley, California. hlm. 1–178.
Nielsen J. 1993. Usability Engineering. Academic Press, Cambridge, Massachusetts. hlm. 23–74.
Norman DA. 2013. The Design of Everyday Things: Revised and Expanded Edition. Basic Books, New York. hlm. 112–140.
Plattner H, Meinel C, dan Leifer L. 2011. Design Thinking: Understand—Improve—Apply. Springer-Verlag, Berlin. hlm. 45–98.
Stanford d.school. 2020. An Introduction to Design Thinking Process Guide. Hasso Plattner Institute of Design, Stanford University, Stanford, California.
Rogers Y, Sharp H, dan Preece J. 2019. Interaction Design: Beyond Human-Computer Interaction. Edisi ke-5. Wiley, Hoboken, New Jersey. hlm. 265–278.
Bangor A, Kortum P, dan Miller JT. 2009. Determining what individual SUS scores mean: Adding an adjective rating scale. J. Usability Studies. 4(3): 114–123.
Sauro J. 2018. A Practical Guide to Measuring Usability. MeasuringU Press, Denver, Colorado. hlm. 12–47.
Pratama A, Wibowo R, dan Anjani L. 2023. Penerapan Metode Design Thinking dalam Perancangan UI/UX Aplikasi Mobile SIPROPMAWA. J. Online Sist. Inform. 8(2): 45–56.
Soares P, Pereira R, dan Santos M. 2022. Applying Design Thinking to Improve User Experience in Mobile Health Applications. Int. J. Hum.-Comput. Stud. 162: 102788.
Raharjo KDW dan Yuliani AF. 2023. Perancangan Antarmuka Pengguna Aplikasi Event Lari Menggunakan Metode Design Thinking. J. Teknol. dan Sist. Komput. 11(4): 211–220.
Haryanto SD. 2024. Evaluasi Usability Aplikasi Mobile Menggunakan Metode System Usability Scale (SUS). J. Teknol. Inform. 18(2): 77–86.
Eriana, E. sita. (2021). Pengujian Sistem Informasi Aplikasi Perpustakaan Berbasis Web Dengan White Box Testing. Jurnal ESIT (E-Bisnis, Sistem Informasi, Teknologi Informasi), 15(2). Retrieved from https://openjournal.unpam.ac.id/index.php/ESIT/article/view/13057
Sabilla, N. A. Z., & Eriana, E. S. (2025). Perancangan Sistem Informasi Penerimaan Peserta Didik Baru (Ppdb) Dengan Menggunakan Metode User Centered Design Pada Raudhatul Athfal Sabila. Jurnal ESIT (E-Bisnis, Sistem Informasi, Teknologi Informasi), 20(2), 59–69. Retrieved from https://openjournal.unpam.ac.id/index.php/ESIT/article/view/53267
Eriana, E. S. (2021). Model €“V Pada Perancangan Sistem Informasi Kepegawaian Berbasis Web. Jurnal ESIT (E-Bisnis, Sistem Informasi, Teknologi Informasi), 16(2). Retrieved from https://openjournal.unpam.ac.id/index.php/ESIT/article/view/13681
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Siti Iswanti, Khofifah Indah Muthi’ah Sari, Adelia Oktaviani (Penulis)
This work is licensed under a Creative Commons Attribution 4.0 International License.
Creative Commons Attribution 4.0 International (CC BY 4.0).
This work is licensed under a 