Research Article
BibTex RIS Cite

MICRO-INTERACTIONS IN MOTION GRAPHS IN THE CONTEXT OF VISUAL PERCEPTION AND SENSORY EXPERIENCE

Year 2025, Volume: 9 Issue: 2, 236 - 256, 22.05.2025

Ramazan Karagöl

Abstract

This research aims to examine the role of micro-interactions in motion graphics in the context of visual perception and sensory experience. Micro-interactions are fundamental design elements that improve user experience in digital interfaces, provide intuitive feedback, and make interaction processes more fluid. The use of micro-interactions in motion graphics plays an important role in directing visual perception, attracting attention, and establishing a deeper connection with the user. In this context, the research evaluates the effects of micro-interactions on user experience and analyzes how these interactions can be integrated into design processes. Qualitative research method was used in the research, and literature review and web-based content analysis methods were applied in the data collection process. As part of the literature review, academic studies on the effects of micro-interactions on visual perception and sensory experience were analyzed. In the web-based content analysis, micro-interactions used on digital platforms were systematically examined. The findings reveal that micro-interactions in motion graphics enhance the user experience, make interaction processes more intuitive, and help users understand transaction processes. The research emphasizes that micro-interactions should be designed in a user-friendly, intuitive and balanced way, and predicts that these interactions can be taken to a further level with new technologies such as AI-supported personalization, haptic feedback and AR/VR integration. The study provides a theoretical and practical framework to improve user experience in digital design processes by providing recommendations for the effective design of micro-interactions.

Keywords

Micro-interaction Motion Graphics New Media Visual Perception.

References

  • Almaral Martinez, M. E., Berna Martinez, J. V., Macia Perez, F., Lorenzo Fonseca, I., & Pascual Caceres, C. P. (2023, March). Understanding the importance of animation in human-computer interfaces and its relation to user experience. In Proceedings of the 2023 5th International Conference on Image, Video and Signal Processing (pp. 164–171).
  • Amazon.com.tr. (t.y.). Amazon.com.tr internet alışveriş sitesi. https://www.amazon.com.tr/
  • Anadol, R. [@refikanadol]. (2023, Ekim 11). [Instagram gönderisi]. Instagram. https://www.instagram.com/p/CyQtuiTryoU/
  • Bayar, Z. (2024). Kullanıcı deneyimi tasarımı odağında bir tasarım bileşeni olarak insan bilişselliği ve duygular. Yedi (Sanatta Dijitalizm Özel Sayı),267-279.
  • BonusTv. (2019, Mart 4). GarantiPay Hepsiburada'da! [Video]. YouTube. https://www.youtube.com/watch?v=1XJg7Os3U1E
  • Boyd, K., & Bond, R. (2021). Can micro interactions in user interfaces affect their perceived usability? In European Conference on Cognitive Ergonomics 2021.
  • Costello, B. (2007). A pleasure framework. Leonardo, 40(4), 370–371.
  • Delil, S. (2023). Hareketli posterlerde grafik tasarımın rolü üzerine bir inceleme. Sanat Eğitimi Dergisi, 11(1), 10–19. https://doi.org/10.7816/sed-11-01-02
  • Delil, S. (2024). Mobil uygulamalarda kullanılan animasyonlar: Hareketli grafikler ve kullanıcı deneyimi ilişkisi. Social Mentality and Researcher Thinkers Journal (SMART Journal), 7(49), 2125–2137.
  • Dolić, J., Klepo, H., Pibernik, J., & Mandić, L. (2024). The influence of microinteractions in registration forms on user experience. Acta Graphica, 32(1), 59–67.
  • Ertan, G., & Sansarcı, E. (2020). Görsel sanatlarda anlam algı. Alternatif Yayıncılık.
  • Inter IKEA Systems B.V. (2017, Eylül 12). IKEA Place uygulaması. https://shorturl.at/OZxHq Jergović, M., Stanić, L. N., Koren, I. T., & Agić, C. A. (2024). Micro-interactions within user interfaces. In Proceedings of International Symposium on Graphic Engineering and Design (GRID) 2024 (pp. 23–30). University of Novi Sad.
  • Keleş Okşar, M. (2022). Yapay zekâ ve tüketim kültürü: İnsan bilgisayar etkileşimi bağlamında Endüstri 4.0. Urzeni Yayınevi.
  • Lee, Y.-J. (2024). A study on user experience elements of micro-interactions. Journal of Next-generation Convergence Information Services Technology, 13(6), 723–732.
  • LinkedIn. (t.y.). LinkedIn: Profesyonel topluluğunuza hoş geldiniz. https://www.linkedin.com/ Mansour, Q. S. O. (2025). Motion design in digital media: Its impact on the development of visual messages and user interaction. Journal of Ecohumanism, 4(2), 1222–1232.
  • Özmutlu, A., & Kurt, B. (2021). Grafik tasarımında insan-bilgisayar etkileşimi. In S. Gürbüz (Ed.), 21. yüzyılda iletişim ve sanat (ss. 109–132). Necmettin Erbakan Üniversitesi Yayınları.
  • Saffer, D. (2013). Microinteractions: Designing with details. O’Reilly Media.
  • Setiawan, F. K., & Mulyanto, A. (2024). Microinteractions development for enhancing usability in Klik Indomaret application. In 2024 IEEE International Conference on Data and Software Engineering (ICoDSE) (pp. 172–177). IEEE.
  • Shwany, Z. A. A., Salh, C. H., Abdulrahman, H. A., & Khoshnaw, K. H. K. (2024). Evaluating the impact of micro-interactions on user engagement: Study the effects of micro-interactions on user experiences on university-level platforms. Qalaai Zanist Scientific Journal, 9(2), 1468–1485.
  • Userpilot. (2024). 14 micro-interaction examples to enhance UX and reduce frustration. https://userpilot.com/blog/micro-interaction-examples/
  • Yalur, E. (2023). Hareketli grafik tasarımı dersi için yeni medya içeriğine yönelik örnek bir ders planı. In E. Yalur (Ed.), Yeni medya ve grafik tasarımı (ss. 40–65). Paradigma Akademi Yayınları.
  • Xue, T. (2023). The application of motion graphics in visual design. Art and Performance Letters, 4(8), 50–54.

GÖRSEL ALGI VE DUYUSAL DENEYİM BAĞLAMINDA HAREKETLİ GRAFİKLERDE MİKRO ETKİLEŞİMLER

Year 2025, Volume: 9 Issue: 2, 236 - 256, 22.05.2025

Ramazan Karagöl

Abstract

Bu araştırma, görsel algı ve duyusal deneyim bağlamında hareketli grafiklerde mikro etkileşimlerin rolünü incelemeyi amaçlamaktadır. Mikro etkileşimler, dijital arayüzlerde kullanıcı deneyimini iyileştiren, sezgisel geri bildirimler sağlayan ve etkileşim süreçlerini daha akıcı hale getiren temel tasarım unsurlarıdır. Hareketli grafiklerde mikro etkileşimlerin kullanımı, görsel algıyı yönlendirme, dikkat çekme ve kullanıcıyla daha derin bir bağ kurma açısından önemli bir işlev görmektedir. Bu bağlamda, araştırma mikro etkileşimlerin kullanıcı deneyimi üzerindeki etkilerini değerlendirerek, bu etkileşimlerin tasarım süreçlerine nasıl entegre edilebileceğini analiz etmektedir. Araştırmada nitel araştırma yöntemi kullanılmış olup veri toplama sürecinde literatür taraması ve web tabanlı içerik analizi yöntemleri uygulanmıştır. Literatür taraması kapsamında, mikro etkileşimlerin görsel algı ve duyusal deneyim üzerindeki etkilerine yönelik akademik çalışmalar analiz edilmiştir. Web tabanlı içerik analizinde ise, dijital platformlarda kullanılan mikro etkileşimler sistematik olarak incelenmiştir. Elde edilen bulgular, hareketli grafiklerde mikro etkileşimlerin kullanıcı deneyimini güçlendirdiğini, etkileşim süreçlerini daha sezgisel hale getirdiğini ve kullanıcıların işlem süreçlerini anlamalarına yardımcı olduğunu ortaya koymaktadır. Araştırma, mikro etkileşimlerin kullanıcı dostu, sezgisel ve dengeli bir şekilde tasarlanması gerektiğini vurgulamakta ve bu etkileşimlerin yapay zekâ destekli kişiselleştirme, haptik geri bildirimler ve AR/VR entegrasyonu gibi yeni teknolojilerle daha ileri bir noktaya taşınabileceğini öngörmektedir. Çalışma, mikro etkileşimlerin etkili tasarımına yönelik öneriler sunarak, dijital tasarım süreçlerinde kullanıcı deneyimini iyileştirmeye yönelik teorik ve uygulamalı bir çerçeve sunmaktadır.

Keywords

Mikro Etkileşim Hareketli Grafik Yeni Medya Görsel Algı.

References

  • Almaral Martinez, M. E., Berna Martinez, J. V., Macia Perez, F., Lorenzo Fonseca, I., & Pascual Caceres, C. P. (2023, March). Understanding the importance of animation in human-computer interfaces and its relation to user experience. In Proceedings of the 2023 5th International Conference on Image, Video and Signal Processing (pp. 164–171).
  • Amazon.com.tr. (t.y.). Amazon.com.tr internet alışveriş sitesi. https://www.amazon.com.tr/
  • Anadol, R. [@refikanadol]. (2023, Ekim 11). [Instagram gönderisi]. Instagram. https://www.instagram.com/p/CyQtuiTryoU/
  • Bayar, Z. (2024). Kullanıcı deneyimi tasarımı odağında bir tasarım bileşeni olarak insan bilişselliği ve duygular. Yedi (Sanatta Dijitalizm Özel Sayı),267-279.
  • BonusTv. (2019, Mart 4). GarantiPay Hepsiburada'da! [Video]. YouTube. https://www.youtube.com/watch?v=1XJg7Os3U1E
  • Boyd, K., & Bond, R. (2021). Can micro interactions in user interfaces affect their perceived usability? In European Conference on Cognitive Ergonomics 2021.
  • Costello, B. (2007). A pleasure framework. Leonardo, 40(4), 370–371.
  • Delil, S. (2023). Hareketli posterlerde grafik tasarımın rolü üzerine bir inceleme. Sanat Eğitimi Dergisi, 11(1), 10–19. https://doi.org/10.7816/sed-11-01-02
  • Delil, S. (2024). Mobil uygulamalarda kullanılan animasyonlar: Hareketli grafikler ve kullanıcı deneyimi ilişkisi. Social Mentality and Researcher Thinkers Journal (SMART Journal), 7(49), 2125–2137.
  • Dolić, J., Klepo, H., Pibernik, J., & Mandić, L. (2024). The influence of microinteractions in registration forms on user experience. Acta Graphica, 32(1), 59–67.
  • Ertan, G., & Sansarcı, E. (2020). Görsel sanatlarda anlam algı. Alternatif Yayıncılık.
  • Inter IKEA Systems B.V. (2017, Eylül 12). IKEA Place uygulaması. https://shorturl.at/OZxHq Jergović, M., Stanić, L. N., Koren, I. T., & Agić, C. A. (2024). Micro-interactions within user interfaces. In Proceedings of International Symposium on Graphic Engineering and Design (GRID) 2024 (pp. 23–30). University of Novi Sad.
  • Keleş Okşar, M. (2022). Yapay zekâ ve tüketim kültürü: İnsan bilgisayar etkileşimi bağlamında Endüstri 4.0. Urzeni Yayınevi.
  • Lee, Y.-J. (2024). A study on user experience elements of micro-interactions. Journal of Next-generation Convergence Information Services Technology, 13(6), 723–732.
  • LinkedIn. (t.y.). LinkedIn: Profesyonel topluluğunuza hoş geldiniz. https://www.linkedin.com/ Mansour, Q. S. O. (2025). Motion design in digital media: Its impact on the development of visual messages and user interaction. Journal of Ecohumanism, 4(2), 1222–1232.
  • Özmutlu, A., & Kurt, B. (2021). Grafik tasarımında insan-bilgisayar etkileşimi. In S. Gürbüz (Ed.), 21. yüzyılda iletişim ve sanat (ss. 109–132). Necmettin Erbakan Üniversitesi Yayınları.
  • Saffer, D. (2013). Microinteractions: Designing with details. O’Reilly Media.
  • Setiawan, F. K., & Mulyanto, A. (2024). Microinteractions development for enhancing usability in Klik Indomaret application. In 2024 IEEE International Conference on Data and Software Engineering (ICoDSE) (pp. 172–177). IEEE.
  • Shwany, Z. A. A., Salh, C. H., Abdulrahman, H. A., & Khoshnaw, K. H. K. (2024). Evaluating the impact of micro-interactions on user engagement: Study the effects of micro-interactions on user experiences on university-level platforms. Qalaai Zanist Scientific Journal, 9(2), 1468–1485.
  • Userpilot. (2024). 14 micro-interaction examples to enhance UX and reduce frustration. https://userpilot.com/blog/micro-interaction-examples/
  • Yalur, E. (2023). Hareketli grafik tasarımı dersi için yeni medya içeriğine yönelik örnek bir ders planı. In E. Yalur (Ed.), Yeni medya ve grafik tasarımı (ss. 40–65). Paradigma Akademi Yayınları.
  • Xue, T. (2023). The application of motion graphics in visual design. Art and Performance Letters, 4(8), 50–54.
There are 22 citations in total.

Details

Primary Language Turkish
Subjects New Media, Communication and Media Studies (Other)
Journal Section Research Article
Authors

Ramazan Karagöl 0000-0002-2991-7061

Publication Date May 22, 2025
Submission Date April 4, 2025
Acceptance Date May 22, 2025
Published in Issue Year 2025 Volume: 9 Issue: 2

Cite

APA Karagöl, R. (2025). GÖRSEL ALGI VE DUYUSAL DENEYİM BAĞLAMINDA HAREKETLİ GRAFİKLERDE MİKRO ETKİLEŞİMLER. Yeni Medya Elektronik Dergisi, 9(2), 236-256.
 Download Cover Image


All site content, except where otherwise noted, is licensed under a Creative Common Attribution Licence. (CC-BY-NC 4.0)
by-nc.png