Web Sitelerinde Alt Bilgi Alanının Önemi ve Tasarımı için Öneriler

Year 2020, Volume: 13 Issue: 25, 228 - 246, 30.06.2020

Deniz Kürşad

https://doi.org/10.21602/sduarte.704149

Abstract

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

Keywords

Footer, Alt Bilgi Tasarımı, kullanılabilirlik, Bileşik Alt Bilgi, Site Haritası

References

• Kaynakça
• Ambrose, G. ve Harris, P. (2011). Tipografinin Temelleri, Akademik Temeller Dizisi: 08, İstanbul: Literatür Yayıncılık
• Ambrose, G. ve Harris, P. (2013). Akademik Temeller Dizisi: 09, İstanbul: Literatür Yayıncılık
• İnternet Kaynakları
• Alsadı, M., Akadal, E., Çelik, S., Selçukcan, Erol, Ç., ve Gülseçen, S. (2017). Bir Web Sayfası Bileşenlerinin Yerleşiminin Kısa Süreli Hafıza Kapasitesi Üzerine Etkisi, Akademik Biliş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/justinmind-survey-whats-the-best-font-for-web-and-mobile-app-design/, Erişim tarihi: 20.04.2019.
• Gremillion, B. (2010). “How to Build a Footer That Doesn’t Stink”, https://www.webdesignerdepot.com/2010/03/how-to-build-a-footer-that-doesnt-stink/, Erişim tarihi: 25.04.2019.
• İpek, M. (2016). Web Design Education in Fine Arts Faculties, St. Kliment Ohridski University Press Sofia, Chapter 67, https://www.researchgate.net, Erişim tarihi: 14.05.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 Bilimler 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, Josh. Scroll behavior across the web, https://www.orbitmedia.com/blog/website-footer-design-best-practices/, Erişim tarihi: 17.05.2019.
• Yeygel, S. (2005). Şirketlerin Kurum Kimliklerini Yansıtan Bir 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-you-zeldman/the-year-in-design-9c06acf55b88, Erişim tarihi: 09.04.2019.
• Görsel Kaynaklar Görsel 1. Bir web sayfasının anatomisi. Görsel 2. Araştırma sonuçları. http://blog.chartbeat.com/2013/08/12/scroll-behavior-across-the-web/, Erişim tarihi: 25.06.2019
• Görsel 3. Bileşik altbilgi alanlarına bir örnek. https://galleonandcaravan.com, Erişim tarihi: 04.07.2019
• Görsel 4. Bileş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. Beyaz 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. Bir 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