WEB SİTELERİNDE ALT BİLGİ ALANININ ÖNEMİ VE TASARIMI İÇİN ÖNERİLER

Günümüzde bilgiye daha hızlı ulaşma isteğine bağlı olarak kurum/kuruluş ya da kişisel markaların sosyalmedya hesaplarına ulaşmanın kolaylığı sonucunda web sitelerine görsel ve işlevsel anlamda daha fazlasorumluluk düşmektedir. Web sitelerinde bilgiye daha hızlı ulaşmak ve yararlı linklere yönlendirilmekisteyen site ziyaret ileri ihtiya larına daha hızlı cevap veren alanlara ihtiya duymaktadır. u ihtiya laraen iyi cevap verebilen alan ise eylem ağrıları kayıt formları sosyal medya hesabı bağlantıları gibi sitenindaha ayrıntılı i eriklerini kapsayan alt bilgi (footer) alanlarıdır.İşlevsel ve etkili bir şekilde tasarlanan bir alt bilgi alanı ziyaret iye site sahibi kurum/kuruluş ya da kişininişini “başından sonuna” özenli ve profesyonel bir şekilde yaptığı mesajını da vermektedir. u yüzden websiteleri tasarlanırken bu alanın tasarımının göz ardı edilmemesi gerekmektedir. u alışmanın web arayüzlerindeki alt bilgi alanlarının önemi ile birlikte i eriklerinin daha etkili sunumu i in web ara yüztasarımcılarına bir rehber olması ama lanmıştır.

IMPORTANCE OF FOOTER AREA IN WEBSITES AND SUGGESTIONS FOR ITS DESIGN

Abstract: Today, websites have more responsibility in terms of visuality and functionality as a result of the social media accounts of institutions/organizations or personal brands being easily accessible based on the desire to access information faster. Website visitors who want to access information faster and be redirected to useful links require areas that fulfill their needs faster. Footer areas, which include the more detailed contents of websites such as calls to action, registration forms and links to social media accounts, are the areas that can best fulfill these needs. A footer area that is designed to be functional and effective also gives visitors the message that the institution/organization or person owning the website does their job professionally and meticulously "from beginning to end". For this reason, the design of this area should not be overlooked when designing websites. This study is intended to be a guide to the importance of footer areas in web interfaces and the more effective presentation of their contents for web interface designers.

___

  • Ambrose, G. ve Harris, P. (2010). Görsel Grafik Tasarım Sözlüğü Görsel Sözlükler Dizisi: 02 İstanbul: iteratür Yayıncılık.
  • Ambrose, G. ve Harris, P. (2012). Tipografinin Temelleri, Akademik Temeller Dizisi: 08 İstanbul: iteratür Yayıncılık.
  • Ambrose, G. ve Harris, P. (2013a). Yaratıcı Tasarımın Temelleri, Akademik Temeller Dizisi: 09, İstanbul: iteratür Yayıncılık.
  • Ambrose, G. ve Harris, P. (2013b). Grafik Tasarımda Sayfa Düzeni, Grafik Tasarım Temelleri: 04, İstanbul: iteratür Yayıncılık.
  • Galitz, W, O. (2007). The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques, , 3rd Edition, Indianapolis: Wiley Publishing.
  • İpek M. (2016). Web Design Education in Fine Arts Faculties, St. Kliment Ohridski University Press Sofia, Chapter 67.
  • İnternet Kaynakları
  • Alsadı M. Akadal E. Çelik S. Sel ukcan Erol Ç. ve Gülse en S. (2017). “ ir Web Sayfası ileşenlerinin Yerleşiminin Kısa Süreli Hafıza Kapasitesi Üzerine Etkisi”, Akademik ilişim Konferansı, 8-10 Şubat Aksaray: Aksaray Üniversitesi https://ab.org.tr/ab17/bildiri/210.pdf, Erişim tarihi: 03.05.2019.
  • Can, B. (2019). “Footer Tasarımı: Neler Eklenmeli? Nelerden Ka ınılmalı?” https://hypeoveradvertising.com/footer-tasarımı-neler-eklenmeli-nelerden-ka ınılmalı5ef1ff4dd9a4 Erişim tarihi: 02.03.2020.
  • Crestodina, A. (2015). “Web Design Standards: 10 Best Practices on the Top 50 Websites”, https://www.orbitmedia.com/blog/web-design-standards/ Erişim tarihi: 25.04.2019.
  • Douglas, S. (2017). “Fonts and typography”, https://www.justinmind.com/blog/justinmindsurvey-whats-the-best-font-for-web-and-mobile-app-design/ Erişim tarihi: 20.04.2019.
  • Gremillion . (2010). “How to uild a Footer That Doesn’t Stink” https://www.web designerdepot.com/2010/03/how-to-build-a-footer-that-doesnt-stink/ Erişim tarihi: 25.04.2019.
  • Karaosmanoğlu E. Acar R. ve Uray N. (2016). “Websiteleri Firmalara Ne Kazandırabilir? Websitesi Kalitesi Tüketici-Odaklı Marka Değeri ve Satınalma Eğilimi Arasındaki İlişki Anadolu Üniversitesi Sosyal ilimler Dergisi” Cilt/Vol. 16 - Sayı/No: 1 (159-174), https://dergipark.org.tr/ en/download/article-file/259907 Erişim tarihi: 03.03.2020.
  • Lewis, M. (2018). “5 Best Website Footer Design Ideas: Key Things to Put at the Bottom”, https://magora-systems.com/footer-design/ Erişim tarihi: 21.04.2019.
  • Schwartz, J. (2015). “Scroll behavior across the web”, https://blog.chartbeat.com/2013/08/12/scroll-behavior-across-the-web/, Erişim tarihi: 17.05.2019.
  • Yeygel, S. (2005).” Şirketlerin Kurum Kimliklerini Yansıtan ir Ortam Olarak Web Siteleri Yeni Düşünceler”, 1(1), https://dergipark.org.tr/en/download/article-file/389282 Erişim tarihi: 01.03.2020.
  • Zeldman, J. (2015). “The Year in Design”, https://medium.com/let-me-repost-that-for-youzeldman/the-year-in-design-9c06acf55b88 Erişim tarihi: 09.04.2019.
  • Görsel Kaynaklar
  • Görsel 1. ir web sayfasının anatomisi. Çizim: Deniz Kürşad 2019.
  • Görsel 2. Araştırma sonu ları. http://blog.chartbeat.com/2013/08/12/scroll-behavior-acrossthe-web/ Erişim tarihi: 25.06.2019.
  • Görsel 3. ileşik altbilgi alanlarına bir örnek. https://galleonandcaravan.com Erişim tarihi: 04.07.2019.
  • Görsel 4. ileşik olamayan altbilgi alanlarına bir örnek. https://www.duolingo.com Erişim tarihi: 05.07.2019.
  • Görsel 5. Ayrıştırıcı bir öge olarak fotoğraftan yararlanılan bir bileşik altbilgi alanı. https://asaro.co.uk Erişim tarihi: 03.05.2019.
  • Görsel 6. Tipografinin ayırıcı etkisi. https://shantellmartin.art Erişim tarihi: 08.04.2019.
  • Görsel 7. İllüstrasyonun ayırıcı etkisi. http://www.takeitapp.co/en Erişim tarihi: 11.05.2019.
  • Görsel 8. İnfografik ile gövde ile altbilginin ayrılması. www.railstips.org Erişim tarihi: 16.04.2019.
  • Görsel 9. Altbilgi alanında görsel bir imaj olarak logonun hareketli ve interaktif kullanımı. https://bluestag.co.uk/ Erişim tarihi: 06.11.2019.
  • Görsel 10. eyaz Saray’ın resmi web sitesinin 2010 ve 2019 yıllarına ait alt bilgi tasarımları. http://www.whitehouse.gov/ Erişim tarihi: 22.04.2019.
  • Görsel 11. ir tasarım alanı olarak iletişim formlarına örnek. https://www.spinxdigital.com Erişim tarihi: 20.06.2019.
  • Görsel 12. Ödüllü dijital tasarımcı ve geliştirici David Hellman’a ait web site alt bilgi alanı. https://davidhellmann.com Erişim tarihi: 06.07.2019.