Bilmeniz Gereken Üç WordPress Web Sitesi Tasarım Trendi

Yayınlanan: 2022-06-30

2011'den bu yana ne kadar değiştiğini bir düşünün. Kaç tane web sitesi tasarım trendi ve yeni teknoloji gözden düştü? Kaç yeni cihaz piyasaya çıktı? Kaç yeni trend ortaya çıktı ve popülerlik kazandı?

WordPress'in web ile birlikte gelişmesi şaşırtıcı değil. Bugünün WordPress'i, beş yıl önceki WordPress'ten çok farklı bir canavar ve 2003'ün WordPress'ine kıyasla sınırda tanınmaz. Ama bu iyi bir şey.

Sonuçta, web'deki tek sabit değişimdir. Bir tasarımcı olarak, bunu herkesten daha iyi bilirsiniz - tıpkı hem değişen hem de gelecekte neyin değişeceği konusunda bilgi sahibi olmanın sizin işiniz olduğunu bildiğiniz gibi. Neyse ki, nereye bakacağınızı biliyorsanız, bu zor değil.

Sizi aradım - işte bu yıl WordPress tasarım dünyasını (ve daha büyük web'i) etkileyen ve tümü mobilite ile yakından ilgili olan en belirgin ve temel trendlerden bazıları.

Sayfasız Tasarım Hakim Olmaya Devam Edecek

İlk olarak 2014'te web'e giren tek sayfalı web siteleri, kaçak bir yük treni oranında popülerlik kazanıyor. Özellikle küçük işletmeler, tasarım ajansları ve ürün siteleri için çok uygun olan bu "açılış sayfası" web siteleri, hem potansiyel müşteri yakalama hem de hikaye anlatımı için idealdir. Bunu akılda tutarak, tek sayfalık WordPress temalarının da çok fazla yer kazanması şaşırtıcı değil.

Ama bu eğilimi tam olarak ne yönlendiriyor? 'Sayfasız' web siteleri neden şimdi bu kadar öne çıkıyor? Ve kendi sitenizin buna uyması gerekip gerekmediğini nasıl anlarsınız?

Digital Telepathy'den Chuck Longanecker, "Geleneksel web sitelerinde aynı derecede önemli sorunların bir listesi var" diye açıklıyor. “Kokteyl partisinde, dinleyen kişiye herhangi bir ilgi duymadan, kulaklarına varan herkese kendi kendini yücelten bir bilgi telaşı gevezelik eden motor ağızlar… Hızlı bağlantılar ve mobil uygulamalarda uzun kaydırma deneyimlerine alışmış bir izleyici kitlesi, sayfasız tasarım akışın tadını çıkarabilmeleri ve amaçlarını tamamlayabilmeleri için ziyaretçinin önünden çekilir.”

Başka bir deyişle, mobil cihazlar izleyicilerimizin tarama alışkanlıklarını değiştirdi. Bir tasarımcı olarak, onların yeni alışkanlıklarını - basit, akıcı bir web sitesi beklentileri, telefonlarında veya tabletlerinde gezinme eğilimlerini ve kolayca sindirilebilir içerik isteklerini - hesaba katmanız gerekir.

Bu pazar değişiminin daha beklenmedik bir yan etkisi daha oldu: son birkaç yılda çok amaçlı temalar patladı. Zengin özelliklere sahip ve kurulumu kolay bu temalar, web sitesi sahiplerinin sayfalarını mobil cihazlar, masaüstü bilgisayarlar ve bunun ötesindeki her şey için kolayca özelleştirmesine olanak tanır. Geleceğe hazırlar ve hala oldukça işlevsel olan iyi tasarlanmış web sitelerinin oluşturulmasına izin veriyorlar.

Daha Fazla Resim, Daha Fazla Tipografi, Daha Fazla Paralaks

Sayfasız tasarıma geçişle yakından ilgili olarak, web siteleri tipografi, görüntü ve paralaks kaydırmaya giderek daha fazla odaklanıyor. Minimalizm buradaki kalenin kralıdır ve bir sayfanın mesajını iletmeye devam ederken kullanıcıya ne kadar az görsel öğe atabilirse o kadar iyidir. Bir sitenin daha keskin görünmesine yardımcı olmakla kalmaz, aynı zamanda yükleme sürelerini önemli ölçüde azaltır.

Tipografiye gelince, minimalizme geçişle birlikte site sahipleri, yayıncılar ve kullanıcılar, ziyaret ettikleri sitelerde daha temiz tasarımlar beklemeye başladılar. Bunun anahtarının bir kısmı, daha iyi görünen, daha iyi sunulan metin sağlamakta yatmaktadır. Google Fonts ve Adobe Typekit gibi araçlar da işlerin yolunda gitmesine yardımcı olmak için çok şey yaptı ve daha iyi, daha profesyonel görünen metinlerle web siteleri oluşturmayı çok daha kolay hale getirdi.

Son olarak, her zaman çok zevk aldığım paralaks kaydırma, son zamanlarda çok seviliyor. Deneyimsiz olanlar için nasıl çalıştığı oldukça basittir: sitenizi arka planın ön plandan (eğer varsa) daha yavaş hareket etmesi için yapılandırmanız yeterlidir. Bu, yalnızca alan derinliği yanılsaması yaratmakla kalmaz, aynı zamanda tek sayfalık web sitelerine biraz fazladan parıltı vermenin harika bir yoludur.

Mikro Etkileşimler Hakkında Çok Şey

Durup düşünürseniz, mobil uygulamalar son kullanıcıyı biraz şımarttı. En iyi tasarlanmış olanlar, mikro etkileşimler olarak bilinen özelliklerle doludur: bir ziyaretçiye sitenizle nasıl etkileşim kurduklarına bağlı olarak verilen küçük bitler ve geri bildirim parçaları. Kabul, bu kavram özellikle yeni değil. 2013'te Foster of Mysterious Pants, onlara baloncuklu naylon etkileşimler olarak değindi. Bunun nedeni, tatmin edici olmaları ve işleri daha içgüdüsel hale getirerek kullanıcı deneyimini büyük ölçüde geliştirmeleridir.

Sizin için bu, özellikle mobil cihazlara toptan geçiş göz önüne alındığında, mikro etkileşimler ve bunları sitenize nasıl dahil edeceğinizi öğrenmeniz gerektiği anlamına gelir.

Web Designer Depot'tan Dmytro Svarytsevych, "UX'te önemli olan, kullanıcılarla nasıl ilgilendiğiniz ve ürünü [bu durumda web siteniz] kullanırken onların nasıl hissettikleri" diyor. "Mikro etkileşimler, kullanıcılara gerekli geri bildirimi ve devam eden süreçlerin anlaşılmasını sağlayarak, arkasındaki mantık ne kadar karmaşık olursa olsun bir arayüzü ulaşılabilir hale getirir."
Creative Bloq'a göre sitenize nasıl mikro etkileşim ekleyebileceğiniz aşağıda açıklanmıştır:

  • Tetiği bilin: Mikro etkileşimi başlatmak için gerçekleşen şey budur. Bir kullanıcının sitenize ilk kez giriş yapmasından, bir makaleye yorum yapmasına veya bir ürün satın almasına kadar her şey olabilir. En iyi tetikleyiciler, sistemin bir kullanıcının davranışını gözlemlediği ve bunu bağlam için kullandığı tetikleyicilerdir - ör. onlara sitenize geldiklerinde sık ziyaret ettikleri bir sayfa sağlamak.
  • Kurallar belirleyin: 'Kurallar' burada biraz yanlış bir adlandırma olabilir. Esasen, belirli bir mikro etkileşimin nasıl çalıştığını - ne olabileceğini, ne olması gerektiğini ve neyin olamayacağını veya olmayacağını belirleyen kılavuzlardır. Örneğin, bir e-ticaret sitesi, yanlışlıkla aynı ürünü sepetinize iki kez eklerseniz sizi uyarabilir.
  • Geri bildirimi belirleyin: Kullanıcıya hangi geri bildirimi sağlayacaksınız? Sitenizdeki deneyimlerini nasıl geliştireceksiniz?
  • Mikro etkileşimin ne kadar sürdüğünü hesaplayın: Mikro etkileşiminiz kullanıcı girişi olmadan otomatik olarak sona eriyor mu? Her kullanıldığında nasıl değişir?

Creative Bloq, "Geri bildirim, mikro etkileşiminize bir kişilik kaplaması eklemenin yeridir" diyor. "Bazen biraz mizah veya üstünlük çok işe yarayabilir ve özellikle de bir hata mesajı veya bir şeyin yüklenmesi uzun zaman aldığında sinir bozucu olabilen durumlarda takdir edilir."

Web Sitesi Tasarım Trendlerinin Zirvesinde Kalmak

WordPress, web ile yan yana sürekli olarak gelişmektedir. Bu evrime hazırlıksız yakalanmanıza gerek yok. En son trendleri takip ederek, bu trendler sonunda gerçeğe dönüştüğünde, çağın çok ilerisinde olduğunuzdan emin olabilirsiniz.