USE OF SYMBOLS AND METAPHORS IN DIGITAL BUTTON DESIGN: MAC-OS EXAMPLE

Year 2023, Volume: 37 Issue: 3, 1219 - 1234, 30.09.2023

Aynur Karagöl

https://doi.org/10.48070/erciyesakademi.1332552

Abstract

Design, as an artificial production, was born as a product of the human mind. Human beings interact with their environment while designing. For this reason, every technological product bears traces from the real world. Various functions need to be explained in order to easily convey the functions of the vehicles produced with the increase in mechanization to the users. It is seen that the past codes of the human mind are effective, especially when transforming abstract concepts into concrete material realities. The use of metaphor in concretizing abstract purposes in the mind with design helps to compare and explain and enriches the visuality. With metaphor, it is sometimes possible to convey a content that can be explained in many words to the user with a visual. Two-dimensional screens brought about by digitalization in the 19th century gave birth to interface design. Interface designs have also created button designs that enable interaction. The button has become the most practical and memorable element of interaction in the interface. The button designs used in screen designs are reflections of the buttons used in mechanization. In terms of their function, buttons find a certain place in social memory. As a graphic design product, button designs began with the use of bright and text on computer screens in the 1990s. With the development of computer technologies, the share of graphic effects on screens has increased in favor of the user. Thus, the buttons are visually enriched according to their purpose. The button, which turns into an icon design product, is visually embodied with metaphors. The aim of the study is to evaluate the objects symbolizing the metaphor and design relationship and their meanings through the buttons used in the computer interface. Quality data analysis and literature research on the visual and concept relationship were carried out through the use of metaphor in creating the symbol from the image. The subject is explained with button design examples. The scope of the research consists of five button designs in the user interface design of Mac-OS software, which is the second most used operating system in the world. Button designs were examined in terms of purpose of use, visual and semantic relationship, and use of metaphor. Accordingly, various images become metaphorical symbols in the visualization of buttons as examples of icon design.

Keywords

Design and metaphor, Icon design, Button design, Visual design

DİJİTAL BUTON TASARIMINDA SİMGE VE METAFOR KULLANIMI: MAC-OS ÖRNEĞİ

Abstract

Yapay bir üretim olarak tasarım, insan zihninin bir ürünü olarak doğmuştur. İnsan ise tasarım yaparken çevresiyle etkileşim halindedir. Bu sebeple her teknolojik ürün, gerçek dünyadan izler taşımaktadır. Makineleşmenin artışı ile üretilen araçların fonksiyonlarını kullanıcılara kolay biçimde iletmek için çeşitli fonksiyonların anlatılması gerekmektedir. Özellikle soyut kavramları somut maddi gerçeklere dönüştürürken insan zihninin geçmiş kodlarının etkin olduğu görülmektedir. Tasarım ile zihindeki soyut amaçları somutlaştırmada metafor kullanımı kıyaslamaya, anlatmaya yarar ve görselliği zenginleştirir. Metafor ile bazen çok sözle anlatılabilecek bir içeriği bir görselle kullanıcıya iletmek mümkün olabilir. 19. yy’da dijitalleşmenin getirdiği iki boyutlu ekranlar, arayüz tasarımını doğurmuştur. Arayüz tasarımları da etkileşimi sağlayan buton (düğme) tasarımını meydana getirmiştir. Buton, arayüzde etkileşimin en pratik ve akılda kalıcı öğesi haline gelmiştir. Ekran tasarımlarında kullanılan buton tasarımları, makineleşmede kullanılan düğmelerin yansımalarıdır. İşlevi bakımından butonlar, toplum hafızasında belirli bir yer bulmaktadır. Bir grafik tasarım ürünü olarak buton tasarımları bilgisayar ekranlarında 1990’lı yıllarda parlak ve yazı kullanımı ile başlamıştır. Bilgisayar teknolojilerinin gelişim ile ekranlarda grafik etkilerin payı kullanıcı lehine artmıştır. Böylece, butonlar amaçlarına göre görsel olarak zenginleşmiştir. Birer simge tasarımı ürününe dönüşen buton, metaforlar ile görsel olarak somutlaşmaktadır. Çalışmanın amacı metafor ve tasarım ilişkisinde simgeleşen nesneler ve anlamlarının bilgisayar arayüzünde kullanılan butonlar üzerinden değerlendirmektir. Nitelik veri analizi ile görsel ve kavram ilişkisi üzerine literatür araştırması, imgeden simgenin oluşturulmasında metafor kullanımı üzerinden gerçekleştirilmiştir. Konu buton tasarımı örnekleriyle açıklanmaktadır. Araştırma kapsamını dünyada en çok kullanılan ikinci işletim sistemi olan Mac-OS yazılımının kullanıcı arayüz tasarımında bulunan beş buton tasarımı oluşturmaktadır. Buton tasarımları kullanım amacı, görsel ve anlam ilişkisi, metafor kullanımı açısından incelenmiştir. Buna göre birer simge tasarımı örneği olarak butonların görselleştirilmesinde çeşitli imgeler metaforik olarak simgeleşmektedir.

Keywords

Tasarım ve metafor, Simge tasarımı, Buton tasarımı, Görsel tasarım

References

• Acartürk C. & Çağıltay K. (2006). İnsan bilgisayar etkileşimi nedir? http://hci.cc.metu.edu.tr/tr/insan-bilgisayar-etkilesimi-nedir
• Barthes, R. (1979). Göstergebilim ilkeleri (Çev. Berke Vardar, Mehmet Rifat). Kültür Bakanlığı Yayınları.
• Baudrillard, J. (2000). Tüketim toplumu söylenceleri/yapıları (Çev. Hazal Deliceçay, Ferda Keskin). Ayrıntı Yayınları.
• Baudrillard, J. (2011). Nesneler sistemi (Çev. Oğuz Adanır, Aslı Karamollaoğlu) Boğaziçi Üniversitesi Yayınevi.
• Becer, E. (2018). İletişim ve grafik tasarım. Dost Kitapevi Yayınları.
• Bowers, M. (2016, 03 Ocak). The power of touch – the evolution of button design (with infographic). https://www.toptal.com/designers/ui/button-design
• Burke, P. (2001). Gutenberg’den Diderot’ya bilginin toplumsal tarihi (Çev. Mete Tunçay). Türkiye Ekonomik ve Toplumsal Tarih Vakfı Yayınları.
• Burnett, R. (2007). İmgeler nasıl düşünür? (Çev. G. Pusar). Metis Yayınları.
• Chomsky, N. (2001). Dil ve zihin (Çev. A. Kocaman). Ayraç Yayınevi.
• Foucault, M. (1999). Bilginin arkeololjisi (Çev. V. Urhan). Birey Yayıncılık
• Galitz, Wilbert O. (2007). The essential guide to user interface design: an introduction to gui design principles and techniques. Wiley Publishing, Inc. https://profagaskar.files.wordpress.com/2020/03/wiley_the_essential_guide_to_user_interf.pdf
• Güngör, İ. H. (2000). Temel tasar / görsel sanatlar ve mimarlık için. Kişisel Yayınlar
• Karataş, Z. (2015). Sosyal bilimlerde nitel araştırma yöntemleri. Sosyal Hizmet E‐Dergi Manevi Temelli Sosyal
• Hizmet Araştırmaları Dergisi, 1(1), 62-80. https://avys.omu.edu.tr/storage/app/public/ozgubulut/129744/
• Lauesen, S. (2005). User Interface design a software engineering perspective. Pearson.
• Mortati, M. (2022). New design knowledge and the fifth order of design. Design Issues, 38 (4): 21-34. https://direct.mit.edu/desi/article/38/4/21/113200/New-Design-Knowledge-and-the-Fifth-Order-of-Design
• Moskova 1980 Olimpiyat Oyunları (2023, 01 Haziran). https://olympics.com/en/olympic- games/moscow1980/mascot
• Muchmore, M. (2022, 29 Kasım). MacOS vs. Windows: which operating system is really better? https://www.pcmag.com/authors/michael-muchmore
• Öztokat Kılıçeri, N. (2022). Tübitak sosyal bilimler ansiklopedisi. Tübitak Popüler Bilim Yayınları. https://ansiklopedi.tubitak.gov.tr/ansiklopedi/gostergebilim
• Pham, N., & Zhao, Y. (2018). The role of user interface design in a digital document reader, (Yayımlanmamış yüksek lisans tezi). The Royal Institute of Technology School of Electrical Engineering And Computer Science. https://www.diva-portal.org/smash/get/diva2:1217630/FULLTEXT01.pdf
• Plotnick, R. (2012). At the interface the case of the electric push button, 1880-1923. Technology And Culture, (53), 815-845. https://gwern.net/doc/technology/2012-plotnick.pdf 01
• Po-Chan, Y. (2019). The influence of the interface button design of touch screens on operation and interpretation by elderly and middle-aged adults. Designs, 3(35), 2-12. https://pdfs.semanticscholar.org/48a8/d9b12f70a610a4378d0608ab6a22f9699676.pdf
• Robinson, K. (2008). Yaratıcılık aklın sınırlarını aşmak (Çev. N. Geyran Koldaş). Kitap Yayınevi.
• Seussure, F. (1998). Genel dilbilim dersleri (Çev. Berke Vardar). Multilingual.
• Sinelschikova, Y. (2019, 10 Haziran). How the bear became the symbol of Russia. https://www.rbth.com/history/330484-russian-bear-became-symbol
• UX Design Institute ((2023, 01 Haziran). https://www.uxdesigninstitute.com
• Uygur, N. (1962). İğretileme (metafor) problemi. Felsefe Arşivi, 13, 125-139. https://dergipark.org.tr/tr/download/article-file/14597
• Vizard, L. (2015, 19 Ekim). The evolution of buttons in UX design. https://blog.adobe.com/en/publish/2015/10/19/the-evolution-of-buttons-in-ux-design
• Weber, S. (2003). “Allemal ist nicht immergleich”- eleştirel kuram ve okuma. Cogito, Adorno: Kitle, Melankoli, Felsefe.
• Yellin, B. (2019). Human-Computer interaction and the user interface https://education.dell.com/content/dam/dell-emc/documents/en-us/2018KS_Yellin-Human- Computer_Interaction_and_the_User_Interface.pdf
• Yu, N. Ouyang, Z. Wang, H. Tao D., & Jing, L. (2022). The effects of smart home interface touch button design features on performance among young and senior users. International Journal of Environmental Research and Public Health, 19(4), 2391. https://www.ncbi.nlm.nih.gov/pmc/articles/PMC8872557/pdf/ijerph-19-02391.pdf.