Footer tasarımı, üst menüyü alta küçülterek yapıştırmak değildir. Yardım, keşif, güven ve yasal metni katman katman ayırınca alt bilgi link çöplüğünden çıkar. Bu rehber sütun, mobil sıra ve erişilebilirlik kararlarını uygulanabilir adımlara böler.
Sayfanın altına inen kişi, üstteki menüyle aynı işi tekrar etmez. Ürünü karşılaştırmış, formda takılmış veya yasal bir metni arıyor olabilir. Bu yüzden footer tasarımı, üst navigasyonun soluk bir kopyasını üretmek değil; yardım, keşif, güven ve yasal metni katman katman ayırmaktır. Aynı linkleri küçültüp alta yapıştırmak, alt bilgiyi link çöplüğüne çevirir. Kullanıcı o kalabalığın içinde ne yardım bulur ne de markaya güven duyar.
Alt bilgi, sayfanın bittiği yer değil; görevin değiştiği yerdir. Üst menü keşfi ve birincil yolları taşır. Footer ise “takıldım”, “emin değilim” ve “bu site güvenilir mi” sorularına cevap verir. Bu ayrımı net tuttuğunuzda hem masaüstünde hem mobilde daha az bağlantıyla daha çok iş çözersiniz.
Footer neden üst menünün kopyası olmamalı
Üst menü sitenin omurgasını gösterir: hizmetler, ürünler, kurum, iletişim. Footer’da aynı deseni tekrarlamak, kullanıcının zaten gördüğü yolu bir kez daha okutur. Sayfa sonuna inen biri genelde şu dört işten birindedir:
- Takıldığı noktada bir çıkış yolu aramak
- Ana yolda göremediği seçilmiş bir içeriği keşfetmek
- Markanın gerçekliğini ve iletişimini doğrulamak
- Politika veya yasal metne ulaşmak
Bu dört iş aynı sütunda, aynı puntoyla ve aynı hiyerarşide durursa hepsi eşit görünür. Eşit görünen her şey de eşit önemsizleşir. Ana sayfa tasarımında bölüm sırasını hedefe göre dizmek nasıl ilk bakışı yönetiyorsa, footer da son bakışı yönetir. Fark, hedefin değişmiş olmasıdır.
Pratik bir kural kullanın: üst menüde olan bir bağlantı footer’da ancak başka bir niyetle yer alır. “Hizmetler” üstte keşif içindir; altta belki “hangi hizmet size uygun” gibi bir yardım çıkışına dönüşür. Aynı etiketi iki yerde de basmak katmanı değil tekrarı güçlendirir.
Kurumsal sitede üst menüdeki “Hakkımızda” ile footer’daki adres ve e-posta aynı iş değildir. İlki hikâyeyi açar, ikincisi “burası gerçek bir yer mi” sorusunu kapatır. E-ticarette üstteki “Ürünler” vitrindir; alttaki “Siparişimi sorgula” ise takılan müşterinin çıkışıdır. Bu iki bağlantıyı yan yana, aynı stilde dizmek kullanıcıya seçim değil gürültü verir.
Footer tasarımı için dört katman
Katman görsel bir süs değil; okuma sırasıdır. Kullanıcı alt bilgiye girdiğinde önce yardıma, sonra keşfe, ardından güvene ve en sonda yasal metne bakabilmelidir. KepezWeb bu sırayı üst menünün tersine çevrilmiş hali olarak değil, sayfa sonundaki göreve göre kurar.
Yardım katmanı
Yardım, “nasıl ilerlerim” sorusudur. İletişim, destek, sık sorulanlar, iade veya randevu gibi gerçek çıkışlar burada durur. Bu katmanı görsel olarak en okunur tutun: biraz daha belirgin başlık, daha az link, net etiket.
Yardıma her kanalı doldurmayın. E-posta, form, telefon, sohbet ve sosyal gelen kutusu aynı anda durursa kullanıcı yine seçemez. Bir birincil yol ve bir yedek yol yeter. Etiketler eylem söylemeli: “Destek” yerine “Siparişimi sorgula”, genel “İletişim” yerine “Teklif veya soru gönder” gibi somut dil kullanın.
Yardım katmanına bülten formu koyacaksanız onu tek alan, tek düğme ve tek vaat ile sınırlayın. “Tüm gelişmeler” gibi geniş sözler, formun ne yapacağını gizler. Form yardım değilse keşif sütununa da taşmayın; ayrı bir gürültü üretir.
Keşif katmanı
Keşif, üst menüde yer olmadığı için unutulan sayfaların dökümü değildir. Burası, ana yolda kaybolan ama kararı tamamlayan içerik içindir: seçilmiş rehberler, hizmet girişleri, bakım veya kullanım yazıları, sektör sayfaları. “Tüm sayfalar” listesi keşif değildir; seçilmiş bir haritadır.
Her bağlantı, kullanıcının “bunu da görmeliydim” diyebileceği bir kapı olsun. Blog arşivinin tamamını, etiket bulutunu veya yılların proje listesini buraya dökmek keşfi çöpe çevirir. Sütun başlığını “Linkler” veya “Kurumsal” gibi boş bırakmayın; “Rehberler” veya “Hizmet girişleri” niyeti söyler.
Aynı keşif linkini hem kahraman alanına hem kartlara hem footer’a basmak da tekrardır. Footer’daki keşif, sayfada görünmeyen veya ilk bakışta kaybolan bir kapıyı tamamlar. Zaten her ekranda duran bir yolun alta da yazılması, katmanı şişirir.
Güven katmanı
Güven, logo duvarı değildir. Adres, somut kimlik, çalışma biçimi, kısa bir teslimat veya yanıt vaadi burada işe yarar. Rozetleri kanıt olmadan sıralamak güven üretmez; her işaretin yanında ne anlama geldiği okunmalıdır.
E-ticaret sitesinde kargo ve iade vaadi ürün sayfasında durur; footer’da ise aynı vaadin kısa, çelişkisiz özeti yeter. Kurumsal sitede ofis, e-posta alanı ve “kim olduğumuz” cümlesi, slayt alıntısından daha çok iş görür. Sosyal ikonlar bu katmana aittir ama tek başlarına güven taşımaz. Hesabı aktif değilse veya tıklanınca boş profil açılıyorsa ikonu koymayın.
Yasal katman
Yasal metinler yardım değildir. Gizlilik, çerez, kullanım koşulları ve aydınlatma gibi politika bağlantıları en altta, daha sakin bir şeritte durmalıdır. Bu şeridi keşif sütunuyla karıştırmayın; kullanıcı politika metnini ararken hizmet listesinde kaybolmamalıdır.
Metinlerin içeriği tasarım kararı değildir; ilgili uzman tarafından yazılır ve güncellenir. Tasarımın işi, bu bağlantıların her sayfada aynı yerde, aynı sırada ve klavyeyle ulaşılabilir olmasını sağlamaktır. Şirket unvanı ve telif satırı da bu şeritte, link olmayan düz metin olarak kalabilir.
Sütun, etiket ve görsel ağırlık
Masaüstünde yan yana sütunlar katmanları okutmak için işe yarar; zorunlu bir şablon değildir. Asıl iş, sütun başlıklarının farklı niyetleri adlandırmasıdır. “Kurumsal”, “Keşfet”, “Hızlı erişim” gibi boş başlıklar çöplüğü düzenlemez.
Daha iyi başlıklar niyeti söyler: Yardım, Hizmetler, İletişim, Yasal. Şirket adını güven sütununun başlığı yapmak markayı somutlar; her satıra ad basmak gerekmez. Sütun sayısını içeriğe göre seçin. İnce bir hizmet sitesinde iki sütun ve bir yasal şerit yeter; geniş bir katalogda keşfi ayrı tutmak okumayı kolaylaştırır.
Görsel hiyerarşi footer’da ölçü ve konumla kurulur. Yardım sütunu ilk sırada veya biraz daha geniş durabilir. Yasal şerit tam genişlikte, daha düşük kontrastlı bir zeminde ayrılır. Bütün sütunları aynı punto ve aynı boşlukla dizmek katman fikrini yok eder.
Link rengi gövde metninden ayrılmalı; odak ve üzerine gelme hali net olmalıdır. Logo footer’da küçük bir çapa olabilir, kahraman görseli kadar yer kaplamamalıdır. İkon ile metni birlikte kullanın. Yalnız resim olan bir sosyal sıra, hem anlamı hem tıklama hedefini zayıflatır.
| Katman | Görevi | Tipik öğeler | Üst menüden farkı |
|---|---|---|---|
| Yardım | Takılan kullanıcıyı çıkarmak | İletişim, destek, SSS, randevu | Keşif değil, çıkış yoludur |
| Keşif | Ana yolda görünmeyen kapıları seçmek | Seçilmiş rehberler, hizmet girişleri | Tüm sayfaların tekrarı değildir |
| Güven | Markayı somutlaştırmak | Adres, kısa vaat, aktif sosyal hesap | Rozet yığını değildir |
| Yasal | Politika metinlerini buldurmak | Gizlilik, çerez, koşullar, unvan | Sütun linkleriyle karışmaz |
Mobilde footer’ı daraltmak yerine sırayı koruyun
Mobilde footer’ı tek bir kapalı akordeon yığını yapmak katmanları siler. Her başlığı kapalı tutmak, yardım arayan kişiye ekstra dokunuş yükler. Daha sağlıklı yol sırayı korumaktır: önce yardım (açık), sonra kısa bir keşif listesi, sonra güven, en altta yasal şerit.
Akordeon kullanacaksanız varsayılan açık bölüm yardım olsun. Tüm bölümleri kapalı bırakmak alt bilgiyi gizli menüye çevirir. Link metinleri parmakla basılabilir boşluk bıraksın; sıkışık ve küçük punto, yanlış tıklamayı kolaylaştırır.
Yapışkan sepet, iletişim veya çerez çubuğu footer’ı örterse yardım ve yasal şerit görünmez. Sayfa sonunda bu çubukları gizleyin veya alt bilgiye nefes payı bırakın. Mobilde keşif sütununu “daha fazla” ile sonsuza açmak da masaüstü çöplüğünün dar ekrana sıkışmış halidir. Birkaç seçilmiş kapı, uzun bir listeye yeğdir.
Erişilebilir bir alt bilgi için temel kararlar
Footer, klavye kullanıcısının sayfada geçtiği son uzun bölgedir. Odak sırası görsel sırayla aynı olmalıdır: yardım, keşif, güven, yasal. Sütunları belgede görseldeki gibi dizin. Önce tüm başlıkları, sonra tüm linkleri okutmak zihinsel haritayı bozar.
Klavye ve odak kararları burada somutlaşır. Her bağlantı gerçek bir metin taşısın; yalnız ikon olan sosyal düğmelerde erişilebilir ad olsun. Yasal şeritteki linkler de atlanmasın. Kontrast gövde metninden biraz düşük olabilir ama okunamaz hale gelmesin. “Gri zeminde daha gri yazı” yasal katmanı gizleme yöntemi değildir.
Bölgeyi sayfa bilgisi olarak işaretlemek, yardımcı teknolojinin alt bilgiye atlamasına veya doğrudan gitmesine izin verir. İçeride ikinci bir dolaşma etiketi verecekseniz adını “Alt bilgi” veya “Yardım ve yasal” gibi ayırt edici tutun. Üst menüyle aynı “menü” adı kafa karıştırır.
Sık görülen footer hataları
- Üst menünün birebir tekrarı
- Proje, etiket ve kategori linkinin tek sütunda yığılması
- Yardım ile yasalın aynı punto ve aynı grupta durması
- Pasif sosyal hesaplar ve tıklanınca boş açılan rozetler
- Bülten, iletişim formu ve sohbetin aynı anda yarışması
- Mobilde kapalı akordeonlarla yardımın gizlenmesi
- Farklı şablonlarda farklı link seti
Son madde özellikle kurumsal ve e-ticaret şablonlarında sık çıkar. Footer bir bileşendir; sayfaya özel “bir de şunu ekleyelim” talepleri onu çöplüğe çevirir. Yeni bir bağlantı eklemeden önce sorun: bu yardım mı, keşif mi, güven mi, yasal mı? Hiçbirine girmiyorsa ya üst menüdedir ya da hiç durmamalıdır.
Footer’a eklenen her link, diğer linklerin görünürlüğünü böler. Katman, bu bölünmeyi yönetmek için vardır.
Yayına almadan önce kontrol listesi
İyi kurulmuş bir footer tasarımı az sayıda net çıkış bırakır. Aşağıdaki liste, görsel beğeniden bağımsız olarak alt bilginin işe yarayıp yaramadığını gösterir:
- Üst menüdeki her öğe footer’da aynı etiketle duruyor mu? Duruyorsa tekrarları kesin.
- İlk bakışta bir yardım çıkışı görünüyor mu?
- Keşif sütunu seçilmiş mi, yoksa site haritasının dökümü mü?
- Güven bilgisi somut mu, yoksa yalnız logo ve rozet mi?
- Politika bağlantıları ayrı bir şeritte mi?
- Mobilde yardıma ulaşmak için ekstra bir dokunuş şart mı?
- Klavye ile son linke kadar sıra bozulmadan gidiliyor mu?
- Her sayfada aynı bileşen mi görünüyor?
Bu kontrolü süs aşamasına bırakmayın. Footer iskeleti hazır olmadan temaya geçmek, sonra “bir sütun daha” taleplerini büyütür. Üst menüyü kilitlemeden alt bilgiyi kilitlemek de zordur; iki bölge aynı bilgi mimarisinin farklı görevleridir.
Sıkça Sorulan Sorular
Footer’da site haritasının tamamı olmalı mı?
Hayır. Tüm sayfaların listesi ayrı bir harita sayfasında durabilir; footer o listenin yeri değildir. Keşif katmanı, kullanıcının o anda işine yarayacak seçilmiş kapıları gösterir. Tüm adresleri alta dökmek yardım ve yasal metni de görünmez kılar.
Sosyal medya ikonları en üste alınmalı mı?
Genelde hayır. Sosyal hesaplar güven ve iletişim katmanına aittir; yardım çıkışının önüne geçmemelidir. İkonu, hesabın gerçekten kullanıldığı ve yeni sekmede açıldığı durumlarda koyun.
Yasal linkler küçük puntoyla gizlenebilir mi?
Gizlenmemelidir. Yasal katman görsel olarak daha sakin olabilir; ancak okunabilir kontrast, net etiket ve klavye erişimi korunmalıdır. Küçük punto katmanı ayırmak içindir, metni yok etmek için değil.
Footer’da ikinci bir düğme gerekir mi?
Gerekmez. Sayfada zaten bir birincil eylem varsa aynı düğmeyi altta tekrarlamak gürültüdür. Yardım katmanında metin bağlantısı veya sakin bir iletişim yolu çoğu zaman yeter. Asıl eylem üstte yarım kaldıysa, footer’da daha küçük ve ikincil stilde tekrarlamak anlamlı olabilir.
Her dilde aynı footer mı kullanılmalı?
Hayır. Dil ve yerel iletişim değişince yardım ile yasal katman da değişir. Keşif bağlantılarını çevirmek yetmez; o dildeki gerçek destek yolunu ve politika metinlerini ilgili katmana yerleştirin. Dört katmanlı yapı aynı kalabilir, içerik yerelleşir.
Sonuç ve Sonraki Adım
Alt bilgiyi menünün kopyası olmaktan çıkarıp katmanlı bir yapıya almak istiyorsanız, KepezWeb ile sayfa sonundaki yardım, keşif, güven ve yasal düzenini birlikte netleştirebiliriz. Mevcut sitenizin footer’ını veya yeni bir arayüzü gözden geçirmek için teklif alın; ihtiyaca göre sade bir bilgi mimarisi ve uygulanabilir bir düzen çıkarırız.
