Blogunuzdaki Okuyucuları, Yorumları ve Paylaşımları Artıracak 5 Basit Yazı Tipi Değişikliği
Yayınlanan: 2023-09-14Bu konuk gönderisi Information Highwayman'den Bnonn tarafından yazılmıştır.
Farkında olmayabilirsiniz ancak blogunuzdaki yazı tipi ayarlarının, içeriğinizi kaç kişinin okuyacağı üzerinde büyük etkisi olabilir.
İçeriğinizi kaç kişinin okuduğu, bir gönderinin viral olup olmayacağı üzerinde büyük bir etkiye sahiptir.
Ne kadar büyük? Okuduğum bazı kaynaklara göre renklerle ilgili tek bir yaygın hata okuyucu sayısını beş kat azaltabilir. Ve eğer bu hatayı yapmıyorsanız, muhtemelen diğer dört hatadan en az birini yapıyorsunuzdur. Bu makalede, okuyucuları içeriğinize bağlı tutmak ve eski geri düğmesinden uzak tutmak için metin sunmaya yönelik en önemli beş en iyi uygulamayı size vereceğim.
Yazı tipi boyutu—minimum 16 piksel
Okunabilirlik sorunlarının en başında yazı tipi boyutu gelir. 2005 yılında Jakob Nielsen, web tasarımı sorunlarıyla ilgili bir ankette, kötü yazı tiplerinin bir sonraki yarışmacının neredeyse iki katı kadar oy aldığını ve seçmenlerin üçte ikisinin küçük yazı tipi boyutlarından şikayetçi olduğunu bildirdi.
Ne yazık ki o günden bugüne hiçbir şey değişmedi. SiteInspire'daki (en iyi tasarımların en iyilerini sergileyen bir web tasarım galerisi) yeni blog tasarımlarının rastgele bir örneği, gövde metni için ortalama yazı tipi boyutunun 12 piksel olduğunu göstermektedir. Bazıları on piksel kadar düşük. Hiçbiri 14 pikselin üzerinde değil. Benzer şekilde, popüler Elegant Themes veya ThemeForest'in tekliflerini rastgele örneklerseniz, her temanın gönderi içeriğini 12 veya 13 piksel olarak ayarladığını göreceksiniz.
Ve elbette, diğer tema yaratıcıları da kodamanların liderliğini takip etme eğilimindedir.
Ancak Information Architects'ten kullanılabilirlik ve tipografi uzmanı Oliver Reichenstein'ın işaret ettiği gibi, tarayıcıların varsayılan olarak görüntülemesi amaçlanan yazı tipi boyutu 16 pikseldir ve büyük değildir . Ortalama bir ekrandaki 16 piksellik metin, yazdırılan 12 puntoluk metinle hemen hemen aynı boyutta görünür. Bu, çoğu dergi ve tüm kelime işlemciler için varsayılan boyuttur, çünkü insanların okumayı en rahat buldukları boyut budur. Pek çok kişi, özellikle de 40 yaşın üzerindeki kişiler, küçük metinleri okumayı çok zor buluyor. Reichenstein'ın gözlemlediği gibi:
Bu kadar bilgiyi ekrana sıkıştırmanın bir anlamı yok. Bu, ekranların gerçekten çok küçük olduğu bir zamana kadar uzanan aptalca kolektif bir hatadır… İlk başta, varsayılan metnin ne kadar büyük olduğuna şaşıracaksınız. Ancak bir gün sonra ana metinde %100 yazı tipi boyutundan daha küçük bir şey görmek istemeyeceksiniz. İlk başta büyük görünüyor, ancak kullandıktan sonra neden tüm tarayıcı üreticilerinin bunu varsayılan metin boyutu olarak seçtiğini hemen anlıyorsunuz.
Açık metin üzerine koyu renk kullanın; tersi iyi değildir
Neyse ki içerik yazarlarının mavi metin üzerine fuşya renginin harika olduğunu düşündüğü günleri çoktan geride bıraktık. Ancak ters yazı olarak bilinen siyah üzerine beyaz metin hala oldukça yaygındır. Diğer bazı koyu renklerin üzerinde beyaz gibi varyantlar da vardır.
Tersine çevrilmiş yazı, yalnızca içeriğinizi okumakla uğraşan kişilerin sayısını değil aynı zamanda içeriği anlamalarını da azaltır. Bunun nedeni gözleri yormasıdır. Ters metne uzun süre bakmak, harflerin bakılamayacak kadar parlak olduğunu hissettiğiniz bir tür "parlama" etkisi yaratma eğilimindedir. Hangi araştırmaya başvurduğunuza bağlı olarak çalışmalar, koyu metin üzerindeki ışığın okuyucu sayınızı %50 ile %400 arasında azalttığını gösteriyor.
Neden bu kadar çok okuyucuyu kaybetme riskiyle karşı karşıya kalıyorsunuz? Beyaz üzerine siyah veya çok koyu gri temiz görünüyor ve bu renkleri kullanan pek çok harika tema var.
Satır genişliği—45 - 75 karakter
İşte pek çok blogun çiğnediği, az bilinen başka bir kural. Gözünüzün bir satırı diğerine kolayca takip edebilmesi için her satırda en fazla 75 karakter olmasını istersiniz. Buna çizgi ölçüsü denir. 75 karakterlik bir ölçünün ötesinde, kaybolmadan bir satırın sonundan diğerinin başına kadar takip etmek zordur.
Öte yandan, 45 karakterden daha az bir ölçüme sahipseniz gözünüz çabuk yorulur çünkü bir satırı okumaya henüz başlamamışken diğerine atlamanız gerekir. Hiç dinlenme şansın olmadığını hissediyorsun.
Bu nedenle ideal gönderi içerik alanınızda yaklaşık 60 karakter uzunluğunda metin satırları bulunmalıdır. Elbette estetiği de hesaba katmak gerekiyor. Pek çok blogda "ideal" ölçü, sağ kenarda büyük bir boşluk bırakır veya metnin küçük bir alana sıkıştırılmış gibi görünmesine neden olur. Tam da bu nedenle kendi web sitemde yaklaşık 70 karakterlik bir ölçü kullanıyorum. Ancak 80 karakteri aşıyorsanız okuyucu sayınızı azaltıyorsunuz demektir; bu garantidir.
Satır yüksekliği—%130 veya daha fazla
Neyse ki bu daha az yaygın bir hatadır. Profesyonel bir tema kullanıyorsanız muhtemelen endişelenmenize gerek yoktur.
Size bir örnek vermek gerekirse, bu paragrafı varsayılan satır yüksekliğinde ayarladım (eski matbaalarda metnin satırlarını ayırmak için kullanılan kurşun şeritlerden sonra satır aralığı da denir). Okumak sıkışık ve itici geliyor ve satırları birinden diğerine takip etmek zor çünkü bunlar birbirine karışıyor.
Öte yandan, bu paragraf %200 satır yüksekliğiyle ayarlanmıştır; bu, kelime işlemcideki çift satır aralığına eşdeğerdir. Eminim buradaki satırların birbirinden çok kopuk olduğunu ve bir araştırma makalesi sunmadığınız sürece bunun gidilecek yol olmadığını kabul edeceksiniz.
Son olarak bu paragrafın satır yüksekliği %150 olacak şekilde ayarlanmıştır. Bu, yazı tipi boyutunun her pikseli için satırlar arasında bir buçuk piksel mesafe olduğu anlamına gelir. Bu, bir blogda kullanacağınız çoğu yazı tipi için oldukça güvenilir bir tatlı nokta olarak ortaya çıkıyor; ancak kendi içeriğiniz için en iyi neyin işe yaradığını görmek için yaklaşık %130 ile %160 arasında deneme yapmaktan çekinmeyin.
Sol kenar boşluğu — onu kırmayın
Bu son ipucu tam olarak bir yazı tipi sorunu değil. Ancak aynı genel kategoriye giriyor. Blogcular yazılarına rutin olarak görseller eklerler. Bunun gerçekten iyi bir fikir olup olmadığı başka bir zamanın konusu; ama şimdilik size sadece bir tavsiye vereyim.
Sol kenar boşluğu kutsaldır. Batı dünyasında bir sayfadaki metni bu şekilde takip ederiz. Bu, çizgilerin (çoğunlukla oldukça farklı uzunluklarda) büyüdüğü “zemin”dir ve sayfayı okurken göz yolumuzu oluşturur.
Ama sol kenar boşluğunu kırarsanız her şey cehenneme döner. Okumaya devam edebilmeniz için gözünüzün yeni kenar boşluğunu yakalamak için etrafı taraması gerekir.
Başka bir deyişle, bir görseli her sola hizaladığınızda okuyucunuzun yoluna bir hız tümseği koyarsınız. Ve görsel olarak baskın imajınızla dikkatini metinden uzaklaştırarak sorunu daha da karmaşık hale getiriyorsunuz. Söylemeye gerek yok, sürekli dikkati dağılan ve sol kenar boşluğunu değiştirmek zorunda kalan okuyucular çoğu zaman bir gönderinin sonuna kadar okumazlar; dolayısıyla genellikle onu paylaşmazlar veya üzerine yorum yapmazlar.
Bonus ipucu: Büyük harfler okuyucu sayısını artırır
"Büyük harfler" derken, gönderinizin ilk kelimesinin ilk harfinin diğerlerinden çok daha büyük olduğu ilk harfleri kastediyorum. Ogilvy & Mather tarafından yürütülen araştırmaya göre bu, bir eserin okurluğunu ortalama %13 artırıyor.
Gömme harfler çoğu blog temasında yerleşik değildir ve bunları web'de yapmak zor olabilir, ancak biraz kodlama yapıyorsanız, bunların nasıl oluşturulacağını anlatan bu eğitime göz atın.
Beş hata: hangilerini yapıyorsunuz?
Şimdi kendi blogunuza dönüp bu beş önemli en iyi uygulamadan hangisini uygulamadığınızı görmenin zamanı geldi. O halde, sabit! Ancak yaptığınız değişiklikleri aşağıdaki yorumlarda paylaşmayı unutmayın!
Bnonn, ilçelerde Bilgi Otobanı olarak biliniyor. Küçük işletmelerin hem metinlerini hem de tasarımlarını geliştirerek çevrimiçi olarak daha fazla satış yapmalarına yardımcı oluyor. Birinin ana sayfasına diz boyu girmediğinde çocuklarına steampunk'ı, Nathan Fillion'u ve bir zombiyi ısırılmadan nasıl yakalayacaklarını öğretiyor.