The Influence of Color and Layout on User Satisfaction in BTN Mobile Banking Application Interface Design
DOI:
https://doi.org/10.59261/jequi.v8i3.362Keywords:
Color, Layout, User Satisfaction, Mobile Banking, Heuristic EvaluationAbstract
Background: This research examined how color and layout influenced user satisfaction with the BTN Mobile banking application. The study responded to recurring user concerns regarding navigation clarity, visual consistency, readability, and transaction flow in mobile banking interfaces.
Objective: This study aimed to examine the direct effects of color and layout on user satisfaction with the BTN Mobile banking application, investigate the mediating role of perceived UI/UX quality in these relationships, and identify interface usability problems through heuristic evaluation to provide evidence-based recommendations for interface improvement.
Methods: A mixed-methods design was applied by combining heuristic evaluation with quantitative analysis using Partial Least Squares Structural Equation Modeling (PLS-SEM). Questionnaire data were collected from 136 active BTN Mobile users and analyzed using SmartPLS 4, while expert evaluators examined the interface based on usability heuristics.
Results: The quantitative results showed that color had a significant direct effect on user satisfaction (p = 0.027), while layout had a stronger significant direct effect on user satisfaction (p < 0.001). However, perceived UI/UX quality did not significantly mediate the effects of color or layout on user satisfaction. The heuristic findings identified 12 usability problems across three severity levels: 3 critical, 5 major, and 4 minor. These problems included inconsistent visual emphasis, low text-to-background contrast, unclear grouping of menu items, and delayed interaction feedback.
Conclusion: This study provided practical recommendations for improving BTN Mobile through more accessible color contrast, a more consistent layout hierarchy, clearer navigation grouping, and iterative usability testing.
Downloads
References
Annas, N., Putri, R. A., Kurniati, D., Reni, & Septano, G. D. (2025). Analysis of User Experience (UX) and User Interface (UI) on Digital Banking Applications to Increase Customer Satisfaction in Banten Province. International Journal of Health, Economics, and Social Sciences (IJHESS), 7(2), 930–940. https://doi.org/10.56338/ijhess.v7i2.7459
Balafif, S. (2022). Analisis Website Menggunakan Heuristic Evaluation Berbasis Severity Ratings dan System Usability Scale. Jurnal Informatika Teknologi dan Sains, 4(3), 123–130. https://doi.org/10.51401/jinteks.v4i3.1767
Deng, L., Zhang, Z., Zhou, F., & Liu, R. (2022). Effects of App Icon Border Form and Interface Background Color Saturation on User Visual Experience and Search Performance. Advances in Multimedia, 2022, 1166656. https://doi.org/10.1155/2022/1166656
Easterina, B. S. (2024). The Impact of e-Service Quality on e-Satisfaction and Loyalty in BTN Mobile: In the Evidence of BTN Mobile Banking Users in JABODETABEK. International Journal of Business Studies, 8(1), 85–95. https://doi.org/10.32924/ijbs.v8i1.325
Frans, S., Dominica, M. R. T. D., Lucky, I. K., Lilik, S., & Eva, Y. U. (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(1).
Group, N. N. (2024). 10 Usability Heuristics for User Interface Design.
Hair, J. F., & Alamer, A. (2022). Partial Least Squares Structural Equation Modeling (PLS-SEM) in second language and education research: Guidelines using an applied example. Research Methods in Applied Linguistics, 1(3), 100027. https://doi.org/10.1016/j.rmal.2022.100027
Hair, J. F., Hult, G. T. M., Ringle, C. M., Sarstedt, M., Danks, N. P., & Ray, S. (2021). Partial least squares structural equation modeling (PLS-SEM) using R: A workbook.
Hasanah, N., Sayuti, M. N., & Lisnawati, L. (2024). Optimalisasi regulasi perbankan syariah oleh Bank Indonesia dan Otoritas Jasa Keuangan dalam akselerasi transformasi digital. Jurnal Manajemen Terapan Dan Keuangan, 13(03), 709–723.
Jamil, A., & Denes, G. (2024). Investigating Color-Blind User-Interface Accessibility via Simulated Interfaces. Computers, 13(2), 53. https://doi.org/10.3390/computers13020053
Keuangan, O. J. (2020). Cetak Biru Transformasi Digital Perbankan. Otoritas Jasa Keuangan.
Liu, W., Cao, Y., & Proctor, R. W. (2021). How do app icon color and border shape influence visual search efficiency and user experience? Evidence from an eye-tracking study. International Journal of Industrial Ergonomics, 84, 103160. https://doi.org/10.1016/j.ergon.2021.103160
Mehrabian, A., & Russell, J. A. (1974). An approach to environmental psychology. the MIT Press.
Nashikha, A., Huda, M. Q., Fitroh, Durachman, Y., & Waspodo, B. (2025). Mobile Banking Service Quality and User Loyalty Using MSQUAL: A Systematic Literature Review. Sinkron: Jurnal Dan Penelitian Teknik Informatika, 9(4), 1998–2006. https://doi.org/10.33395/sinkron.v9i4.15231
Nielsen, J., & Molich, R. (1990). Heuristic evaluation of user interfaces. Conference on Human Factors in Computing Systems - Proceedings, April, 249–256. https://doi.org/10.1145/97243.97281
Novianti, E., Ahsyar, T. K., Syaifullah, & Fronita, M. (2024). Evaluation of User Experience of Mobile Banking Applications Using User Experience Questionnaire (UEQ) and Heuristic Evaluation (HE). Jurnal Teknik Informatika (JUTIF), 5(4), 133–139. https://doi.org/10.52436/1.jutif.2024.5.4.2117
Putri, A., & Indriyanti, A. D. (2022). Evaluasi Usability Aplikasi BTN Mobile dengan Metode User Experience Questionnaire dan Heuristic Evaluation. Journal of Emerging Information Systems and Business Intelligence (JEISBI), 3(2), 49–59. https://doi.org/10.26740/jeisbi.v3i2.46226
Sarstedt, M., Hair, J. F., Pick, M., Liengaard, B. D., Radomir, L., & Ringle, C. M. (2022). Progress in Partial Least Squares Structural Equation Modeling Use in Marketing Research in the Last Decade. Psychology & Marketing, 39(5), 1035–1064. https://doi.org/10.1002/mar.21640
Seng, R., Chhun, R., Chay, S. T., & Poch, B. (2026). The User Interface, User Experience, and Bakong in Mobile Banking Adoption: A Qualitative Study of Cambodian Users. SRAWUNG: Journal of Social Sciences and Humanities, 37–53.
Uhm, J. P., Chang, K., Kim, S., & Lee, H. W. (2026). Digitalization of the Olympics and legitimacy of the Olympic virtual series: An environmental psychology perspective. Technological Forecasting and Social Change, 225, 124545.
Utami, D. P., & Kurniawati, L. (2023). Analisis Usability Testing pada Aplikasi Mobile Banking Menggunakan Metode Heuristic Evaluation. Jurnal Teknik Informasi dan Komputer (Tekinkom), 6(2), 867–877. https://doi.org/10.37600/tekinkom.v6i2.1001
Wicaksono, B., & Kristiana, T. (2026). Usability Level Analysis of Mobile Banking Application Based on WEBUSE Method. Jurnal Ilmiah Sistem Informasi, 5(2), 232–242. https://doi.org/10.51903/9egzmj73
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Rizki Ashari, Muhammad Zarlis
This work is licensed under a Creative Commons Attribution-ShareAlike 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 a Creative Commons Attribution-ShareAlike 4.0 International (CC-BY-SA). that allows others to share the work with an acknowledgement 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 acknowledgement 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.
