Pengembangan Desain UI/UX Aplikasi Pencatatan Keuangan Mahasiswa dengan Metode User Centered Design
DOI:
https://doi.org/10.59024/jisi.v4i3.2468Keywords:
Financial Recording Application, Students, User Centered Design, User Persona, WireframeAbstract
Financial management is an important skill for students in meeting daily needs and achieving planned financial goals. However, many students still experience difficulties in managing their finances due to the lack of a habit of recording income and expenses regularly. This study aims to design a student financial recording application using the User Centered Design (UCD) method. The UCD method was chosen because it focuses on user needs, characteristics, and experiences throughout the system design process. Data were collected through interviews with five students to identify user problems, needs, and expectations. The research stages included user interviews, user persona development, Customer Journey Map creation, User FLow design, and wireframe development. The results showed that students need a simple and easy-to-use application equipped with features such as income and expense recording, balance information, financial reports, expense charts, savings targets, and transaction reminders. The design result is a wireframe consisting of login, dashboard, transaction, transaction history, and user profile pages. The implementation of the User Centered Design method produced an application design that aligns with user needs and is expected to help students manage their finances more effectively, systematically, and efficiently.
References
Abras, C., Maloney-krichmar, D., & Preece, J. (2004). User-Centered Design. 1–14.
Aditiya, F. R., Nuraini, R., Anggun, A., & Voutama, A. (2025). Penerapan Metode Design Thinking Dalam Perancangan UI/UX Aplikasi Manajemen Keuangan. Jurnal Teknologi Dan Sistem Informasi Bisnis, 7(2), 327–333. https://doi.org/10.47233/jteksis.v7i2.1931
Ananda Meylani Puteri, Intan Inanda, & Rifaldy Bagas Prasetio. (2024). Pengaruh Literasi Keuangan dan Literasi Digital terhadap Preferensi Bank Digital di Kalangan Mahasiswa. Jurnal Publikasi Ilmu Manajemen, 3(4), 16–25. https://doi.org/10.55606/jupiman.v3i4.4467
Azzahra Salsabila, J., & Pramono, A. (2024). Analisa Pengalaman Pengguna Untuk Pengembangan Ui/Ux Aplikasi Abc Mobile Menggunakan Metode User Centered Design. JATI (Jurnal Mahasiswa Teknik Informatika), 8(4), 5914–5925. https://doi.org/10.36040/jati.v8i4.10085
Engineering, I., Handayani, N., Tangerang, U. M., Bina, U., Informatika, S., Studi, P., Informasi, S., & Pradita, U. (2023). Perancangan Ui / Ux Aplikasi Destinasi Wisata Berbasis Web. Journal of Information System and Informatics Engineering, 7(1), 35–43.
Hasani, L., Sensuse, D., Kautsarina, K., & Suryono, R. (2020). User-Centered Design of e-Learning User Interfaces: A Survey of the Practices. https://doi.org/10.1109/IC2IE50715.2020.9274623
Ismail Adhiya Adha, Apriade Voutama, & Azhari Ali Ridha. (2023). Perancangan Ui/Ux Aplikasi Ogan Lopian Diskominfo Purwakarta Menggunakan Metode Design Thinking. JOISIE Journal Of Information System And Informatics Engineering, 7(1), 55–70.
Jamilah, Y. S., & Padmasari, A. C. (2022). Perancangan User Interface Dan User Experience Aplikasi Say.Co. Jurnal Desain Komunikasi Visual, 9(1), 2715–4629. https://ojs.unm.ac.id/tanra/
Karimullah, A., Rizal, A., Susilo, A., & Irawan, Y. (2024). Publik Berbasis Mobile Dengan Metode User. JITET (Jurnal Informatika Dan Teknik Elektro Terapan), 12(3).
Kujala, S., & Kauppinen, M. (2004). Identifying and selecting users for user-centered design. 82, 297–303. https://doi.org/10.1145/1028014.1028060
Leahani Nasyaroyan Imani, Titin Fatimah, Dedeh Septyaningsih, & Rudi Sanjaya. (2024). Pengaruh Penggunaan E-Wallet terhadap perilaku Manajemen Keuangan Mahasiswa Universitas Pamulang Tangerang Selatan. Maeswara : Jurnal Riset Ilmu Manajemen Dan Kewirausahaan, 2(6), 52–61. https://doi.org/10.61132/maeswara.v2i6.1450
Mao, J.-Y., Vredenburg, K., Smith, P., & Carey, T. (2005). The state of user-centered design practice. Commun. ACM, 48, 105–109. https://doi.org/10.1145/1047671.1047677
Minda Gilces, D., & Díaz, R. (2018). User-Centered-Design of a UI for Mobile Banking Applications (pp. 205–219). https://doi.org/10.1007/978-3-030-05532-5_15
Muhammad Fiqri Widiyantoro, Taufik Ridwan, Heryana, N., Voutama, A., & Siska. (2023). Perancangan UI/UX Prototype Aplikasi Dompet Digital Menggunakan Metode Design Thinking. Jurnal Fasilkom, 13(02), 121–131. https://doi.org/10.37859/jf.v13i02.5265
Nabawi, M. R., Wulandari, F., Safaat, N., & Darmizal, T. (2024). Penerapan Desain UI/UX Pada Aplikasi Buku Kas Laundry Menggunakan Metode Lean Ux. Journal of Information System Research (JOSH), 5(3), 862–872. https://doi.org/10.47065/josh.v5i3.5082
Narizki, M. J., Widyanto, R. A., & Prabowo, N. A. (2023). Perancangan UI/UX Sistem Penerimaan Mahasiswa Baru Berbasis Perangkat Mobile dengan Metode Design Thinking. Journal of Information System Research (JOSH), 4(4), 1127–1135. https://doi.org/10.47065/josh.v4i4.3652
Prameswari, P., Candra, R., Affandes, M., & Oktavia, L. (2025). DESAIN UI/UX APLIKASI MANAJEMEN KEUANGAN PRIBADI MENGGUNAKAN METODE USER CENTERED DESIGN (UCD). Jurnal Pendidikan Dan Teknologi Indonesia, 5. https://doi.org/10.52436/1.jpti.567
Rachman, A., Saputra, Y. A. D., Hafidz, M., Sugiman, Z. A. I., & Sahria, Y. (2024). Perancangan Ui/Ux Aplikasi Integrasi Teknologi Finansial “Fihub” Menggunakan Metode User-Centered Design. Jurnal Informatika Dan Teknik Elektro Terapan, 12(1). https://doi.org/10.23960/jitet.v12i1.3884
Rohman, J., Bashir, N. A. A., Ipmawati, J., & Laksana, F. F. (2023). Permodelan UI/UX Aplikasi Santri Information Management System (SAIMS) Menggunakan Metode User Centered Design (UCD). JIKO (Jurnal Informatika Dan Komputer), 7(1), 72. https://doi.org/10.26798/jiko.v7i1.702
Saputri, R., Mulyati, T., Aznel, K., & Ciptandi, F. (2024). Redesain antarmuka situs web bimbingan konseling dengan pendekatan user centered design. Jurnal Desain, 11, 588. https://doi.org/10.30998/jd.v11i3.19273
Sudirjo, F., Ratna Tungga Dewa, D. M., Indra Kesuma, L., Suryaningsih, L., & Yuniarti Utami, E. (2024). Application of The User Centered Design Method To Evaluate The Relationship Between User Experience, User Interface and Customer Satisfaction on Banking Mobile Application. Jurnal Informasi Dan Teknologi, 6, 7–13. https://doi.org/10.60083/jidt.v6i1.465
Sulaeman, H., & Waluyo, A. F. (2023). Perancangan Aplikasi Manajemen Keuangan Berbasis Mobile Menggunakan React Native Untuk Meningkatkan Literasi Keuangan Individu. KLIK: Kajian Ilmiah Informatika Dan Komputer, 4(2), 1021–1031. https://doi.org/10.30865/klik.v4i2.1259
Vredenburg, K., Mao, J. Y., Smith, P. W., & Carey, T. (2002). A survey of user-centered design practice. Conference on Human Factors in Computing Systems - Proceedings, 4(1), 471–478. https://doi.org/10.1145/503457.503460
Widiatmoko, D. T., Utami, B. S., Studi, P., Komunikasi, D., Informasi, F. T., Kristen, U., & Wacana, S. (2022). Perancangan UI / UX Purwarupa Aplikasi Penentu Kualitas Benih BWidiatmoko, D. T., Utami, B. S., Studi, P., Komunikasi, D., Informasi, F. T., Kristen, U., & Wacana, S. (2022). Perancangan UI / UX Purwarupa Aplikasi Penentu Kualitas Benih Bunga Berbasis Mob. AITI: Jurnal Teknologi Informasi, 19(1), 120–136.
Yaasiin, F. A. W., Tolle, H., & Az-zahra, H. M. (2022). Perancangan User Experience Aplikasi Bimbingan Akademik Mahasiswa Filkom Menggunakan Metode Human-Centered User Experience Design for Filkom Student Academic Guidance Application Using Human-Centered Design Method. Jurnal Teknologi Informasi Dan Ilmu Komputer, 9(1), 191–200. https://doi.org/10.25126/jtiik.202295596
Downloads
Published
Issue
Section
License
Copyright (c) 2026 JURNAL ILMIAH TEKNIK INDUSTRI DAN INOVASI

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.








