2022 İçin En İyi 10 Blog Düzeni Uygulaması — Garip Düzenlerin Kullanıcı Deneyiminizi Mahvetmesine İzin Vermeyin

Akıllı bir kullanıcı deneyimi tasarımcısı, "iyi tasarım görünmezdir" dedi. Başka bir deyişle, siz veya kullanıcılarınız blog düzeninizi veya kullanıcı deneyiminizi fark ediyorsanız, büyük olasılıkla kötü tasarımdır.

Günlük kullandığımız tüm web sitelerini, uygulamaları ve platformları düşünün. Kullanıcı arayüzü ve deneyimi hakkında bilinçli olarak düşünüyor muyuz?

En iyi kullanıcı arayüzü (UI) ve kullanıcı deneyimi (UX), bir Instagram gönderisine yorum yapmak, uzun biçimli bir blog gönderisinde gezinmek veya veri girişi yapmak olsun, hedeflerimizi gerçekleştirmemize engel olmayan arayüzdür. bir web uygulaması.

İyi tasarlanmış bir blog, e-ticaret işletme sahipleri için birçok yönden gereklidir . Örneğin, bir siteye trafik çekerler ve potansiyel müşterilerle güven oluşturmaya yardımcı olurlar. Ayrıca ürün ve hizmetlerin tanıtımına yardımcı olarak daha sonra büyüme fırsatlarına yol açarlar.

Ne yazık ki, garip bir tasarımınız varsa, insanların içeriğinizi okuma olasılığının daha düşük olacağını hemen fark edeceksiniz. Bu, yukarıda bahsedilen iyi şeylerin hiçbirinin gerçekleşmeyeceği anlamına gelir.

"Araç mesajdır." Bu, içeriğinizi nasıl sunduğunuz, içeriğin kalitesi kadar önemli olduğu anlamına gelir.

Blogunuz pazarlama dönüşüm huninizin önemli bir parçası olduğundan, iyi bir UI/UX kesinlikle geri gelen ziyaretçileri ve geliri etkileyecektir.

Bu blog gönderisi, 2022 için kullanıcıları meşgul edecek, daha fazlası için geri gelecek ve blogunuzu başkalarına tavsiye edecek en iyi düzen uygulamalarından bazılarını inceleyecek.

2022'de UX için En İyi 10 Blog Düzeni Uygulaması

Teknoloji - web en iyi uygulamaları dahil - haftalık olarak değişiyor gibi görünüyor. Ve yeni teknolojiyle birlikte içerik tüketmenin yeni, heyecan verici yolları geliyor.

Kullanıcılar artık ister sosyal medya üzerinden ister telefonlarında blogları okuyarak içerikleri kısa aralıklarla tüketmeye alıştı.

Blog düzeniniz bu değişikliklere uyum sağlamalı ve birisi onu nerede veya nasıl tüketiyor olursa olsun okunması kolay olmalıdır.

Optimum UX için blog düzeninizi tasarlarken aklınızda bulundurmanız gereken birkaç ipucu.

1. İpucu: Merkezileştirilmiş bir “Öğrenim Merkezi” Yaklaşımı Kullanın

Belirli bir konu hakkında kapsamlı bir şekilde yazmak, Google'da topikal otorite oluşturmanın ve hedef kitlenize güvenmenin harika bir yoludur.

Ancak, bu içeriği blogunuzda nasıl düzenlediğiniz, içeriğin kendisi kadar önemlidir.

Diyelim ki kar amacı gütmeyen kuruluşlar için bağış toplama hakkında bilmeniz gereken her şeyi yazdınız. Bu harika. Ancak, ilgili içerik etiketlenmemiş, kategorize edilmemiş ve bir sürü başka konu arasında serpiştirilmişse, bunun kar amacı gütmeyen bir müşteri adayı için ne faydası var?

Bu, belirli bir konudaki tüm içeriğinizi tek seferde tüketmek isteyen kullanıcılar için ideal değildir. Bu konudaki her şeyin tek bir yerde organize edildiği kümülatif bir yaklaşıma sahip olmak çok daha iyidir - buna “öğrenme merkezi” yaklaşımı diyoruz.

Bu yaklaşım, etkileşimi artırmanın mükemmel bir yoludur. Kullanıcıların, web sitenizin her yerinde bir çöpçü avına çıkmadan belirli bir konuda sahip olduğunuz tüm içeriği kolayca bulmasını ve tüketmesini sağlar. Ayrıca, diğer içerik parçalarını çapraz tanıtmanıza ve sitenizde geçirilen süreyi artırmanıza olanak tanır.

Ek olarak, öğrenim merkezi yaklaşımı, oturum başına sayfa sayınızı büyük olasılıkla artıracaktır.

Bu pratikte neye benziyor? İyi örnekler için MatterApp'ın bloguna göz atabilirsiniz. İşyeri ekiplerine övgü ve geri bildirim sağlayan bir uygulamaya sahip olan şirket, sütun ve küme içeriğini tek bir sayfada altı kategori altında topladı. Sayfa, bir kullanıcının ürünleri hakkında daha fazla bilgi edinmek için araştırma yapması gereken her şeyi içerir.

2. İpucu: “Yapışkan” Öğelerden Yararlanın

İnsanlar tembeldir. Bu nedenle, tasarımın temel ilkelerinden biri, kullanıcının mümkün olduğunca az çalışmasını sağlarken en fazla değeri katmaktır.

"Yapışkan" sayfa öğelerini kullanmak, bunu kolaylaştırmanın ve blogunuzdaki etkileşimi artırmanın en iyi yollarından biridir.

Kullanıcılar aşağı kaydırdıkça yapışkan öğeler ekranda görünür durumda kalır. Bu, kullanıcının sayfanın en üstüne geri kaydırmak zorunda kalmadan her zaman erişilebilir oldukları anlamına gelir.

Örneğin, e-posta listenize kaydolmak için bir harekete geçirici mesajınız varsa, yapışkan bir öğe kullanmak listenin her zaman görünür ve kolay erişilebilir olmasını sağlayacaktır.

Bunun bir örneğini HubSpot'un blogunda görebilirsiniz . Şirket, ekranın sağ alt köşesinde, kullanıcıları e-posta listelerine kaydolmaya teşvik eden yapışkan bir harekete geçirici mesaj kullanıyor.

Yapışkan öğeleri, aşağıdakiler gibi çeşitli başka amaçlar için kullanabilirsiniz:

• Sosyal medya düğmeleri
• Gezinme menüleri
• Arama çubukları
• Canlı sohbet widget'ları

Moderasyon burada anahtardır. Çok fazla yapışkan öğe, sayfayı bunaltıcı ve karmaşık hale getirebilir ve bu da sonuçta kullanıcı deneyiminden olumsuz etkilenecektir.

3. İpucu: Kovalamacayı Kesin

Blogunuza trafik çekmek ve Google'da iyi bir sıralama elde etmek için uzun biçimli içeriğe sahip olmak çok önemlidir. Bununla birlikte, çoğu okuyucu hızlı yanıtlar ister ve ürünlerinizin veya hizmetlerinizin erdemleri hakkında durmadan konuştuğunuzu duymak istemez.

Örneğin, kullanıcılarınız yalnızca "blog yazmak nedir" sorusunun yanıtını istiyorsa, sorgusu için arama sonuçlarının çoğu uzun ve kapsamlı kılavuzları okumayı içerir. Kılavuzlar soruları yanıtlasa da, kullanıcınızın tanımı bulmak için uzun içeriği gözden geçirmesi gerekecektir.

Başka bir örnek, malzemelere ve tarif adımlarına ulaşmak için Pinterest'teki uzun bir blog gönderisinde gezinmek. Sizi doğrudan tarife yönlendiren bağlantıları kullanan mutfak uzmanlarına çok şükür, değil mi?

Bu örnekler inkar edilemez derecede zaman alıcıdır ve çoğu kullanıcı için sinir bozucudur, bu da kötü bir kullanıcı deneyiminin özüdür. Bunun yerine, kovalamayı kesmek için makale hızlı özet kutularını kullanın.

Tüm makalenin özetini içeren küçük kutulara sahip olmak kullanışlıdır ve kullanıcılarınızın veya okuyucularınızın zamanından tasarruf etmenin harika bir yoludur. Özet kutuları, içeriği herhangi bir yere sığdırmak için ayarlanabilir olsa da, bunları makalenin başına yerleştirmek, okuyucular için cevabı veya içeriği detaylandırmanın mükemmel bir yoludur.

Bir bonus olarak, kullanıcıların sorularını açık ve net bir şekilde yanıtlamak, Google'ın sizi, bir kullanıcının sorusunun yanıtını vurgulayan bir Google SERP'deki en iyi sonuç olan gıpta edilen "özellikli snippet" sonucuna yerleştirme olasılığını artıracaktır.

4. İpucu: Bir Blog Kartı Tasarımını Kullanın

Blogunuzu taze tutmak için muhtemelen birçok makale yazıyorsunuz - aferin! Aynen böyle devam.

Ancak bu, özellikle ana blog sayfanızda tüm yeni gönderilerinizi bir kerede vurgulamaya çalıştığınızda, hızlı bir şekilde görsel dağınıklığa yol açabilir.

Peki, kullanıcıyı bunaltmadan ana blog sayfanızda gönderileri öne çıkarmanın en iyi dengesi nedir? Blog küçük resimleri ve makale bağlantıları ne kadar büyük veya küçük olmalıdır?

Bu sorunun kesin bir cevabı yok, ama en azından en etkili yaklaşımın “blog kartı” düzeni olduğunu biliyoruz. Spesifiklere gelince, saygın yayın sitelerinin uygulamalarını incelemenizi ve çoğaltmanızı öneririz.

Medium.com bu formatın mükemmel bir örneğini sunar.

Aşağıdakiler de dahil olmak üzere bir blog kartı tasarımı kullanmanın birçok avantajı vardır:

• Taramaları ve sindirmeleri kolaydır.
• Önemli bilgileri kolayca tanımamızı, hatırlamamızı ve okumamızı sağlarlar.
• Kullanıcıyı bunaltmadan çok fazla bilgi eklemenize izin verirler.
• Kolayca yeniden düzenlenebilir ve yeniden sıralanabilirler, bu da duyarlı tasarım için harikadır.
• Bol miktarda boşluk sağlayarak görsel olarak çekici ve gezinmeyi kolaylaştırırlar.

Ancak mizanpajlar, en önemsiz ve en önemli öğeleri net bir şekilde ayırt edebilmek için farklı yazı tipi boyutlarına ve resimlere sahip olmalıdır. Bu taktik, tasarımı okuyucular için daha okunaklı hale getirir.

Ayrıca aşağıdaki unsurları kart tasarımına dahil edebilirsiniz.

• Özellikli resim
• Blog yazarı (resim)
• Kategori
• Blog başlığı
• Sosyal paylaşım bağlantıları
• Posta tarihi
• Blogdan alıntı
• Devamını Oku düğmesi

Bu listeyi aklımızda tutarak, Medium'un Ana Sayfasına bakalım:

Her bir "karta" ve ilgili tüm bilgilere dikkat edin. Hemen hemen tüm blog gönderileri en azından aşağıdakilere sahiptir:

• Blog başlığı
• Özellikli resim
• Blog yazarı
• Blog yazarı resmi
• Yayın tarihi
• Okuma zamanı
• Gönderiyi daha sonra kullanmak üzere yer imlerine ekleme yeteneği

Muhtemelen tüm bu unsurları daha önce hiç fark etmedin, değil mi? Yine de, muhtemelen onların varlığını takdir edersiniz. Bu, harika tasarımın görünmez olmasının mükemmel bir örneği.

Ayrıca, Impact'teki gelen pazarlama uzmanlarının makaleleri blog kartı düzeninde düzenlemek için önerdiği en iyi uygulamalardan biri, onları iki veya üç sütuna yerleştirmeyi içerir.

Bu, sunduğunuz bilgilere bağlıdır, ancak genel olarak, aynı anda kaç gönderinin görüldüğünü en üst düzeye çıkarır.

İpucu # 5: Okuma Süresini Dahil Edin

İçerik oluştururken, insanların etrafta dolaşmasını ve okumasını istersiniz. Ancak okuyucularınız zamanlarının olmadığını düşünüyorsa, muhtemelen devam edeceklerdir. Bu yüzden yapabileceğiniz en iyi şeylerden biri onlara makalenizin tam olarak ne kadar sürede okunacağını söylemektir.

Bu taktik, özellikle hedef kitleniz sürekli hareket halinde olan meşgul insanlardan oluşuyorsa önemlidir. Onlara tahmini bir okuma süresi vererek, okuyucuya kısa sürede sindirilmesi kolay içerik için onları geri getirme olasılığı daha yüksek olan, zamanında taahhüt veren bir strateji uyguladınız.

Bu nedenle, insanların etrafta dolaşıp içeriğinizi okumasını istiyorsanız, onlara tam olarak ne kadar süreceğini söyleyin. Bu basit hareket, etkileşimi artıracak ve insanları sitenizde daha uzun süre tutacaktır.

İpucu #6: Boşluğu Avantajınız İçin Kullanın

Negatif boşluk olarak da bilinen boşluk, bir sayfadaki öğelerin etrafındaki boşluktur. Okuyucunun görsel ilgisini çekmek ve belirli içeriğe dikkat çekmek için mizanpajınızda boşluk kullanmak önemlidir.

Doğru boşluk dengesini bulmak, iyi tasarlanmış bir düzen oluşturmak için çok önemlidir. Çok az boşluk, bir sayfayı sıkışık ve meşgul hissettirebilir ve bu da kullanıcılar için bunaltıcı olabilir. Öte yandan, çok fazla boşluk, bir sayfanın bitmemiş veya profesyonelce olmamasına neden olabilir.

Örneğin, TikTok çok fazla beyaz alan kullanır. Kullandıkları miktar bir işletme web sitesinde saçma görünebilir, ancak tüm dikkatleri sayfadaki videoya yönlendirmek için mükemmeldir.

Genel olarak, çok az boşluk kullanmaktansa çok fazla boşluk kullanmaktan yana hata yapmak en iyisidir. Bu, gözleri yormayan temiz ve ferah bir görünüm yaratmaya yardımcı olacaktır.

Bu nedenle, blog düzenleri söz konusu olduğunda, boşluk sizin arkadaşınızdır. Belirli içeriğe dikkat çekmeye ve düzeninizi görsel olarak daha çekici hale getirmeye yardımcı olabilir.

İpucu # 7: Karmaşık Kenar Çubukları Olmasın

Bu, birçok blog yazarının yaptığı yaygın bir hatadır. Kenar çubuklarını sosyal medya simgeleri, tercihler, reklamlar ve diğer rastgele çöplerle doldururlar.

Bu uygulama yalnızca her şeyin kötü görünmesini sağlamakla kalmaz, aynı zamanda ziyaretçiler için kafa karıştırıcı ve bunaltıcı olabilir.

Ayrıca, bilgilendirici, güven oluşturucu içeriğin tüm amacını ortadan kaldırarak, müşterilerinize değer katmaktan çok bir şeyler satmayı önemsediğiniz izlenimini verir.

Kenar çubuğunuza önemsiz bir çekmece gibi davranmayın. Bunun yerine, sosyal medya simgeleri ve tercihler gibi temel unsurlara bağlı kalın. Bu, gezinmesi kolay ve kullanıcı deneyimini iyileştiren daha akıcı bir görünüm oluşturmaya yardımcı olacaktır.

İpucu # 8: Tipografiyi Akıllıca Kullanın

Tipografi, meraklılar için metnin fiziksel veya dijital bir sayfada nasıl göründüğüdür. Ayrıca, yazılı biçimi okunaklı ve görüntülendiğinde çekici hale getirmek için yazı tipini değiştirmeyi de içerir.

Bu düzenleme tipik olarak satır ve sözcük uzunluğu, boşluk vb. gibi tasarım öğelerini veya nokta boyutunu almayı ve bunları göze hoş gelen ve daha sindirilebilir hale getirmek için eklemeyi veya değiştirmeyi içerir.

Daha iyi etki için, düzeninizde tipografiyi akıllıca kullanmak çok önemlidir. Görsel ilgi yaratır ve yaptığınız zaman belirli içeriğe dikkat çekersiniz.

Örneğin, başlıklar için her zaman daha büyük yazı tiplerini ve gövde metni için daha küçük yazı tiplerini kullanmak isteyeceksiniz. Veya başlıklar için tamamen farklı bir yazı tipi kullanmak isteyebilirsiniz.

İdeal olarak, 17px ile 21px arasındaki yazı tipi boyutları dijital okuyucular için doğru kabul edilir. Bazı yazı tipi boyutları doğal olarak diğerlerine göre daha büyüktür.

Ayrıca, bir sayfada kullandığınız yazı tipi sayısını en fazla üç ile sınırlamak iyi bir yöntemdir. Örneğin:

1. Gönderilerdeki başlık için ilk yazı tipi stilini kullanın.
2. Kenar çubuklarının başlıkları için ikinci yazı tipi stilini kullanın.
3. Gönderinin gövdesi için üçüncü yazı tipi stilini kullanın.

Ve son bir ipucu, yazı tiplerinizin web için güvenli olduğundan emin olun. Aksi takdirde, bazı cihazlara yüklenmeyebilirler. Google Fonts, ücretsiz bir web fontları deposudur ve her zaman güvenli bir bahistir.

İpucu #9: İlgili Makaleleri Dahil Edin

İnsanların içeriğinizi okumasını sağlamanın bir başka yolu da ilgili makaleleri mizanpajınıza dahil etmektir.

İlgili makaleler, konu veya konu bakımından benzer olan diğer blog gönderilerine (dahili ve harici) bağlantılardır. Bu bağlantıları ekleyerek, insanların daha uzun süre içeriğinizi okumasını ve okumasını sağlayabilirsiniz.

İlgili makaleleri bulmak için Yoast SEO gibi bir eklenti kullanabilirsiniz. Bu eklenti, blog yayınınızı analiz edecek ve eklemeniz için ilgili makaleler önerecektir.

Veya Google'a gidip "[konu anahtar kelimesi] site:[siteniz.com]" için arama yaparak manuel arama yapabilirsiniz. Google sitenizi dizine eklediği sürece, sitenizde o anahtar kelimeyi içeren tüm sayfaları ve yayınları ortaya çıkaracaktır.

Örneğin, blog konusunda yazdığımız tüm sayfaları görmek isteseydik, Google'a şu aramayı girerdim: “bloglama sitesi:skuvault.com.”

Ortaya çıkan sayfalar, muhtemelen ara bağlantı için harika adaylardır.

İpucu # 10: Yüksek Kaliteli Görüntüler Kullanın

Blog düzeninizde yüksek kaliteli, sevimsiz olmayan resimler kullanmak çok önemlidir. Bunun nedeni, insanların metinden çok resimlerle meşgul olma eğiliminde olan görsel yaratıklar olmalarıdır.

Aslında, araştırmalar, bir görüntünün yanında sunulduğunda insanların bilgileri hatırlama olasılıklarının daha yüksek olduğunu göstermiştir.

Bu nedenle, blog gönderileriniz için görseller seçerken, bunların yüksek kaliteli ve eldeki konuyla alakalı olduklarından emin olun.

Genel stok fotoğraflarından kaçınmak için elinizden gelenin en iyisini yapın. Bazen bu, daha özelleştirilmiş görünmesi için mevcut bir fotoğrafta bazı düzenlemeler yapmak kadar basittir.

Şık, ücretsiz stok fotoğrafları bulmak için harika bir yer Pexels .

Blog UX'inizin Seviyesini Yükseltmenin Diğer Yolları

Listelediğimiz on ipucunun yanı sıra, blogunuzun UX/UI'sini iyileştirmenin başka yolları da şunlardır:

• Taranabilir bir tasarım seçin : Blog yazmak, kitap veya akademik makale yazmaktan çok farklıdır. Kısa ve kesin bölümler yazarak, uzun paragraflardan kaçınarak, metni başlıklar ve ilgili resimlerle bölerek ve alt başlıklar ve başlıklar kullanarak bölümleri düzenleyerek blog düzenini taranabilir hale getirebilirsiniz.
• Düzeninizi markalayın : Markalaşma, başarılı bir işletmeyi pazarlamanın anahtarıdır ve blog düzeniniz için de aynı şekilde çalışır. Oluşturduğunuz blog, markanızın hissini ve görünümünü yansıtmalıdır. Bu, ana sayfanızın basit bir teması veya tasarımı varsa, bunu blog düzeniniz için aynı tutmanın iyi bir fikir olduğu anlamına gelir.
• Dikey hizalamayı kullanın : Kötü tasarlanmış öğeler ağrılı bir başparmak gibi dışarı çıkar. Örneğin, resimler ve metin sütunun geri kalanından farklı göründüğünde, dikkati dağıtır ve profesyonellikten uzak görünür. Ayrıca görsel devamlılık için paragraflar ve fotoğraflar aynı genişlikte olmalıdır.
• Bir arama çubuğu ekleyin : Sitenizde çok fazla içerik varsa, insanların aradıklarını bulması zor olabilir. Blog düzeninize bir arama çubuğu eklemek önemlidir. Bu sayede insanlar aradıkları bilgiyi hızlı ve kolay bir şekilde bulabilirler.
• İçeriğinizin yazarlarını vurgulayın : Blogunuzda birden fazla yazar varsa, adlarını vurgulamanız ve gönderilerinin yanına yüksek kaliteli bir fotoğraf eklemeniz önemlidir. Bu yaklaşım her şeyi insancıllaştırır ve okuyucularınızla güven oluşturmaya yardımcı olur. Aynı yazara ait diğer içerikleri bulmalarını da kolaylaştırır ve Google'ın EAT'nizi (uzmanlık, yetki, güven) belirlemesine yardımcı olur.
• Sitenizi mobil uyumlu hale getirin: Yıl 2022. Blog düzeninizin mobil uyumlu olduğundan emin olmak pazarlık konusu olamaz. Neyse ki, saygın sağlayıcıların (WordPress, Squarespace, Shopify) tüm modern blog düzenleri, kutudan çıkar çıkmaz mobil dostu bir düzen içerir. Mobil uyumlu bir düzeniniz yoksa, bu yazının kapsamını aşan sorunlarınız var.

İşte aldın! Okuyucuların daha fazlası için geri gelmesini sağlayan harika bir blog düzeni oluşturmak için bu ipuçlarını kullanın.

Envanter Kontrolünü Unutmayın

Tavsiyemizi dikkate alır ve bu UX ipuçlarını uygularsanız, okuyucu sayısında, trafikte ve satışta ani bir artışa hazırlanın (hoş geldiniz!).

Bir e-ticaret mağazasıysanız, bu büyümeyi yönetmek için iyi bir envanter sistemine ihtiyacınız olacak.

SkuVault, her şekil ve büyüklükteki işletmenin envanter kontrolüyle ilgili sıkıcı işleri optimize etmesine ve düzene koymasına yardımcı olmak için var.

İşletme sahipleriyle birlikte, kârlarını büyütmelerine (ve akıl sağlığını korumalarına) yardımcı olmak için sunduğumuz belirli yöntemler hakkında daha fazla bilgi için burayı tıklayın .