The Impact of Dominant Color in the Shopee Application's User Interface Design on User Focus Levels
DOI:
https://doi.org/10.30865/ijics.v10i2.9686Keywords:
User Interface (UI), Color Psychology, User Attention, Mobile Applications, E-commerce, Visual DesignAbstract
The design of mobile application interfaces plays a crucial role in shaping user experience, where color influences not only aesthetics but also user cognition and focus. This study aims to analyze the effect of the dominant orange color in the Shopee application interface on user focus levels. A quantitative correlational approach was employed, involving 32 respondents who completed a Likert-scale questionnaire, with data analyzed using SPSS. The results show a strong and statistically significant correlation between color perception and user focus (r = 0.681; p < 0.05), indicating that better evaluation of the dominant color is associated with higher focus levels. Furthermore, the coefficient of determination (R² = 0.464) reveals that nearly half of the variation in user focus is explained by color alone. These findings confirm that the dominant orange color enhances attention, supports sustained concentration, and improves navigation efficiency. This study highlights color as a key functional factor in optimizing user focus in mobile commerce applications.
References
[1] M. Ghiffary and others, “Analisis komponen desain layout, warna, dan kontrol pada antarmuka pengguna aplikasi mobile,” Jurnal Teknologi Informasi dan Pendidikan, vol. 11, no. 2, pp. 123–130, 2018.
[2] M. N. El Ghiffary, T. D. Susanto, and A. Herdiyanti, “Analisis komponen desain layout, warna, dan kontrol pada antarmuka pengguna aplikasi mobile: Studi kasus aplikasi Olride,” Jurnal Informatika dan Multimedia, vol. 10, no. 2, pp. 110–125, 2018.
[3] M. G. Hartadi, “Penerapan warna dalam desain user interface (UI) aplikasi seluler,” Jurnal Desain Komunikasi Visual, vol. 14, no. 2, pp. 97–110, 2019.
[4] S. Tjahyanti and R. Sutama, “Pengaruh desain antarmuka terhadap keterbacaan dan aksesibilitas untuk pengguna dengan disabilitas,” Jurnal Desain dan Teknologi Informasi, vol. 5, no. 1, pp. 45–53, 2024.
[5] Y. Widiati and others, “Analisis usability desain antarmuka website e-commerce menggunakan metode evaluasi heuristik,” Jurnal Teknologi dan Sistem Informasi, vol. 7, no. 1, pp. 34–42, 2019.
[6] B. Basiroh, D. Asmarajati, and W. Fatmafury, “Pengaruh user interface toko online terhadap kenyamanan pengguna: Studi kasus pada e-commerce Wonosobo Mall,” Jurnal Teknologi Informasi dan Komunikasi, vol. 7, no. 2, pp. 45–55, 2020.
[7] P. Broeder and N. Wildeman, “The colour red for emotion in cross-cultural e-commerce,” Eurasian Journal of Business and Economics, vol. 13, no. 25, pp. 75–89, 2020, doi: 10.17015/ejbe.2020.025.05.
[8] P. Khandelwal and N. Chaudhary, “The psychology of colors in UI/UX design,” Int. J. Hum. Comput. Stud., vol. 171, p. 102932, 2024.
[9] A. F. Yogananti, “Pengaruh psikologi kombinasi warna dalam website,” Jurnal Psikologi Desain, vol. 6, no. 2, pp. 98–110, 2015.
[10] K. Sibarani, R. I. Rokhmawati, and H. M. Az-Zahra, “Analisis warna pada e-commerce terhadap brand awareness,” Jurnal Pemasaran Digital dan Teknologi, vol. 5, no. 1, pp. 45–60, 2019.
[11] C.-H. Chen and W. Zhai, “The effects of information layout, display mode, and gender difference on the user interface design of mobile shopping applications,” IEEE Access, vol. 11, p. 3274575, 2023, doi: 10.1109/ACCESS.2023.3274575.
[12] X. Fu and E. Jung, “A study on UI design analysis from the perspective of cognitive psychology for improving usability of airline service apps,” Journal of Human-Computer Interaction, vol. 40, no. 12, pp. 220–235, 2024, doi: 10.17265/2159-5542/2024.12.002.
[13] M. Hamah, “Pengaruh desain grafis terhadap human-computer interaction dalam aplikasi website,” Jurnal Teknologi dan Desain Interaksi, vol. 12, no. 3, pp. 75–89, 2023.
[14] S. Satria Tama, A. Pratama, and A. Faroqi, “Pengaruh desain antarmuka terhadap kepuasan pengguna pada aplikasi Fun Murojaah menggunakan End-User Computing Satisfaction,” Jurnal Teknologi dan Sistem Informasi, vol. 7, no. 3, pp. 122–135, 2023.
[15] O. Victoria, F. Kaunang, and E. Wagiu, “Analisis komponen desain layout, kontrol, dan warna user interface terhadap user experience pada aplikasi PeduliLindungi,” Jurnal Sistem Informasi Kesehatan, vol. 4, no. 2, pp. 89–105, 2022.
[16] W. Wira Buana and B. N. Sari, “Analisis user interface meningkatkan pengalaman pengguna menggunakan usability testing pada aplikasi Android Course,” Jurnal Teknologi Pendidikan, vol. 5, no. 1, pp. 120–135, 2022.
[17] L. Hegemann, N. R. Dayama, A. Iyer, E. Farhadi, E. Marchenko, and A. Oulasvirta, “CoColor: Interactive exploration of color designs,” in 28th International Conference on Intelligent User Interfaces (IUI ’23), 2023, pp. 1083–1094. doi: 10.1145/3581641.3584089.
[18] I. A. Damayanti, “Perancangan UI/UX aplikasi personal color test untuk Generasi Z,” Jurnal Desain Interaksi dan Media, vol. 5, no. 1, pp. 15–27, 2024.
[19] M. Mirza and A. Prapanca, “Pengembangan Web SSO Unesa dengan penambahan colourblind mode menggunakan algoritma berbasis hue and saturation,” Jurnal Rekayasa Perangkat Lunak, vol. 9, no. 1, pp. 78–92, 2024.
[20] A. R. Nasution, R. Hidayat, H. W. S. Manik, M. F. Assidiqie, and A. Ikhwan, “Pengaruh tampilan UI dan UX terhadap kenyamanan pengguna pada aplikasi OVO,” Jurnal Informatika dan Interaksi Digital, vol. 8, no. 2, pp. 55–70, 2023.
