Depth Perception and Dimensionality Searches in digital User Interface Design

Öz

This study addresses the pursuit of dimensionality and depth perception, which stand out as fundamental paradigms in digital user interface design. Based on the human tendency to naturally perceive a three-dimensional world, it examines the visual strategies developed by two-dimensional screens to meet this intuitive perception. It is revealed that techniques such as shading, perspective, light, and transparency create an illusion of depth in interfaces, thereby enhancing order, intuitiveness, and interactivity. The study also discusses how these techniques have been shaped under different design philosophies throughout history. The evolutionary line, stretching from skeuomorphism's realistic imitation approach to flat design's abstract simplicity; from neomorphism and claymorphism's soft volumetric interpretations to glassmorphism's transparent and layered structure, reveals the different facets of the quest for dimensionality. Ultimately, depth and dimensionality are not merely aesthetic preferences; they are perceived and cognitive necessities that directly shape the user experience. In this context, the fundamental goal of design is to transform the techniques and styles used into a balanced unity of accessibility, usability, and aesthetics.

Anahtar Kelimeler

• User Interface Design
• Depth Perception
• Dimensionality
• Design Trends
• User Experience
• Visual Perception.

Dijital Kullanıcı Arayüz Tasarımında Derinlik Algısı ve Boyutluluk Arayışları

Öz

Bu çalışma, dijital kullanıcı arayüzü tasarımında temel bir paradigma olarak öne çıkan boyutluluk ve derinlik algısı arayışını ele almaktadır. İnsanın doğal olarak üç boyutlu bir dünyayı algılama eğiliminden hareketle, iki boyutlu ekranların bu sezgisel algıyı karşılamak amacıyla geliştirdiği görsel stratejiler incelenmektedir. Gölgeleme, perspektif, ışık ve şeffaflık gibi tekniklerin, arayüzlerde derinlik ilüzyonu yaratarak düzeni, sezgiselliği ve etkileşimi güçlendirdiği ortaya konulmaktadır. Çalışma ayrıca, bu tekniklerin tarihsel süreçte farklı tasarım anlayışları altında nasıl biçimlendiğini tartışmaktadır. Skemorfizmin gerçekçi taklit anlayışından, flat tasarımın soyut yalınlığına; neumorfizm ve claymorfizmin yumuşak hacimsel yorumlarından, glassmorfizmin şeffaf ve katmanlı yapısına uzanan evrimsel çizgi, boyutluluk arayışının farklı yüzlerini göstermektedir. Sonuç olarak, derinlik ve boyutluluk, yalnızca estetik bir tercih değil; kullanıcı deneyimini doğrudan şekillendiren algısal ve bilişsel bir gereklilik olarak değerlendirilmektedir. Bu bağlamda tasarımın temel hedefi, kullanılan teknik ve stilleri erişilebilirlik, kullanılabilirlik ve estetik arasında dengeli bir bütünlüğe dönüştürmektir.

Anahtar Kelimeler

• Kullanıcı Arayüz Tasarımı
• Derinlik Algısı
• Boyutluluk
• Tasarım Trendleri
• Kullanıcı Deneyimi
• Görsel Algı.

Kaynakça

1. Ayhan, İ. ve Ünal, G. (2020). Görsel Yanılsamalar Bağlamında Görsel Algının Esasları, Nesne Dergisi, Sayı 8(18), s.522-547.
2. Benford, S. & Fahlén, L. (1993). “A spatial model of interaction in large virtual environments”, Proceedings of the Third European Conference on Computer-Supported Cooperative Work (ECSCW '93), s.109-124.
3. Björk, S. (2021). “Flat And Neumorphic Design: Aesthetic Preferences Compared Between Age Groups”, In Conference In Interaction Technology And Design, p. 71.
4. Cao, H. (2024). Unveiling the Era of Spatial Computing. arXiv preprint arXiv:2405.06895.
5. Çeken B, ve Delil S. (2021). “Arayüzlerde Hacim İlhamı: Yaratıcı UI Tasarım Konseptlerinde 3 Boyutlu Grafikler”, Dünya İnsan Bilimleri Dergisi, Sayı 2, s. 68-83.
6. Gibson, J. J. (1950). The perception of the visual world. Houghton Mifflin.
7. Holub, O. (2021). Glassmorphism in web design. In Innovative trends in the training of specialists in the conditions of a multicultural and multilingual globalized world. Kyiv National University of Technology and Design.
8. Holub, O. (2022). Neumorphism in web design. In Innovative trends in training specialists in a multicultural and multilingual globalized world. Kyiv National University of Technologies and Design.

9. Kaplan, R., Kaplan, S., & Ryan, R. L. (1998). With People in Mind: Design and Management of Everyday Nature. Washington DC: Island Press.
10. Mete, B. (2018). “Mimetic Tradition and the Critical Theory”, Selçuk Üniversitesi Sosyal Bilimler Enstitü Dergisi, Sayı 39, s.216-224.
11. Norman, D. A. (1999). “Affordance, Conventions and Design”, Interactions, 6(3), p. 38-43. https://doi.org/10.1145/301153.301168
12. Norman, D. (2003). Emotional Design: Why We Love (or Hate) Everyday Things, Basic Books.
13. Oulasvirta, A. (2005). The Fragmentation Of Attention In Mobile Interaction, And What To Do With It. Interactions, 12(6), p.16-18. https://doi.org/10.1145/1096554.1096555
14. Palmer, S. E. (1999). Vision science: Photons to phenomenology, MIT Press.
15. Rizzolatti, G., & Craighero, L. (2004). The Mirror-Neuron System. Annual Review of Neuroscience, Vol 27, p.169–192. DOI:10.1146/annurev.neuro.27.070203.144230
16. Silvennoinen J., Vogel M., ve Kujala S. (2014). Experiencing Visual Usability and Aesthetics in Two Mobile Application Contexts, Journal of Usability Studies, Vol 10, Issue 1, p. 46-62.
17. Ware, C. (2012). Information Visualization: Perception For Design (3rd ed.). Morgan Kaufmann.
18. Zeğerek, E. Ç., Kara, M. (2014). “Dijital Kullanıcı Arayüz Tasarımlarında Skemorfik Anlayış”, Sanat Yazıları, Sayı 30, s,64-79.
19. İnternet Kaynakları
20. Apple. (t.y.). “Human Interface Guidelines: Spatial Design”. https://developer.apple.com/design/human-interface-guidelines/spatial-design, Erişim tarihi: 20.09.2025
21. Apple.com “Apple İntroduces A Delightful And Elegant New Software Design”. https://www.apple.com/newsroom/2025/06/apple-introduces-a-delightful-and-elegant-new-software-design/ Erişim tarihi: 20.09.2025
22. Babich, N. (2016). “Graphical User Interface as a Reflection of the Real World: Shadows and Elevation”, https://uxplanet.org/graphical-user-interface-as-a-reflection-of-the-real-world-shadows-and-elevation-f456530317f4/ Erişim Tarihi: 15.04.2025.
23. Bece, A., (2022) “Claymorphism: Will It Stick Around?” https://www.smashingmagazine.com/2022/03/claymorphism-css-ui-design-trend/ Erişim Tarihi: 09.06.2024.
24. Borowska, P. (2013) “Designmodo. Skeuomorphism in User Interface Design, What Is It?”, http://designmodo.com/skeuomorphism-ui-design/ Erişim Tarihi: 21.03.2025.
25. Cardello, J., (2022) “Glassmorphism: An Effect Bringing Dimensionality To Web Design”, https://webflow.com/blog/glassmorphism/ Erişim Tarihi: 09.06.2024.
26. Eaton T. (2018) “The power of Good UI and How It Enhances Engagement”, UX Collective, https://uxdesign.cc/the-power-of-good-user-interface-and-how-it-enhances-engagement-the-new-currency-in-the-digital-43a59bcd9bda/ Erişim Tarihi: 09.10.2025.
27. Gavriluk, V., (2024). “What İs Dynamic Island Apple And How To Use İt”, https://arounda.agency/blog/what-is-dynamic-island-apple-and-how-to-use-it?utm_source=chatgpt.com/ Erişim Tarihi: 09.11.2025.
28. Google. (2023). “Material Design 3: Elevation”, https://m3.material.io/styles/elevation/overview/ Erişim Tarihi: 11.03.2024.
29. Malewicz, M. (2019) “Neumorphism in user interfaces” https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6/ Erişim Tarihi: 07.04.2024.
30. Malewicz, M.,(2022) “Claymorphism in User Interfaces” https://hype4.academy/articles/design/claymorphism-in-user-interfaces/ Erişim Tarihi: 09.06.2024.
31. Merriam-Webster, Definition of the term ‘‘three-dimensional’’, Merriam-Webster Dictionary Online, 2013 http://www.merriam-webster.com/dictionary/ three-dimensional/ Erişim Tarihi: 18.03.2025.
32. Price, D. (2024 Jan 22) “Do Netflix and Spotify want to see Vision Pro fail?” https://www.macworld.com/article/2201774/apple-vision-pro-youtube-netflix-spotify-native-apps.html/ Erişim Tarihi: 13.10.2025.
33. Soheili, F. & Mózer, B. (2024) UI trends 2025: top 10 trends your users will love. https://www.uxstudioteam.com/ux-blog/ui-trends-2019/ Erişim Tarihi: 10.06.2025.
34. Taylor, R. (2020) “What İs Neumorphism: Its History, Present, And Future”, https://www.shutterstock.com/blog/what-is-neumorphism/ Erişim Tarihi: 07.04.2024.
35. Thalion, (2021) “Glassmorphism – Guide to Visual Hierarchy”. https://uxmisfit.com/2021/02/03/glassmorphism-guide-to-visual-hierarchy/ Erişim Tarihi: 09.06.2024.
36. Thalion, (2022) Claymorphism tutorial – How to mimic clay in UI design. https://uxmisfit.com/2022/04/29/claymorphism-tutorial-how-to-mimic-clay-in-ui-design/ Erişim Tarihi: 09.06.2024.
37. Wigmore, I. (2013) “What is Definition: Skeuomorphim”, http://whatis.techtarget.com/definition/skeuomorphism/ Erişim Tarihi: 07.04.2024.
38. Görsel Kaynaklar
39. Görsel 11. https://www.macworld.com/article/2201774/apple-vision-pro-youtube-netflix-spotify-native-apps.html/ Erişim Tarihi: 02.11.2025.