Eksplorasi Efek Warna terhadap Keterlibatan Pengguna dalam Animasi Digital: Studi UX/UI pada Platform E-Learning
Keywords:
warna; animasi digita;, keterlibatan pengguna; e-learning, UX/UI; eye-trackingAbstract
Penelitian ini mengeksplorasi bagaimana warna dalam animasi digital memengaruhi keterlibatan pengguna pada platform e-learning. Dengan menggunakan pendekatan eksperimental, penelitian ini menguji lima skema warna (hangat, dingin, netral/kontras tinggi, monokromatik, dan pastel) melalui teknik eye-tracking , analisis interaksi, dan survei skala Likert. Data dari 150 partisipan menunjukkan bahwa warna dingin memiliki durasi fokus (fixation duration ) terpanjang (2670 ms) dan skor pengalaman pengguna tertinggi, sementara warna pastel juga menunjukkan performa yang kuat. Skema warna hangat dan netral/kontras tinggi menunjukkan keterlibatan jangka panjang yang lebih rendah. Temuan ini menyoroti pentingnya pemilihan warna dalam animasi digital untuk meningkatkan efektivitas e-learning. Penelitian ini memberikan bukti empiris tentang peran warna dalam keterlibatan pengguna, serta wawasan praktis bagi desainer UI/UX dan pengembang e-learning.
References
[1] Chen, R., Wu, Y., & Lin, X. (2021). Experimental control in eye-tracking studies for UX research. Computers in Human Behavior Reports, 4, 100118. https://doi.org/10.1016/j.chbr.2021.100118
[2] Garcia, L., & Wilson, T. (2021). Visual learning through digital media: Enhancing retention via color and design. Journal of Educational Media Studies, 9(2), 95–112.
[3] Lee, D., & Kim, J. (2021). Color interaction in UX: Evaluating visual comfort in e-learning interfaces. International Journal of Human–Computer Studies, 150, 102621. https://doi.org/10.1016/j.ijhcs.2021.102621
[4] Lim, S., & Lee, H. (2020). Visual attention and emotional responses to color in digital content. Journal of Interactive Media, 12(3), 45–55. https://doi.org/10.1080/interactive.media.2020.03.045
[5] Liu, X., Tan, W., & Zhang, L. (2020). Effects of color schemes on user cognition and interaction in digital interfaces. User Experience Journal, 5(1), 14–27.
[6] McManus, J., & Smith, A. (2020). The impact of color design on user experience in digital interfaces. Design and User Experience Review, 8(1), 23–35.
[7] Nguyen, L., & Chang, Y. (2022). Affective response to color use in mobile learning applications. Journal of Educational Technology & Society, 25(3), 123–134.
[8] Ong, S., & Rahman, N. (2023). Designing inclusive user interfaces through color harmony. Journal of Interaction Design & Architecture, 57, 89–101.
[9] Park, H., Kim, M., & Lee, S. (2020). Evaluating interface design using eye movement data: A UX perspective. Inter-national Journal of Human–Computer Interaction, 36(14), 1325–1335. https://doi.org/10.1080/10447318.2020.1726108
[10] Rahman, M., Aziz, M., & Hossain, T. (2022). Statistical analysis in HCI experiments: Best practices and pitfalls. Journal of Usability Studies, 17(2), 65–78.
[11] Tan, C., & Hwang, G. (2021). Cognitive load and color composition in digital educational animation. Educational Technology Research and Development, 69(6), 3121–3138. https://doi.org/10.1007/s11423-021-10060-x
[12] Wang, Y., & Zhou, L. (2021). Visual aesthetics in multimedia learning: The role of color contrast. Multimedia Learning Journal, 11(2), 134–146.
[13] Yoon, S., Han, K., & Park, M. (2020). Impact of aesthetic design on user engagement in interactive media. Behaviour & Information Technology, 39(11), 1148–1161. https://doi.org/10.1080/0144929X.2020.1736690
[14] Yun, J., Kim, H., & Choi, S. (2023). The role of color temperature in focused attention during online learning. Computers & Education, 194, 104705. https://doi.org/10.1016/j.compedu.2023.104705
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 Jurnal Publikasi Ilmu Komputer dan Multimedia
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
