Abstract
Today, with the introduction of artificial intelligence into the design world, many applications and tools have been developed that are thought to be useful for designers. Designs can be produced through artificial intelligence applications, as well as the designs produced can be evaluated in terms of visual hierarchy, and potential problems in the design phase can be identified with predictive attention heat maps. It is thought that these artificial intelligence applications contribute to the designers in the field of web design to produce designs suitable for user experience. The principle of visual hierarchy, which is used to provide a good experience to the user in website or application designs, plays an important role in determining the effect of a design on the viewer. This paper, which focuses on the process of determining visual hierarchy in the field of graphic design, examines how visual hierarchy can be optimised with the use of artificial intelligence. Within the scope of the study, "Attention Insight" artificial intelligence-supported website will be used to predict the accent points that attract the most attention of users in an interface design. Considering the capacity of Attention Insight's artificial intelligence algorithms to optimise design elements, the study will examine how the visual hierarchy can be determined and how it can be applied on a website. These predictions will be evaluated in the context of visual hierarchy, in which criteria these predictions are made and whether the application offers a realistic approach.
Keywords
Artificial intelligence Visual hierarchy Interface design Attention insight User experience.
References
- Apoorva, R. Arasa, D. Jamadade, S. (2018). A Survey on Artificial Intelligence. International Journal of Engineering Research & Technology (IJERT), Special Issue, NCESC-2018 Conference Proceedings, Article ID: IJERT-CONV6IS13220.
- Attention Insight, (2024). What is the best clarity score. Erişim: 12.02.2024. https://attentioninsight.com/knowledgebase/what-is-the-best-clarity-score/.
- Attention Insight Features (2024). Features. Erişim: 01.03.2024. https://attentioninsight.com/features/.
- Becer, Emre. (2015). İletişim ve Grafik Tasarım. 10. Baskı. Ankara: Dost Kitabevi Yayınları.
- Britannica, (2024). Deep Blue. Erişim: 13.02.2024. https://www.britannica.com/ topic/Deep-Blue.
- Brynjolfsson A., McAfee, A. (2019). Artificial Intelligence. Boston, Massachusetts: Harvard Business Review Press.
- Çetinkaya, Savaş. (2024). Call To Action Nedir? Ne İçin Kullanılır? Ideasoft. Erişim: 15.02.2024. https://www.ideasoft.com.tr/call-to-action-cta-nedir/.
- Hepsiburada, (2024). Hakkımızda. Erişim: 10.02.2024. https://kurumsal.hepsiburada.com.
- Jasin, Alex. (2023). 6 Mistakes to Avoid When Designing Your CTAs. Erişim: 18.02.2024. https://www.accuranker.com/blog/mistakes-to-avoid-when-designing-your-ctas/.
- Larson, Erik J. (2022). Yapay Zeka Miti: Bilgisayarlar Neden Bizim Gibi Düşünemez. (K. Y. Us Çev.). Ankara: FOL Yayınevi.
- Lowe A., Lawless, S. (2021). Artificial Intelligence Foundations: Learning From Experience. ISBN: 1780175280. United Kingdom: BCS, The Chartered Institute for IT.
- Kneusel, Ronald T. (2024). How Ai Works. San Francisco: No Strach Press.
- Popescu, Vladimir. (2024). AI Tools for UX Design: 5 Amazing Options. Erişim: 03.02.2024. https://mspoweruser.com/tr/ai-tools-for-ux-design/.
- Posner, Michael. (1980). Orienting of Attention, Quarterly. Journal of Experimental Psychology. 32/3-25. Erişim: 03.02.2024. https://doi.org/10.1080/00335558008248231. https://www.researchgate.net/publication/15830678_Orienting_of_Attention.
- Rekabet Kurumu. (2021). E-Pazaryeri Platformları Sektör İncelemesi Ön Raporu. Erişim: 09.02.2024. https://www.rekabet.gov.tr/Dosya/sektor-raporlari/e-pazaryeri-si-raporu-pdf-20220425105139595-pdf.
- Sarkar, Tirthajyoti. (2022). How Would You Explain Artificial Intelligence to A 5-Year-Old? Erişim: 07.02.2024. https://medium.com/60-leaders/how-would-you-explain-ai-to-a-5-year-old-48432e68e7ec.
- Şen, E., Atiker, B. (2020). Grafik Tasarım Uygulamalarında Yeni Bir Aktör: Yapay Zekâ. International Journal of Social & Humanities Sciences Research (JSHSR). Erişim: 20.04.2024. https://jshsr.org/index.php/pub/index.
- Trendyol. (2024). Biz Kimiz? Erişim: 10.02.2024. https://www.trendyol.com/s/meet-us.
- Uçar, Tevfik. (2004). Görsel İletişim ve Grafik Tasarım. İstanbul: İnkılâp Kitabevi
- Wikipedia. (2024). Amazon. Erişim: 11.02.2024. https://tr.wikipedia.org/wiki/Amazon_(şirket).
- Yanisky-Ravid, Shlomit. (2017). Generating Rembrandt: Artificial Intelligence, Copyright and Accountability in The 3A Era-The Human-Like Authors Are Already Here-A New Model. Flash: The Fordham Law Archive of Schlarship and History. Erişim: 14.02.2024. https://ir.lawnet.fordham.edu/cgi/viewcontent.cgi?article=1955&context=faculty_scholarship.
Abstract
Günümüzde yapay zekanın tasarım dünyasına girmesi ile tasarımcılar açısından faydalı olabileceği düşünülen birçok uygulama ve araç geliştirilmiştir. Yapay zeka uygulamaları aracılığı ile tasarımlar üretilebileceği gibi aynı zamanda üretilen tasarımların görsel hiyerarşi açısından değerlendirilmesi yapılabilmekte, öngörüye dayalı dikkat ısı haritaları ile tasarım aşamasındaki potansiyel sorunlar tespit edilebilmektedir. Yapay zeka uygulamalarının, web tasarımı alanında kullanıcı deneyimine uygun tasarımların üretilmesini sağlamak amacıyla tasarımcılara katkı sağladığı düşünülmektedir. Grafik tasarım alanında görsel hiyerarşinin belirlenmesi sürecine odaklanan bu makale, e-ticaret siteleri üzerinden görsel hiyerarşinin yapay zeka kullanımı ile nasıl optimize edilebileceğini ve anlamlı sonuçlara ulaşılıp ulaşılamayacağını tespit etmeyi amaçlamaktadır. Çalışma kapsamında “Attention Insight” yapay zeka destekli web sitesi aracılığı ile insan katılımcı olmadan Trendyol, Hepsiburada ve Amazon e-ticaret sitelerinin görsel hiyerarşi perspektifinde değerlendirilmesi yapılmıştır. Attention Insight platformunun yapay zeka algoritmalarının tasarım unsurlarını optimize etme kapasitesi, oluşturulan ısı haritaları aracılığı ile odak noktalarının belirlenmesi ve e-ticaret sitelerinde nasıl uygulanabileceği çalışma kapsamında incelenmiştir. Elde edilen veriler doğrultusunda söz konusu ısı ve odak haritalarının görsel hiyerarşi bağlamında tek başına yüzde yüz doğru sonuç veremeyeceği düşünülmektedir. Ancak bu durumun farkında olan tasarımcı/tasarımcılar ve hizmet sunanlar için elde edilen analizler aracılığı ile yeterli veriye ulaşılabileceği ve tasarımdaki potansiyel sorunların tespiti sürecinde yol gösterici olduğu düşünülmektedir.
References
- Apoorva, R. Arasa, D. Jamadade, S. (2018). A Survey on Artificial Intelligence. International Journal of Engineering Research & Technology (IJERT), Special Issue, NCESC-2018 Conference Proceedings, Article ID: IJERT-CONV6IS13220.
- Attention Insight, (2024). What is the best clarity score. Erişim: 12.02.2024. https://attentioninsight.com/knowledgebase/what-is-the-best-clarity-score/.
- Attention Insight Features (2024). Features. Erişim: 01.03.2024. https://attentioninsight.com/features/.
- Becer, Emre. (2015). İletişim ve Grafik Tasarım. 10. Baskı. Ankara: Dost Kitabevi Yayınları.
- Britannica, (2024). Deep Blue. Erişim: 13.02.2024. https://www.britannica.com/ topic/Deep-Blue.
- Brynjolfsson A., McAfee, A. (2019). Artificial Intelligence. Boston, Massachusetts: Harvard Business Review Press.
- Çetinkaya, Savaş. (2024). Call To Action Nedir? Ne İçin Kullanılır? Ideasoft. Erişim: 15.02.2024. https://www.ideasoft.com.tr/call-to-action-cta-nedir/.
- Hepsiburada, (2024). Hakkımızda. Erişim: 10.02.2024. https://kurumsal.hepsiburada.com.
- Jasin, Alex. (2023). 6 Mistakes to Avoid When Designing Your CTAs. Erişim: 18.02.2024. https://www.accuranker.com/blog/mistakes-to-avoid-when-designing-your-ctas/.
- Larson, Erik J. (2022). Yapay Zeka Miti: Bilgisayarlar Neden Bizim Gibi Düşünemez. (K. Y. Us Çev.). Ankara: FOL Yayınevi.
- Lowe A., Lawless, S. (2021). Artificial Intelligence Foundations: Learning From Experience. ISBN: 1780175280. United Kingdom: BCS, The Chartered Institute for IT.
- Kneusel, Ronald T. (2024). How Ai Works. San Francisco: No Strach Press.
- Popescu, Vladimir. (2024). AI Tools for UX Design: 5 Amazing Options. Erişim: 03.02.2024. https://mspoweruser.com/tr/ai-tools-for-ux-design/.
- Posner, Michael. (1980). Orienting of Attention, Quarterly. Journal of Experimental Psychology. 32/3-25. Erişim: 03.02.2024. https://doi.org/10.1080/00335558008248231. https://www.researchgate.net/publication/15830678_Orienting_of_Attention.
- Rekabet Kurumu. (2021). E-Pazaryeri Platformları Sektör İncelemesi Ön Raporu. Erişim: 09.02.2024. https://www.rekabet.gov.tr/Dosya/sektor-raporlari/e-pazaryeri-si-raporu-pdf-20220425105139595-pdf.
- Sarkar, Tirthajyoti. (2022). How Would You Explain Artificial Intelligence to A 5-Year-Old? Erişim: 07.02.2024. https://medium.com/60-leaders/how-would-you-explain-ai-to-a-5-year-old-48432e68e7ec.
- Şen, E., Atiker, B. (2020). Grafik Tasarım Uygulamalarında Yeni Bir Aktör: Yapay Zekâ. International Journal of Social & Humanities Sciences Research (JSHSR). Erişim: 20.04.2024. https://jshsr.org/index.php/pub/index.
- Trendyol. (2024). Biz Kimiz? Erişim: 10.02.2024. https://www.trendyol.com/s/meet-us.
- Uçar, Tevfik. (2004). Görsel İletişim ve Grafik Tasarım. İstanbul: İnkılâp Kitabevi
- Wikipedia. (2024). Amazon. Erişim: 11.02.2024. https://tr.wikipedia.org/wiki/Amazon_(şirket).
- Yanisky-Ravid, Shlomit. (2017). Generating Rembrandt: Artificial Intelligence, Copyright and Accountability in The 3A Era-The Human-Like Authors Are Already Here-A New Model. Flash: The Fordham Law Archive of Schlarship and History. Erişim: 14.02.2024. https://ir.lawnet.fordham.edu/cgi/viewcontent.cgi?article=1955&context=faculty_scholarship.
Details
| Primary Language | Turkish |
|---|---|
| Subjects | Visual Design, Graphic Design |
| Journal Section | Araştırma Makalesi |
| Authors | |
| Early Pub Date | May 28, 2025 |
| Publication Date | May 31, 2025 |
| Submission Date | January 20, 2025 |
| Acceptance Date | March 27, 2025 |
| Published in Issue | Year 2025 Issue: 52 |
- Article Files