WordPress sitesinin Kullanıcı Deneyimini (UX) iyileştirme kılavuzu

Bir web sitesini daha iyi bir kullanıcı deneyimi için optimize etmek kolay değildir, çünkü çoğunlukla gerekli araçlar ve/veya kodlama bilgisi bir düzine kuruşa gelmez. Ancak web sitesi, pratik olarak kullanıcı dostu olmasıyla bilinen ve sevilen bir platformda yapıldığında, UXO ( kullanıcı deneyimi optimizasyonu ) önemli ölçüde daha az acı verir.

WordPress'te, kitlenizi daha iyi anlamanıza (izleme ve analiz), performansı artırmanıza (önbelleğe alma ve görüntü optimizasyon eklentileri) ve test edip iyileştirmenize (A/B) yardımcı olan, birçoğu ücretsiz olan binlerce araç vardır. Nelio, OptimizePress, vb. gibi test yazılımları). Bu kılavuz onlar hakkında değil.

Bu kılavuz, bir WordPress web sitesindeki kullanılabilirliğin daha kolay gözden kaçan bazı yönlerini ve bu gözden kaçmaları düzeltmenin en iyi yollarını açıklamaktadır. Şununla başlayacağız:

atlıkarıncalar

Her işteki her departman, güzel bir Altın Ortalama olduğu için atlıkarıncalar/sürgüler ister. Herkes ürününü/kampanyasını/mesajını sayfada en çok görünür olan tek bir alana yerleştirir: Ekranın üst kısmına.

Bu nedenle en çok arzu edilen WordPress temaları, en az bir kaydırıcı eklentisi (genellikle Devrim Kaydırıcısı) içerir. Bu yaklaşımın artılarını ve eksilerini görelim:

Artıları:

• En önemli mesajları tek bir noktada gösterir.
• Mesajlara öncelik verilebilir (en önemlisi ilk slaydı alır)
• Tüm ziyaretçi segmentlerine hitap etmesi gerekiyordu (“herkes için bir şey”)

Eksileri:

• Kullanıcılar genellikle slaytların dönmesini beklemezler ve o anda görünen çerçeveye bir bakış attıktan sonra atlıkarıncayı atlarlar.
• Slaytların içeriği, SEO için kötü bir haber olan arama botları tarafından kolayca taranmaz.

Bu eksileri gidermenin ve carousel UX'i iyileştirmenin yolları vardır:

1. Slayt/çerçeve sayısını en fazla 5 tutun.
2. Kullanıcılara atlıkarınca gezinme kontrolü verin
3. Otomatik İLERİ YAPMAYIN.

Bazen en basit çözüm en iyisidir. Süslü premium kaydırıcı eklentilerine güvenmek yerine, WordPress'te kullanıcı dostu atlıkarıncalar oluşturmak için Slick gibi hafif JavaScript (jQuery) eklentilerini kullanabilirsiniz.

Gelişmiş Navigasyon

Bir kenar çubuğundaki ikincil gezinme ile birleştirilmiş başlıktaki bir ana menü, navigasyonunuzun eksiksiz ve kullanılabilir olmasını sağlamak için neredeyse kusursuz bir yoldur. Ancak konu binlerce sayfadan oluşan devasa web siteleri (özellikle e-ticaret veya büyük, içerik ağırlıklı bloglar) söz konusu olduğunda, tek başına ikincil bir gezinme yeterli olmayacaktır.

Bu yüzden Mega Menülere ihtiyacımız var. Ama bu madalyonun da iki yüzü var.

Artıları:

Tekdüzen Görünürlük: Daha düşük seviyelerdeki içerik/sayfalar mega menüye dahil edilir
Fazladan bir adımdan tasarruf sağlar: Kullanıcılar daha uzaktaki/belirsiz içeriğe daha hızlı ulaşabilir.

Eksileri:

• Grafikler/simgeler gibi UI öğeleri eklendiğinde performansla ilgili sorunlara neden olduğu bilinmektedir.
• Kötü içerik hiyerarşisine sahip bir web sitesinde az çok etkisiz
• Mega menüleri mükemmel şekilde duyarlı hale getirmek zor olabilir

Artıları ve eksileri tartışmadan önce (ve web sitenizde bir mega menüye ihtiyacınız olup olmadığını bile), içeriğinizi tamamen kategorize etmeniz gerekir. WordPress taksonomisinin bir nedeni var. Kullanın.

İçerik hiyerarşinizi yeterince evcilleştirip düzenledikten sonra, web sitesine bir mega açılır menü eklemek için Max Mega Menu, uberMenu vb. WordPress eklentilerini kullanabilirsiniz. Ajax Katmanlı Gezinme gibi WooCommerce uzantıları, mağazaya bir filtreleme arabirimi ekler.

Verim

Neye inanmak isterseniz isteyin: Siz ayrıcalıklı DEĞİLSİNİZ.

Kullanıcılar içerik için beklemek istemezler, bu yüzden onları içerik için bekletmeyin, yoksa başka bir yerde aramaya başlarlar. Sıralamalarınız bile yavaş web sitelerinden zarar görür. Bu, kullanıcı deneyimindeki performans optimizasyonu ihtiyacının toplamıdır.

WordPress web sitenizi aşağıdakilerle performans için optimize edin:

CDN: Küresel bir izleyici kitlesi alan ve orta ila yüksek trafiğe sahip web siteleri için uygun bir seçenek. MaxCDN ve W3 Total Cache eklentisi, hızlı yükleme cennetinde yapılan bir eşleşmedir.

Önbellek: Yukarıda bahsedildiği gibi, W3 Total Cache ihtiyacınız olan tek önbellek eklentisidir (CDN desteği olmasa bile). Ayrıca geliştiricilerinize Redis ve Memcached gibi sunucu tarafı çözümleri hakkında sorular sorun.

Ön Uç Optimizasyonu: EWWW Image Optimizer gibi eklentiler görüntüleri sıkıştırır (kaliteden ödün vermeden). Ayrıca tema dosyalarınızda mümkün olduğunca az satır içi CSS ve JS olduğundan emin olun. Stil sayfalarını ve JavaScript dosyalarını da sıkıştırın ve küçültün.

Dış bağımlılıkları azaltın, CSS spriteları kullanın ve eklentileri indirirken son derece seçici olun (ne kadar az, o kadar iyi). Hatta web barındırma sağlayıcınızla iletişime geçebilir ve yardım isteyebilirsiniz. Bazen web barındırıcınız performansla ilgili sorunlar yaratır.

Modal Açılır Pencereler

Etkileşim ve dönüşümler adına iğrenç olmayın.

Evet, kalıcı pop-up (kesintili pazarlama) harika bir dönüştürme aracıdır. Kelimenin tam anlamıyla orada binlerce eklenti var (çoğu sosyal medya eklentisi şu anda bu özelliğe sahip), kullanıcılara bir mesaj yapıştırmanıza izin veriyor, 'kibarca' onlara sosyal medyadaki içeriği paylaşmalarını/takip etmelerini/beğenmelerini, abone olmalarını veya kaydolmalarını hatırlatıyor. indirimden yararlanın, vb.

Bunda yanlış olan pek çok şey var… ama buna birazdan geleceğiz.

Artıları:

• Dönüşüm oranlarını iyileştirdiği kanıtlanmıştır

Eksileri:

• Dikkat Dağıtıcı: Ziyaretçi içerik için burada ve açılır pencere yolda.
• Pop-up'lar, kullanıcı yolculuğuna tam olarak uymadığı sürece Beyaz Gürültü (pek çok reklam gibi) olarak değerlendirilir.
• Erişilebilirlik için KÖTÜ

Bağlamda güzel bir şekilde kullanılan açılır pencere örnekleri var. BrainPickings.org hedef kitlesini anlar ve yalnızca kullanıcı siteye tekrar tekrar eriştiğinde ve içeriği okumayı bitirdiğinde 'bağışta bulun' bağlantısını tanıtır. Reebok Crossfit pop-up'ının kötü bir zamanlaması var, ancak ürünler sayfasındaki abonelikte indirimle bunu biraz telafi ediyor.

Kaynak: REEBOK

Zaman ve tetik gecikmeleri iyidir, ancak daha büyük resme odaklanmak ve bir açılır pencereyi, onu isteyen kullanıcılarla alakalı olacak şekilde bağlamak da gereklidir.

Şimdiye kadar, dönüşüm artışı daha çok düz künt kuvvet nedeniyle oldu, ancak akıllıca yaptığınızda dönüşümlerin ve sonraki olası satışların kalitesi artırılabilir. İlk kez gelen bir ziyaretçiden bir web sitesine abone olmasını istemek, size 99/100 kez kaliteli potansiyel müşteri kazandırmaz.

Pop-up'lar için WordPress eklentilerini akıllıca kullanmayı deneyin. İyi olan bazıları var (Supsystic'ten Popup'lar gibi). Yalnızca tek bir sayfada etkileşime odaklanmak yerine bunlarla çalışın.

son not

Kullanıcı deneyimini geliştirmek için, bu tavsiyeyi dikkatli bir şekilde uyguladığınızdan ve her şeyi test ettiğinizden emin olun (Google Analytics veya Nelio A/B testi veya başka bir araç kullanın: bu size kalmış).

Ve kendinizi geliştirmeye devam edeceğinize söz verin.

Devamını okuyun WordPress Eklentileri | WordPress Siteniz için 5 Hızlı Düzeltme