K-Means Clustering Analysis of UI Color Palettes in Mobile Financial Applications for Motion Graphics Design to Enhance Gen Z Financial Literacy
DOI:
https://doi.org/10.24191/idealogy.v11i2.994Keywords:
UI color palette, mobile financial applications, motion graphics, Gen Z financial literacy, color psychologyAbstract
Financial literacy among Malaysian Gen Z is still a serious concern, especially in budgeting, saving, and long-term financial planning. Although many young users are familiar with digital financial platforms, they still face challenges in managing their money effectively. This study analyses the UI color palettes of 42 mobile financial applications using Itten’s warm-cool-neutral tone classification framework, Color-in-Context Theory, and color-psychology associations. The study used qualitative descriptive visual content analysis with K-Means Clustering, supported by computational color palette extraction and descriptive frequency analysis. For each application, a multi-color palette was identified, including primary, secondary, accent, and neutral/background colors. These colors were then classified into four palette pattern categories: Cool-dominant palette, Natural/Growth palette, Neutral-based palette, and Warm-dominant palette. The results show that Cool-dominant palettes (n=17, 40.5%) and Natural/Growth palettes (n=11, 26.2%) make up 66.7% of all the applications analysed. This shows that these color patterns are commonly used in the industry and may help create a sense of trust, credibility, and positive financial perception. These findings provide an evidence-based color palette framework for motion graphics design that may support financial literacy communication among Gen Z in Malaysia.
Keywords: UI color palette, mobile financial applications, motion graphics, Gen Z financial literacy, color psychology.
References
Apple Developer. (n.d.). Creating your product page. https://developer.apple.com/app-store/product-page/
Bell, P. (2004). Content Analysis of Visual Images. The Handbook of Visual Analysis, 10–34. https://doi.org/10.4135/9780857020062.n2
Celebi, M. E. (2011). Improving the performance of k-means for color quantization. Image and Vision Computing, 29(4), 260–271. https://doi.org/10.1016/j.imavis.2010.10.002
Cyr, D., Head, M., & Larios, H. (2010). Colour appeal in website design within and across cultures: A multi-method evaluation. International Journal of Human-Computer Studies, 68(1–2), 1–21. https://doi.org/10.1016/j.ijhcs.2009.08.005
Djamasbi, S., Siegel, M., & Tullis, T. (2010). Generation Y, web design, and eye tracking. International Journal of Human-Computer Studies, 68(5), 307–323. https://doi.org/10.1016/j.ijhcs.2009.12.006
Elliot, A. J., & Maier, M. A. (2012). Color-in-context theory. Advances in Experimental Social Psychology, 45, 61–125. https://doi.org/10.1016/B978-0-12-394286-9.00002-0
Google Play Help. (n.d.). Add preview assets to showcase your app. https://support.google.com/googleplay/android-developer/answer/9866151
Hartigan, J. A., & Wong, M. A. (1979). Algorithm AS 136: A k-means clustering algorithm. Journal of the Royal Statistical Society: Series C (Applied Statistics), 28(1), 100–108. https://doi.org/10.2307/2346830
Itten, J. (1961). The art of color: The subjective experience and objective rationale of color. Reinhold Publishing Corporation.
Jain, A. K. (2010). Data clustering: 50 years beyond K-means. Pattern Recognition Letters, 31(8), 651–666. https://doi.org/10.1016/j.patrec.2009.09.011
Khairulah, M. S., Che Din, S., Mohd Lazim, N. A., & Mohamed Ghazali, N. A. (2023). The content analysis of motion graphic elements in Malaysian music videos. Idealogy Journal, 8(2), 250–256. https://doi.org/10.24191/idealogy.v8i2.486
Kim, M. J., Kim, G. Y., Sim, J. M., & Ji, Y. G. (2020). How motion graphics affect emotional quality: In the context of an in-vehicle information system. In International Conference on Human-Computer Interaction (pp. 491–500). Springer. https://doi.org/10.1007/978-3-030-49713-2_34
Labrecque, L. I., & Milne, G. R. (2012). Exciting red and competent blue: The importance of color in marketing. Journal of the Academy of Marketing Science, 40(5), 711–727. https://doi.org/10.1007/s11747-010-0245-y
Landa, R. (2018). Graphic design solutions (6th ed.). Cengage Learning.
MacQueen, J. (1967). Some methods for classification and analysis of multivariate observations. In Proceedings of the Fifth Berkeley Symposium on Mathematical Statistics and Probability (Vol. 1, pp. 281–297). University of California Press.
Muat, S., Fachrurrozi, F., & Sari, N. (2024). How do digital financial literacy, financial behavior, and skills affect financial well-being? An exploratory study on Gen Z. Integrated Journal of Business and Economics, 8(1), 728–744. https://doi.org/10.33019/ijbe.v8i1.851
Nasir, N. I. A. A., Mohd Lazim, N. A., Omar, M., Mohd Muslim Tan, E., & Ishak, S. N. (2024). Visual analysis study of motion graphic effect as visual communication for mental health empowerment. Idealogy Journal, 9(2). https://doi.org/10.24191/idealogy.v9i2.496
Sabri, M. F., Aw, E. C. X., Rahim, H. A., Burhan, N. A. S., Othman, M. A., & Simanjuntak, M. (2021). Financial literacy, behavior and vulnerability among Malaysian households: Does gender matter? International Journal of Economics and Management, 15(2), 241–256.
Shahrulnizam, S. H., Che Din, S., Mohd Lazim, N. A., & Mohamed Ghazali, N. A. (2023). The usage of motion graphics in promotional videos: A case study for digital technology hub. Idealogy Journal, 8(2). https://doi.org/10.24191/idealogy.v8i2.434
Singh, S. (2006). Impact of color on marketing. Management Decision, 44(6), 783–789. https://doi.org/10.1108/00251740610673332
Teng, W., Lu, Z., & Cheng, C. (2020). Exploring the impact of fintech application design on user satisfaction and financial literacy. Journal of Financial Services Marketing, 25(3–4), 76–88. https://doi.org/10.1057/s41264-020-00076-8
Yaakob, T. K. S. T., Azahari, N. A., Abdullah, S., Manaf, A. R. A., Mahamood, A. F., & Yusoff, N. I. K. M. (2021). Use of interactive video based on motion graphics to create awareness on handling stress. AIP Conference Proceedings, 2339(1), 020053. https://doi.org/10.1063/5.0044958
Downloads
Published
Issue
Section
License
Copyright (c) 2026 UiTM Press
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
UiTM Press (the Publisher) has agreed to publish the undersigned author’s paper in Idealogy Journal. The agreement is contingent upon the fulfilment of a number of requirements listed below.
1. The undersigned author warrants that the paper entitled below is original, that it is not in any way libellous or unlawful in Malaysia, that it does not infringe any copyright or other proprietary right. The undersigned hereby represents and warrants that he/she is the author of the paper, except for material that is clearly identified as to its original source, with permission notices from the copyright owners where required. The undersigned represents that he/she has the power and authority to sign and execute this agreement.
2. The undersigned author warrants that the paper entitled below has not been published elsewhere, and also it will not be submitted anywhere else for publication prior to acceptance/rejection by this Journal.
3. By submitting the paper entitled below, the undersigned author agrees to transfer the rights to publish and distribute the paper in an international e-journal (entitled above) to Publisher.
4. The undersigned author agrees to make a reasonable effort to conform to Publisher's submission guidelines and to liaise with the editor to ensure that the requirements of these guidelines are met to a reasonable degree.
5. The corresponding author signs for and accepts responsibility for releasing this material on behalf of any and all coauthors. This agreement is to be signed by at least one of the authors who has obtained the assent of the co-author(s) where applicable. After submission of this agreement signed by the corresponding author, changes of authorship or in the order of the authors listed will not be accepted.
