Redesign UI/UX Website Menabung.id Menggunakan Metode User Centered Design dengan Evaluasi UX
DOI:
https://doi.org/10.47065/bulletincsr.v6i4.1184Keywords:
User Centered Design; User Experience; System Usability Scale; Single Ease Question; Student Savings Management SystemAbstract
The use of Menabung.id as a digital platform to record and monitor student savings in schools revealed limitations in both the user interface and user experience. Less intuitive navigation, inconsistent visual presentation, and suboptimal information display created obstacles for teachers and students in utilizing the system effectively. This situation highlighted the urgency of redesigning the UI/UX to make user interactions more comfortable, efficient, and effective, thereby achieving the goals of digitalizing administration and improving financial literacy. This study aimed to redesign the UI/UX of Menabung.id using the User-Centered Design (UCD) approach, placing users at the center of all design stages, including requirement analysis, prototype development, and evaluation. An interactive prototype was developed using Figma, and usability testing was conducted using the System Usability Scale (SUS) and Single Ease Question (SEQ) to measure system effectiveness and ease of use. The results indicated that the UCD-based redesign improved interface quality and user experience. SUS scores reached 81,3 for teachers and 82.5 for students, categorised as Excellent, while SEQ scores were 5.96 and 5.81, indicating a high level of task completion ease. These improvements included teacher and student dashboards, transaction history, savings schedules, real-time notifications, and an interactive chatbot. The findings demonstrated that user-centered design effectively enhanced usability and user satisfaction. Further research can complement the evaluation with eye-tracking or A/B testing methods and develop the system for mobile platforms to increase user accessibility.
Downloads
References
Badan Pusat Statistik (BPS), “Indeks Pembangunan Teknologi Informasi & Komunikasi 2024,” Jakarta, Sep. 2025. Accessed: Jun. 27, 2026. [Online]. Available: https://www.bps.go.id/id/publication/2025/09/30/12567c4a325929839ae63740/indeks-pembangunan-teknologi-informasi-dan-komunikasi-2024.html
Otoritas Jasa Keuangan, “Strategi Nasional Literasi Keuangan Indonesia (SNLKI) 2021 - 2025,” Dec. 2021. Accessed: Jun. 27, 2026. [Online]. Available: https://ojk.go.id/id/berita-dan-kegiatan/publikasi/Pages/Strategi-Nasional-Literasi-Keuangan-Indonesia-2021-2025.aspx
S. Munir, Amalia, R. Kausar, and H. Aulia, “Meningkatkan Budaya Menabung Remaja Usia Sekolah Melalui Literasi Keuangan Dan Aplikasi Menabung,” Indonesian Community Service and Empowerment Journal (IComSE), vol. 5, no. 1, pp. 526–532, Nov. 2024, doi: 10.34010/icomse.v5i1.14215.
S. Munir and M. W. Nugroho, “Analisis dan Evaluasi Desain Web Profil Sekolah dengan Pendekatan Nielsen Usability Model,” Jurnal Informatika Terpadu, vol. 8, no. 2, pp. 104–108, Sep. 2022, doi: 10.54914/jit.v8i2.508.
V. A. Elyakim P, B. A. Nata, M. A. Haris, M. A. Pradivta, and M. R. Ramadhan, “Pengenalan Kecerdasan Buatan Dan Implementasi Chatbot Berbasis AI Bagi Siswa SMA Swasta Tamansiswa Pematangsiantar,” Jurnal Pengabdian Masyarakat Ilmu Komputer, vol. 2, no. 2, pp. 109–115, May 2025, doi: 10.70248/jpmik.v2i2.2423.
Z. Awaliyah Afra, M. Fauzan Dzika, Z. Reksa Pratama, and S. Wibowo, “Implementasi Teknologi NLP Pada Chatbot Berbasis Generative AI Untuk Layanan Edukasi,” Buffer Informatika, vol. 11, no. 2, pp. 17–24, Oct. 2025, doi: 10.25134/buffer.v11i2.406.
S. B. Noviantono, S. H. E. Wulandari, and T. Sagirani, “Analisis Dan Perancangan UI/UX Pada Website 3 Pack Surabaya Menggunakan Metode Lean UX,” JSiI (Jurnal Sistem Informasi), vol. 10, no. 2, pp. 164–171, Sep. 2023, doi: 10.30656/jsii.v10i2.8097.
M. Nurikhlimah and A. Dwi Putra, “Pengaruh Penggunaan User Centered Pada Perancangan UI/UX Pada Model Aplikasi Penjualan Es Teler Berbasis Website,” Bulletin Of Computer Science Research, vol. 6, no. 3, pp. 861–869, 2026, doi: 10.47065/bulletincsr.v6i3.1049.
R. Fitria, R. P. Tulodo, and A. Sofyan, “Pemanfaatan Chatbot Untuk Informasi Pendaftaran Calon Mahasiswa Baru Di Perguruan Tinggi,” IT-Explore: Jurnal Penerapan Teknologi Informasi dan Komunikasi, vol. 4, no. 2, pp. 221–232, Jun. 2025, doi: 10.24246/itexplore.v4i2.2025.pp221-232.
A. Mahesakayun and I. A. Saputro, “Perancangan UI/UX Aplikasi Penjualan Burung Kicau Berbasis Mobile Menggunakan Metode User Centered Design,” Journal of Computer Science and Information Technology, vol. Vol. 2 No. 2, Mar. 2025, doi: https://doi.org/10.70248/jcsit.v2i2.
R. N. Ahmadi and I. A. Saputro, “Perancangan UI/UX Toko Baju Manuveshko Berbasis Mobile Menggunakan Metode User Centered Design,” Jurnal Rekayasa Sistem Informasi dan Teknologi, vol. 2, no. 3, pp. 952–960, Feb. 2025, doi: 10.70248/jrsit.v2i3.1875.
O. Azhari, P. W. Setyaningsih, S. Eka, A. Buananta, F. Maitri, and F. S. Lee, “Pengembangan Aplikasi E-Booking Konser K-Pop Berbasis QRIS dengan Pendekatan User-Centered Design untuk Optimalisasi Pengalaman dan Efisiensi Transaksi,” Bulletin Of Computer Science Research, vol. 6, no. 3, pp. 853–860, 2026, doi: 10.47065/bulletincsr.v6i3.981.
D. Wahyuni and M. L. Hamzah, “Analisa Tingkat Usability Website Menggunakan Metode System Usability Scale Dan Post Study System Usability Questionnaire,” Jurnal Testing dan Implementasi Sistem Informasi, vol. 2, no. 1, pp. 52–58, Jan. 2024, doi: 10.55583/jtisi.v2i1.384.
K. Khodijah, R. M. Febriyanti, and A. Y. Rindarwati, “Evaluasi Penggunaan Aplikasi Diabetes M-Blood Sugar Diary Menggunakan Metode Single Ease Question (SEQ) dan System Usability Scale (SUS),” Jurnal Penelitian Sains, vol. 26, no. 2, p. 156, Aug. 2024, doi: 10.56064/jps.v26i2.979.
A. Haidar Luthfi and I. Arfiani, “Perancangan UI/UX Aplikasi Sampahocity Menggunakan Pendekatan UCD (User Centered Design),” Jurnal Ilmu Komputer dan Sistem Informasi (JIKOMSI), vol. 7, no. 1, pp. 24–36, Jan. 2024, doi: 10.55338/jikomsi.v7i1.2175.
D. A. . Norman, The Design of Everyday Things. New York: Basic Books, 2013.
A. Yunita and W. Dari, “Analisis UI/UX Website Luarsekolah Pada Program Project-Based Internship Menggunakan Metode User-Centered Design (UCD) Dan Metode System Usability Scale (SUS),” Jurnal Ilmiah ILKOMINFO - Ilmu Komputer & Informatika, vol. 9, no. 1, pp. 122–132, Jan. 2026, doi: 10.47324/ilkominfo.v9i1.404.
H. Apias Risky, D. Irmayanti, and M. Hafid Totohendarto, “Redesign UI/UX Aplikasi Mobile My Pertamina Menggunakan Metode User Centered Design (UCD),” JATI (Jurnal Mahasiswa Teknik Informatika), vol. 7, no. 3, pp. 1823–1829, Nov. 2023, doi: 10.36040/jati.v7i3.6965.
Ronni Sahat Hutabarat and Ketut Sudaryana, “User Centered Design pada User Interface User Experience Prototyping Aplikasi E-Commerce,” Jurnal Penelitian Teknologi Informasi dan Sains, vol. 2, no. 4, pp. 89–99, Dec. 2024, doi: 10.54066/jptis.v2i4.2781.
D. Rahma Fahriyah, D. Ikasari, and Widiastuti, “Implementasi Re-design Application Mobile MRT Jakarta Menggunakan Metode User Centered Design,” Journal of Applied Computer Science and Technology, vol. 5, no. 1, pp. 98–108, Jun. 2024, doi: 10.52158/jacost.v5i1.812.
A. Lupita Dyayu, B. Beny, and H. Yani, “Evaluasi Usability Aplikasi PeduliLindungi Menggunakan Metode Usability Testing dan System Usability Scale (SUS),” Jurnal Manajemen Teknologi Dan Sistem Informasi (JMS), vol. 3, no. 1, pp. 395–404, Mar. 2023, doi: 10.33998/jms.2023.3.1.720.
Bila bermanfaat silahkan share artikel ini
Berikan Komentar Anda terhadap artikel Redesign UI/UX Website Menabung.id Menggunakan Metode User Centered Design dengan Evaluasi UX
ARTICLE HISTORY
How to Cite
Issue
Section
Copyright (c) 2026 Sirojul Munir, Syaffa Mufidah, Shelly Pramudiawardani, Muchamad Zainuri, Hanna Anggraini
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under Creative Commons Attribution 4.0 International License that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (Refer to The Effect of Open Access).
