İçeriğe geç
Tasarım Temelleri

F Pattern ve Z Pattern Nedir?

Kullanıcılar sayfayı nasıl tarar?

8 dk okuma

Okumaya başla

Kısaca: F pattern (F kalıbı), insanların biçimlendirilmemiş uzun metinleri tararken gözlerinin F harfine benzer bir yol izlemesidir: önce üstte yatay, sonra biraz aşağıda daha kısa bir yatay, ardından sol kenardan aşağı. Nielsen Norman Group’un göz izleme araştırmalarıyla bulunmuştur ve araştırmacılara göre kullanıcı ve işletme için kötü bir durumdur. Z pattern (Z kalıbı) ise az metinli sayfalarda gözün sol üstten sağ üste, oradan çaprazla sol alta ve sağ alta gittiği varsayılan yoldur; afiş ve açılış sayfası düzenlerinde kullanılır.

Kısa cevap

F ve Z, harflerin şekline benzeyen iki göz hareketi kalıbıdır. F kalıbı metin ağırlıklı sayfalarda görülür ve tasarımcının taklit etmesi gereken bir düzen değil, metnin taranmaya uygun yazılmadığının işaretidir. Z kalıbı ise az öğeli, görsel ağırlıklı düzenler için bir yerleşim yöntemidir. Bu yazıda ikisinin ne olduğunu, araştırmaların gerçekte ne dediğini ve tasarımda nasıl kullanacağınızı anlatıyorum.

F pattern nedir?

F kalıbını 2006’da Nielsen Norman Group (NN/g) tanımladı. Araştırmada 232 kullanıcının binlerce web sayfasına bakarken göz hareketleri kaydedildi ve ısı haritalarında baskın bir şekil ortaya çıktı (NN/g):

  1. Kullanıcı önce içerik alanının üst kısmında yatay olarak okur. Bu, F’nin üst çizgisidir.
  2. Biraz aşağı iner ve daha kısa bir yatay okuma yapar. Bu, F’nin ikinci çizgisidir.
  3. Sonra sol kenardan dikey olarak aşağı tarar; satırların sadece ilk kelimelerine bakar. Bu, F’nin gövdesidir.
Biçimlendirilmemiş metin sayfasında F şeklindeki göz tarama yolu: iki yatay şerit ve sol kenardan inen dikey şerit
F kalıbında sağ ve alt taraftaki bilgiler büyük ölçüde görülmez.

NN/g 2017’de araştırmayı tekrarladı ve kalıbın hem masaüstünde hem mobilde hâlâ geçerli olduğunu gördü. Arapça gibi sağdan sola okunan dillerde kalıp aynalanıyor. Türkçe soldan sağa okunduğu için bizim için geçerli olan klasik F şeklidir.

F kalıbı ne zaman ortaya çıkar?

NN/g’ye göre kullanıcılar şu üç koşul bir aradayken F şeklinde tarar:

  • Sayfa ya da bölüm çoğunlukla biçimlendirilmemiş metinden oluşur: kalın yazı, madde işareti, ara başlık yoktur.
  • Kullanıcı hızlı ve verimli olmak ister.
  • Kullanıcı her kelimeyi okuyacak kadar ilgili değildir.

En sık yapılan yanlış anlama

Türkçe ve İngilizce birçok kaynak F kalıbını “sayfanızı F şeklinde tasarlayın” diye anlatır. Bu, araştırmanın söylediğinin tersidir. NN/g açıkça F kalıbının kullanıcılar ve işletmeler için kötü olduğunu yazıyor: İnsanlar önemli bilgileri sadece sağda ya da aşağıda kaldığı için kaçırıyor. F kalıbı bir hedef değil, içeriğin taranmaya göre düzenlenmediğini gösteren bir uyarı işaretidir.

F kalıbına karşı ne yapmalı?

NN/g’nin önerileri, iyi web yazımının temelini oluşturuyor:

  • En önemli bilgiyi ilk iki paragrafa koyun.
  • Gövde metninden belirgin şekilde ayrılan başlık ve ara başlıklar kullanın.
  • Başlıklara en bilgi taşıyan kelimelerle başlayın.
  • İlgili küçük içerik parçalarını görsel olarak gruplayın (çerçeve, arka plan rengi).
  • Önemli kelime ve ifadeleri kalın yazın.
  • “Buraya tıklayın” yerine ne olduğunu anlatan bağlantı metinleri kullanın.
  • Madde işaretli ve numaralı listeler kullanın, gereksiz metni çıkarın.

Bu yazının kendisi de bu kurallara göre düzenlendi: en üstte bir özet kutusu, bilgi taşıyan ara başlıklar ve listeler.

F kalıbı tek tarama kalıbı değil

NN/g’nin sonraki araştırmaları başka tarama kalıpları da tanımladı. Bunları bilmek, kullanıcının sayfada ne yaptığını tahmin etmenizi kolaylaştırır.

Dört tarama kalıbı: F kalıbı, katmanlı pasta, noktasal ve bağlılık kalıbı şematik sayfalarla gösterilmiş
Aynı kullanıcı, sayfanın yapısına ve amacına göre farklı kalıplarla tarar.
KalıpNe zaman görülür?Tasarım için anlamı
Katmanlı pasta (layer-cake)Göz yalnızca başlık ve ara başlıkları tarar, gövdeyi atlar.En verimli tarama biçimi. Başlıklar bilgi taşımalı.
Noktasal (spotted)Kullanıcı belirli bir şeyi arar: telefon numarası, fiyat, bağlantı.Aranan bilgiyi ayırt edici biçimde gösterin.
İşaretleme (marking)Göz bir noktada sabit kalır, sayfa altından kayar; mobilde sık görülür.Mobilde içerik kısa ve parçalı olmalı.
Atlama (bypassing)Liste maddeleri aynı kelimeyle başlıyorsa göz o kelimeleri atlar.Maddeleri farklı ve anlamlı kelimelerle başlatın.
Bağlılık (commitment)Kullanıcı çok ilgiliyse neredeyse her şeyi okur.Nadirdir; buna güvenmeyin.

Z pattern nedir?

Z kalıbı, az metinli ve görsel ağırlıklı düzenlerde gözün izlediği varsayılan yoldur:

  1. Sol üst: Göz buradan başlar. Genellikle logo burada durur.
  2. Sağ üst: Yatay olarak sağa geçer. Menü ya da ikincil bir buton için uygun yerdir.
  3. Çapraz iniş: Sayfanın ortasından sol alta doğru iner. Ana mesaj ve görsel bu çizgi üzerinde yer alır.
  4. Sağ alt: Yolun bittiği yer. Ana eylem çağrısı (CTA) için en güçlü konumlardan biridir.
Açılış sayfası şemasında Z kalıbı: logo, menü butonu, ana mesaj ve sağ alttaki Teklif alın butonu numaralı noktalarla
Z kalıbında öğeler gözün doğal yolu üzerine yerleştirilir.

Z kalıbı, gazete tasarımından gelen ve Edmund Arnold’a atfedilen Gutenberg diyagramının bir uzantısı olarak anlatılır. Diyagram sayfayı dört bölgeye ayırır ve gözün sol üstten sağ alta doğru “okuma yerçekimiyle” ilerlediğini söyler. Burada dürüst olmak gerekiyor: Z kalıbı, F kalıbı kadar güçlü göz izleme verisiyle desteklenmiş bir bulgu değil, daha çok tasarım geleneğinden gelen kullanışlı bir yerleşim kuralıdır. Sayfaya güçlü bir görsel hiyerarşi eklediğinizde göz bu yolu terk edip en baskın öğeye gider.

Z kalıbı nerede işe yarar?

  • Açılış sayfalarının ilk ekranı (hero bölümü)
  • Afişler, broşür kapakları ve sosyal medya görselleri
  • Tek mesajlı reklam ve kampanya sayfaları
  • Kartvizit ve davetiye gibi az öğeli tasarımlar

Uzun makaleler, panolar (dashboard), formlar ve karşılaştırma tabloları için uygun değildir. Bu tür sayfalarda kullanıcı belirli bir bilgiyi arar ve başlıklarla yön bulur.

F mi Z mi? Karşılaştırma

F patternZ pattern
Ne tür sayfa?Metin ağırlıklı: makale, ürün açıklaması, arama sonuçlarıGörsel ağırlıklı, az metinli: açılış sayfası, afiş
KaynağıNN/g göz izleme araştırması (2006, güncelleme 2017)Gutenberg diyagramı ve tasarım geleneği
Tasarımcı ne yapmalı?Kalıbı kırmak için başlık, liste ve vurgu kullanmalıÖnemli öğeleri Z yolunun üzerine yerleştirmeli

Aslında ikisi de aynı sonuca çıkar: Göz, sayfada kendisine bir yol gösterilmediğinde en az eforlu yolu seçer. Tasarımcının işi bu yolu bilinçli olarak çizmektir. Bunun aracı da görsel hiyerarşidir. Yerleşimin genel kurallarını grafik tasarımda kompozisyon yazısında anlattım.

Sık sorulan sorular

F pattern iyi bir şey mi?

Hayır. Kalıbı bulan NN/g’ye göre F şeklinde tarama, kullanıcıların sayfanın sağında ve aşağısında kalan önemli bilgileri kaçırması anlamına gelir. Hedef, içeriği başlık, liste ve vurgularla düzenleyerek kullanıcının daha verimli tarama biçimlerine (örneğin katmanlı pasta kalıbına) geçmesini sağlamaktır.

Z pattern bilimsel olarak kanıtlanmış mı?

F kalıbı kadar değil. Z kalıbı daha çok basılı tasarım geleneğinden gelen bir yerleşim kuralıdır. Az öğeli düzenlerde iyi bir başlangıç noktası verir, ama güçlü bir görsel ya da renkli bir buton gözü kolayca bu yolun dışına çeker.

Mobilde F ve Z kalıpları geçerli mi?

F kalıbı mobilde de görülüyor; ama metin ekran genişliğine göre yeniden aktığı için göz farklı kelimelere takılır. Z kalıbı ise dar ekranda tek sütuna dönüşen düzenlerde büyük ölçüde anlamını yitirir; mobilde öğelerin yukarıdan aşağıya önem sırası daha belirleyicidir.

Sağdan sola okunan dillerde ne olur?

NN/g’nin Arapça sitelerle yaptığı araştırmada F kalıbının aynalandığı, yani sağdan başlayıp sağ kenardan aşağı indiği görüldü.

Bu yazı Kasım 2026 itibarıyla geçerli bilgilere dayanır.

Kaynaklar

Front-end geliştirici ve web tasarımcısı, İstanbul

2000'den bu yana web tasarım, e-ticaret ve marka kimliği üzerine çalışıyor. cyhn.net'te tasarım, yazılım ve içeriği tek masada ele alıyor.

Diğer yazılar

Tüm yazılar