Pengembangan Desain UI/UX Aplikasi Pencatatan Keuangan Mahasiswa dengan Metode User Centered Design

Authors

  • Dewi Sintya Universitas Kuningan
  • Raisya Amelia Putri Universitas Kuningan
  • Jandi Januarta Universitas Kuningan
  • Yayan Sopyan Universitas Kuningan

DOI:

https://doi.org/10.59024/jisi.v4i3.2468

Keywords:

Financial Recording Application, Students, User Centered Design, User Persona, Wireframe

Abstract

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

2026-07-30