A STUDY ON THE EFFECTS OF ANIMATED, INTERACTIVE AND ILLUSTRATIVE INTERFACES ON USER EXPERIENCE

Year 2025, Volume: 9 Issue: 3, 380 - 412, 27.09.2025

Gülcan Arabacı , Sofya Cihan Canbolat

Abstract

ABSTRACT
Today, web design is evolving into an interactive and dynamic structure that prioritizes user experience. In this transformation, animated illustrations and interactive interface designs are considered to be important elements that enhance visual storytelling, guide users more effectively, and enrich their experiences. The aim of this research is to understand how animated and illustrative interfaces shape user experience, determine the place of interactive designs in the web world, and provide a perspective on future design trends. Within the scope of the research, the websites of Teatr Lalka, Rleonardi, Bienville Capital, Cyclemon, Stink Studios, and Toyfight, were examined in terms of design aesthetics, user experience, functionality, and brand identity. The role of animated illustrations in web design, their contribution to user experience, and the functionality of design elements such as visual hierarchy, color, typography, and page layout were analyzed. Through the selected websites, the effects of animated, interactive, and illustrative elements on user guidance and attention-grabbing are discussed.
In this study, the descriptive analysis method from qualitative research designs was used, and the identified websites were evaluated in line with design principles. The study aims to reveal that animated illustrations strengthen visual narration on websites, increase user interest, encourage them to remain engaged, and contribute to making brand identity more memorable.

Keywords

Animated Illustrations , Interactive Web Design , Web Interface Design User Experience (UX).

HAREKETLİ, ETKİLEŞİMLİ VE İLLÜSTRATİF ARAYÜZLERİN KULLANICI DENEYİMİNE ETKİSİ ÜZERİNE BİR İNCELEME

Abstract

ÖZ
Günümüzde web tasarımı, kullanıcı deneyimini ön planda tutarak etkileşimli ve dinamik bir yapıya evrildiği gözlemlenmektedir. Bu dönüşümde, hareketli illüstrasyonlar ve etkileşimli arayüz tasarımları, görsel anlatımı güçlendirerek kullanıcıları daha etkili bir şekilde yönlendiren ve deneyimlerini zenginleştiren önemli unsurlar haline geldiği düşünülmektedir. Araştırmanın amacı, hareketli ve illüstratif arayüzlerin kullanıcı deneyimini nasıl şekillendirdiğini anlamak, etkileşimli tasarımların web dünyasındaki yerini belirlemek ve gelecekteki tasarım eğilimleri üzerine bir perspektif sunmaktır. Araştırma kapsamında, Teatr Lalka, Rleonardi, Bienville Capital, Cyclemon, Stink Studios, ve Toyfight markalara ait illüstratif ve hareketli arayüzlere sahip web sitelerini tasarım estetiği, kullanıcı deneyimi, işlevsellik ve marka kimliği bağlamında incelenmiş olup, hareketli illüstrasyonların web tasarımındaki rolü, kullanıcı deneyimine katkısı, görsel hiyerarşi, renk, tipografi ve sayfa düzeni gibi tasarım öğelerinin işlevselliği analiz edilmiştir. Seçilen web siteleri üzerinden, hareketli, etkileşimli ve illüstratif ögelerin kullanıcı yönlendirmesi, dikkat çekme üzerindeki etkileri incelenmiştir.
Bu araştırmada nitel araştırma desenlerinden betimsel analiz yöntemi kullanılmış olup belirlenen web siteleri tasarım ilkeleri doğrultusunda değerlendirilmiştir. Çalışma, hareketli illüstrasyonların web sitelerinde görsel anlatımı güçlendirdiğini, kullanıcıların ilgisini artırarak onları etkileşimde kalmaya teşvik ettiğini ve marka kimliğinin daha akılda kalıcı hale gelmesine katkı sağladığını ortaya koymayı hedeflemektedir.

Keywords

Hareketli İllüstrasyonlar , Etkileşimli Web Tasarımı , Web Arayüz Tasarımı Kullanıcı Deneyimi (UX).

Ethical Statement

Bu çalışma etik beyan gerektirmemektedir.

Supporting Institution

Bu çalışmayı destekleyen kurum bulunmamaktadır.

Thanks

-

References

• Balaban, M. (1995). Web Sayfalarının Tanımı ve Yapısı. Bilişim Yayınları.
• Becer, E. (2011). İletişim ve Grafik Tasarım. Dost Kitabevi Yayınları.
• Bienville Capital web sitesi arayüz tasarımı. (2025). https://www.bienvillecapital.com/vision E.T.: 29.05.2025
• Cyclemon web sitesi arayüz tasarımı. (2025). https://www.cyclemon.com/ E.T.: 29.05.2025
• Gürkan, A. (2009). Web Tasarımı Temelleri. Literatür Yayıncılık.
• Kruse, A. (2013). Cyclemon says ‘you are what you ride’. https://stylejuicer.com/design-illustration/cyclemon/?utm_source adresinden 07 Mayıs 2025 tarihinde alınmıştır.
• Norman, D., & Nielsen, J. (1998). The definition of user experience (UX).
• https://www.nngroup.com/articles/definition-user-experience/ adresinden 08 Mayıs 2025 tarihinde alınmıştır.
• Öztürk Ahbap, B. (2014). Renklerin Pazarlama Üzerindeki Etkisi. [Yayınlanmış Yüksek Lisans Tezi]. T.C. İstanbul Kültür Üniversitesi Sosyal Bilimler Enstitüsü.
• Rose-Collins, F. (2023). Web Sitesinin Ana Sayfasını Optimize Etmek: 5 Tasarım ve SEO Temelleri.
• https://www.ranktracker.com/tr/blog/optimizing-home-page-of-website-5-design-seo-essentials/ adresinden 12 Mayıs 2025 tarihinde alınmıştır.
• Rleonardi web sitesi arayüz tasarımı. (2025). http://www.rleonardi.com/interactive-resume/ E.T.: 29.05.2025
• Sağlam, S. (2019). Web Tasarımında Hareketli Ögeler ve Arayüz Kullanılabilirliği, [Yayınlanmış Yükseklisans Tezi]. Selçuk Üniversitesi Sosyal Bilimler Enstitüsü.
• Sherwin, K. (2019). What parallax lacks. https://www.nngroup.com/articles/parallax-usability/ adresinden 17 Mayıs 2025 tarihinde alınmıştır.
• Stink Studios web sitesi arayüz tasarımı. (2025). https://www.stinkstudios.com/ E.T.: 29.05.2025
• Teatr Lalka web sitesi arayüz tasarımı. (2025). https://teatrlalka.pl/en E.T.: 29.05.2025
• Tarlakazan, E. Canbolat, S.C. (2017, 12-14 Ekim), Kahramankazan Belediyesi Web Sitesi Tasarımının İncelenmesi, [Sözlü Sunum] V. Uluslararası Halk Kültürü ve Sanat Etkinlikleri Sempozyumu, Ankara, Türkiye.
• Toyfight web sitesi arayüz tasarımı. (2025). https://toyfight.co/ E.T.: 29.05.2025
• Türk Dil Kurumu. (t.y.). Tasarım. Türk Dil Kurumu Sözlüğü. https://sozluk.gov.tr/
• Veen, J. (2001). The Art & Science of Web Design. Indianapolis: New Riders Publishing.
• Yıldırım, A.ve Şimşek, H. (2011). Sosyal bilimlerde nitel araştırma yöntemleri. Seçkin Yayıncılık.
• Yıldırım, D. ve Akman, M. (2023). Dünden Bugüne Grafik Tasarım Mesleği ve İsimlendirme Sorunsalına Bakış. MUJAD Marmara Üniversitesi Sanat ve Tasarım Dergisi, Cilt:14 / Sayı:1 / Haziran 2023.