F-deseni (F-shaped pattern)

Özet: Eyetracking araştırması, insanların web sayfalarını ve telefon ekranlarını çeşitli şekillerde taradığını gösteriyor; bunlardan biri F harfinin şeklidir. Bu modeli keşfettikten on bir yıl sonra, bugün bunun ne anlama geldiğini yeniden değerlendiriyoruz.

Bu makalede, onu yeniden ele alan son araştırmaları rapor etmeyi ve aynı zamanda F-örüntüsüne ilişkin bazı yanlış anlamaları açıklığa kavuşturmayı amaçlıyoruz. Özellikle:

Web'de tarama her zaman F şeklini almaz. Yaygın olarak kullanılan başka tarama modelleri de vardır.
F modeli kullanıcılar ve işletmeler için olumsuzdur.
İyi tasarım F-şekilli taramayı engelleyebilir .

Web'de F Şekilli Okuma Modeli

Bu, 2000'li yılların başlarında yaptığımız çalışmalardan F-örüntüsünün ilk örneklerinden biridir. Bu ısı haritası, 1900 yılında Galveston Texas'ta neler olduğunu öğrenmeye çalışan 45'ten fazla kişinin bakışlarını bir araya getiriyor. Isı haritasının en üstteki, en çok okunan bölümü (kırmızı renkle temsil edilir) büyük harf "F"yi andırıyor.

F Şekilli Desen

F şeklindeki tarama deseni, sayfanın üst ve sol tarafında yoğunlaşan birçok sabitlemeyle karakterize edilir. Özellikle:

Kullanıcılar ilk önce genellikle içerik alanının üst kısmı boyunca yatay bir hareketle okurlar . Bu başlangıç elemanı F'nin üst çubuğunu oluşturur.
Daha sonra kullanıcılar sayfada biraz aşağı iner ve genellikle önceki harekete göre daha kısa bir alanı kapsayan ikinci bir yatay hareketle baştan sona okurlar. Bu ek eleman F'nin alt çubuğunu oluşturur.
Son olarak kullanıcılar içeriğin sol tarafını dikey bir hareketle tararlar . Bazen bu, göz izleme ısı haritasında düz bir şerit olarak görünen yavaş ve sistematik bir taramadır. Diğer zamanlarda kullanıcılar daha hızlı hareket ederek daha belirgin bir ısı haritası oluşturur. Bu son eleman F'nin gövdesini oluşturur.

Bu modelin sonuçları şunlardır:

Bir sayfadaki metnin ilk satırları, aynı sayfadaki sonraki metin satırlarına göre daha fazla bakış alır.
Metnin her satırının solundaki ilk birkaç kelime, aynı satırdaki sonraki kelimelere göre daha fazla sabitleme alır.

Böylece insanlar metnin ilk satırlarında, sonraki satırlara göre daha fazla sağdaki kelimeyi tarayacaklardır. Bu tarama modeli F harfinin şekline benzer ancak nadiren mükemmel bir F olur. Örneğin, bazı durumlarda insanlar sayfanın altındaki bir paragrafla ilgilenmeye başlayabilir ve daha fazla kelimeye odaklanıp tekrar sağa doğru okuyabilir. desen bir E'ye benzemeye başlar.

F şeklindeki desen, kullanıcıların web sayfasının içerik alanını okuması için geçerlidir. Bu nedenle, insanların bir web sayfasını ziyaret ettiklerinde ve içeriğini değerlendirdiklerinde davranışlarını açıklar; web sitesinin yeni bir bölümünde olduklarında ve karar vermek için gezinme çubuklarını (genellikle sayfanın üstünde ve/veya solunda) incelediğinde davranışlarını değil. bundan sonra nereye gideceğim. Dolayısıyla, bir F modelinde soldaki bakışlar, eğer sol sütun bir gezinme rayı tarafından işgal edilmişse, tam sayfanın en sol kısmına değil, içerik alanının sol kısmına düşer .

Son göz izleme araştırmamız, F şeklindeki tarama modelinin günümüz dünyasında hem masaüstü hem de mobil cihazlarda canlı ve iyi durumda olduğunu gösteriyor. Teknolojiden çok insan davranışına bağlı olan UX bulgularının uzun ömürlülüğünün tipik bir örneği .

F okuma düzeni

TigersinCrisis.com: Yeni çalışmamızın bu ısı haritası, vahşi doğada kaç Sumatra kaplanının yaşadığını öğrenmeye çalışan 47 kişiden elde edilen verileri bir araya getiriyor. Bu ısı haritasındaki kırmızı renk, 11 yıl önce olduğu gibi bugün de F şeklindeki desenin bir örneğidir.

F Şeklindeki Desen Tek Tarama Deseni Değildir

F şeklindeki desene ek olarak, aşağıda listelenenler de dahil olmak üzere birçok olası tarama modeli daha vardır:

Katmanlı pasta deseni, gözler başlıkları ve alt başlıkları tarayıp aşağıdaki normal metni atladığında ortaya çıkar. Bu davranışın bakış grafiği veya ısı haritası, değişen kek ve krema katmanlarına sahip bir pastayı anımsatan yatay çizgiler gösterecektir.
Benekli desen, büyük metin parçalarının atlanması ve sanki bir bağlantı , rakamlar , belirli bir kelime veya farklı bir şekle sahip bir kelime grubu (adres veya imza gibi) gibi belirli bir şeyi arıyormuş gibi taramaktan oluşur .
İşaretleme deseni, tıpkı bir dansçının dönerken dengeyi korumak için bir nesneye sabitlenmesi gibi, fare kaydırırken veya parmak sayfayı kaydırırken gözlerin tek bir yere odaklanmasını içerir. İşaretleme, mobil cihazlarda masaüstünden daha fazla gerçekleşir.
Baypas modeli, bir listedeki birden fazla metin satırının tamamı aynı kelimeyle başladığında, insanların kasıtlı olarak satırın ilk kelimelerini atlaması durumunda ortaya çıkar.
Bağlılık modeli, sayfadaki hemen hemen her şeye odaklanmayı içerir. İnsanlar yüksek motivasyona sahipse ve içerikle ilgileniyorsa, bir paragraftaki metnin tamamını, hatta bir sayfanın tamamını okuyacaklardır. (Ancak bunun sık sık gerçekleşeceğine güvenmeyin. Çoğu kullanıcının tarama yapacağını varsayın.)

İnsanlar Neden F Şekilli Bir Desende Tarıyor?

Bu 3 unsurun tümü mevcut olduğunda insanlar F şeklinde tarama yapar:

Bir sayfa veya sayfanın bir bölümü, web için çok az biçimlendirme içeren veya hiç biçimlendirme içermeyen metin içeriyor. Örneğin, bir "metin duvarı" vardır ancak kalın harfler, madde işaretleri veya alt başlıklar yoktur.
Kullanıcı o sayfada en verimli olmaya çalışmaktadır.
Kullanıcı her kelimeyi okumaya istekli olacak kadar kararlı veya ilgili değildir.

Son iki öğe hemen hemen tüm web davranışını özetlemektedir: Web kullanıcılarının büyük çoğunluğu görevlerini minimum çabayla mümkün olduğu kadar hızlı bitirmeyi tercih etmektedir; Konuyla ilgili bir tez okuyup kendilerini eğitmek yerine hızlı bir cevap bulmak istedikleri için bir sayfayı ziyaret ediyorlar.

Yazarlar ve tasarımcılar kullanıcıyı en alakalı, ilginç veya yararlı bilgiye yönlendirmek için herhangi bir adım atmadığında kullanıcılar kendi yollarını bulacaklardır. Gözü yönlendirecek herhangi bir sinyalin yokluğunda, minimum çaba harcayacak yolu seçecekler ve odaklanmalarının çoğunu okumaya başladıkları yere (genellikle bir metin sayfasında en sol üst kelimeye) yakın bir yerde geçireceklerdir. İnsanların sayfayı her zaman F şeklinde taraması söz konusu değil. Yıllar süren okumalar insanları daha önemli içeriğin daha az önemli içerikten önce geldiği konusunda eğitmiş olsa da, hiçbir kullanıcı içeriğin en önemli içerikten önce geldiğini düşünmüyor. şeyler F şeklinde görünür. F modeli, gözleri anlamlı bilgilere çekecek güçlü ipuçları olmadığında varsayılan modeldir.

İnsanlar etkileşim maliyetini en aza indirme ve yaptıkları işten elde ettikleri faydayı en üst düzeye çıkarma eğilimindedir . Onların gözünde bu, bir yandan ihtiyaç duydukları bilgiyi toplarken, bir yandan da birkaç odaklanma harcamak anlamına geliyor; üretken, ilgili ve bu takıntılardan aldıkları şeylerde başarılı olmak. Zamandan tasarruf etmek, daha az odaklanma, yani daha az kelimeye bakma anlamına gelir.

Bazı durumlarda insanlar metni tararken sıkılır veya yorulur. Diğer zamanlarda, okudukları kelimeler yalnızca zayıf bir bilgi kokusu sunar ; bu, taramaya devam etmek için yeterli bir tatmin olabilir, ancak metnin daha fazlasını okumak için yeterli olmayabilir.

F Şekli Kullanıcılar ve İşletmeler İçin Kötüdür

İnsanlar F şeklinde tarama yaptıklarında, yalnızca metnin bir sütunda nasıl aktığına bağlı olarak içeriğin büyük bir kısmını kaçırırlar. Atlanan ifadeler ve kelimeler çoğu zaman okunan kelimeler kadar önemlidir, hatta daha da önemlidir. Ancak kullanıcılar, tanım gereği neyi görmediklerini bilmediklerinden bunun farkına varamayacaklardır.

F-Shaped Pattern of Reading on the Web

History.com. Bir çalışma katılımcısının, çok fazla düzyazı ve çok az biçimlendirme içeren bir sayfayı tararken F şeklindeki bakış grafiği (Her mavi nokta, bir sabitlenmeyi belirtir. Noktalar arasındaki çizgiler, kullanıcının gözlerini hareket ettirdiği ve neredeyse kör olduğu seğirmeleri temsil eder. Bu çizgiler sabitlemeleri daha kolay takip etmemize yardımcı olur. Büyük noktalar daha uzun sabitlemeleri, sayılar ise sırayı belirtir.)

Duyarlı tasarımda veya herhangi bir akıcı metin düzeninde metin, pencere boyutuna bağlı olarak farklı şekilde akar. Dolayısıyla, örneğin telefonunda F şeklinde tarama yapan bir kullanıcı, içeriğin farklı görünüm boyutlarında akma şekli nedeniyle, aynı sayfayı masaüstünde F şeklinde taradığında aynı kelimelere odaklanmayacaktır.

Hata yapmayın, F şeklindeki tarama modeli kullanıcılar ve işletmeler için kötüdür: Bu, kullanıcıların önemli içeriği sırf sayfanın sağ tarafında göründüğü için atlayabileceği anlamına gelir. İyi web biçimlendirmesi F taramasının etkisini azaltır. Sayfalarınızda büyük miktarda biçimlendirilmemiş metin varsa, insanlar bunu F şeklinde tarayacaktır.

Eğer F-örüntüsünde tarama yapmak kullanıcılar için kötüyse, neden bunu bu kadar sık yapıyorlar ki web'deki baskın davranışları bu oluyor? Çünkü bu, web sitenize yaptıkları ziyaretten maksimum faydayı elde edebilmeleri açısından gerçekten sadece "kötü" . Ancak kullanıcılar tek bir web sitesinden elde edilen faydaları en üst düzeye çıkarmayı hedeflemezler. Web'i bir bütün olarak kullanmanın maliyet-fayda oranını optimize etmeyi hedefliyorlar . Web siteniz tüm İnternet ile karşılaştırıldığında sahildeki bir kum tanesi gibidir. Güzel bir kumdan kale inşa etmek için - metafora sadık kalarak - özellikle pürüzsüz kum tanelerini arayarak zaman harcayamazsınız. Kova dolusu kum toplamanız gerekiyor. Benzer şekilde, kullanıcılar birden fazla web sitesine girerek ve her biri için çok az çaba harcayarak, genellikle web sitelerini kullanarak web'den değer kazanırlar.Birçok siteyi aynı anda açık tutmak için sayfa park etme.

F Şeklindeki Desene En İyi Panzehir

Kullanıcıları çaba harcamaya ve kötü kısayollar kullanmaya zorlamak yerine, işi kullanıcıları adına yapın. Kullanıcıları görmelerini istediğiniz şeye ve görmek istediklerini bildiğiniz şeye yönlendirmek için metni önceliklendirin ve biçimlendirin. Bazı basit ipuçları:

Sayfanın ilk iki paragrafında en önemli noktalara yer verin .
Başlıkları ve alt başlıkları kullanın . Kullanıcıların bunları hızlı bir şekilde ayırt edebilmesi için normal metinlerden daha önemli göründüklerinden ve daha görünür olduklarından emin olun.
Başlıklara ve alt başlıklara en fazla bilgiyi taşıyan kelimelerle başlayın : Kullanıcılar yalnızca ilk 2 kelimeyi görse bile bir sonraki bölümün ana fikrini anlamış olacaklardır.
Küçük miktarlarda ilgili içeriği görsel olarak gruplandırın (örneğin, bunları bir kenarlıkla çevreleyerek veya farklı bir arka plan kullanarak).
Kalın önemli kelimeler ve ifadeler.
Bağlantıların farklı biçimlendirmesinden yararlanın ve bağlantıların bilgi içeren sözcükler içerdiğinden emin olun (genel "git", "burayı tıklayın" veya "daha fazlası" yerine). Bu teknik aynı zamanda içeriği görsel olarak taramak yerine bağlantıların yüksek sesle okunduğunu duyan kullanıcılar için erişilebilirliği de artırır.
Bir liste veya işlemdeki öğeleri belirtmek için madde işaretlerini ve numaraları kullanın .
Gereksiz içeriği kesin .

Özet

Web'de tarama aşağıdakiler tarafından belirlenir:

Kullanıcı motivasyonu
Ulaşmaya çalıştıkları hedefler
Sayfa düzeni ve metnin biçimlendirilmesi
Sayfa içeriği

İnsanların motivasyonunu veya hedeflerini kontrol etmek zordur ancak kullanıcıların ihtiyaç duydukları şeyi hızlı bir şekilde bulabilmeleri için içeriği ve sunumu optimize edebilirsiniz. Özellikle, insanların F şeklinde tarama yaparken takılıp kalabileceği rastgele sözcüklere güvenmek yerine, en önemli bilgilere dikkat çekmek için iyi web biçimlendirme tekniklerini kullanın.

F Şeklinde desen ve diğer tarama desenleri hakkında daha fazla bilgi için aşağıdakilere bakın: