Kullanıcı Deneyimini Geliştirme Kılavuzu (UX) WordPress Sitesi
Web sitelerini daha iyi kullanıcı deneyimi için optimize etmek kolay değildir, çünkü çoğunlukla gerekli araçlar ve/veya kodlama bilgisi bir düzine dime için gelmez. Ancak web sitesi, kullanıcılarının misafirperverliği nedeniyle pratik olarak bilinen ve sevilen bir platformda yapıldığında, UXO (kullanıcı deneyimini optimize etmek) önemli ölçüde zahmetli değildir. WordPress’te binlerce araç var, birçoğu ücretsizdir, bu da kitlenizi daha iyi anlamanıza (izleme ve analitik), performansı geliştirmenize (görüntülerin ve önbelleklerin eklenti optimizasyonunu) ve test ve iyileştirme (A/B test yazılımı (A/B test yazılımı) Nelio, OptimizePress, vb.). Bu rehber onlarla ilgili değil.
Bu kılavuz, WordPress web sitesinde daha kolay göz ardı edilen ve bu hataları düzeltmenin en iyi yolunu daha kolay göz ardı edilen çeşitli yönlerini detaylandırmıştır. Biz başlayacağız: Güney Kore her işletmedeki her departman, sadece güzel bir altın ortalaması olduğu için atlıkarın/kaydırıcı istiyor. Herkes ürünlerini/kampanyalarını/mesajlarını sayfadaki en görünür alana yerleştirir: Yukarıdaki Paro. Bu nedenle en çok arzu edilen WordPress teması en az bir kaydırıcı eklentisi (genellikle bir devrim kaydırıcısı) paketler. Bu yaklaşımın artılarına ve eksilere bakalım: Güçlü Yönler:
En önemli mesajları tek bir yerde gösterin.
Mesajlar önceliklendirilebilir (en önemlisi ilk slaydı alın)
Tüm ziyaretçileri çekmeli (“herkes için bir şey”)
Tezgah:
Kullanıcılar genellikle slaydın dönmesini beklemez ve şu anda görülen çerçeveye baktıktan sonra Güney Kore’ye atlarlar.
Slayt içeriği, SE için kötü bir haber olan Arama Botu tarafından kolayca taranmaz. Eksilerin üstesinden gelmenin ve UX atlıkarıncının artırılmasının birkaç yolu vardır:
5’ten fazla slayt/çerçeve sayısını deneyin.
Carousel’in navigasyon kontrolünü kullanıcıya verin
Otomatik olarak devam etmeyin.
Bazen en basit çözüm en iyisidir. Lüks bir premium kaydırıcı eklentisine güvenmek yerine, WordPress’te kullanıcı dostu bir atlıkarıncası yapmak için hafif bir JavaScript (JQuery) eklentisini kaygan bir şekilde kullanabilirsiniz. Gelişmiş navigasyon
Başlıktaki ana menü, kenar çubuğundaki ikincil navigasyon ile birleştiğinde, navigasyonunuzun tamamlanmasını ve kullanılabilmesini sağlamanın neredeyse kolay bir yoludur. Ancak binlerce sayfa ile büyük bir web sitesi (özellikle e -ticaret veya büyük ve ağır blog) söz konusu olduğunda, ikincil navigasyon bunu kesmeyecektir.
Grafikler/simgeler gibi kullanıcı arayüzü öğeleri eklendiğinde performansla ilgili sorunlara neden olduğu bilinmektedir.
Kötü içerik hiyerarşisi olan web sitelerinde az çok etkisiz
Mega menü yapmak çok duyarlıdır.
Artıları ve eksileri tartışmadan önce (ve web sitenizde bir mega menüye ihtiyacınız olup olmadığı), içeriğinizi bir bütün olarak kategorize etmeniz gerekir. WordPress taksonomisi bir nedenden dolayı var. Kullanmak.
İçeriğinizin hiyerarşisi oldukça uysal ve organize edildikten sonra, Max Mega Menü, Ubermenu, vb. Gibi WordPress eklentilerini kullanabilirsiniz. Web sitesine bir mega açılır menü eklemek için. Katmanlı navigasyon Ajax gibi wooocommerce uzantısı, fyrochentrician arayüzünü mağazaya ekler. İnanmak istediğiniz gösteri nedir: özel değilsiniz.
Kullanıcılar içerik beklemek istemezler, bu yüzden içerik beklemelerini sağlamazlar, yoksa başka yerlerde ararlar. Sıralamanız bile yavaş bir web sitesinden muzdariptir. Bu, kullanıcı deneyiminde performans optimizasyonu için toplam ihtiyaç sayısıdır. WordPress sitenizin performansını şu şekilde optimize edin: CDN: Küresel kitleler alan ve orta ila yüksek trafiğe sahip web siteleri için uygun seçenekler. Maxcdn ve W3 eklentileri Toplam önbellek, hızlı yükleme cennetinde yapılan uyumluluktur. Önbellek: Yukarıda belirtildiği gibi, W3 Total Cache, ihtiyacınız olan tek önbellek eklentisidir (CDN desteği olmasa bile). Geliştiricilerinize REDIS ve Memacked Optimizasyonu gibi sunucu tarafı çözümlerini sorun: EWWW Image Optimizer Sıkıştırma Görüntüleri (kaliteyi azaltmadan) gibi eklentiler. Ayrıca tema dosyanızda biraz olası CSS ve JS olduğundan emin olun. Stil sayfası ve JavaScript dosyalarını sıkıştırın ve azaltın.
Eklentileri indirirken harici bağımlılığı azaltın, Sprite CSS kullanın ve çok seçici (daha az, daha iyi). Web barındırma sağlayıcınızla bile iletişime geçebilir ve yardım isteyebilirsiniz. Bazen, web ana bilgisayarınız performansla ilgili sorunlar yaratır. Pop-up sermayesi, etkileşim ve dönüşüm adına can sıkıcı değildir. Evet, Pop-up Capital (Kesinti Pazarlama) harika bir dönüşüm aracıdır. Kullanıcılara mesaj koymanıza olanak tanıyan binlerce eklenti var (çoğu sosyal medya eklentisi bu özelliğe sahiptir), ‘kibarca’ sosyal medyada içeriği paylaşmalarını/takip etmelerini/takip etmelerini, abone olmalarını veya kayıt yaptırmalarını hatırlatmanızı, indirim yapabileceğini, indirim yapabileceğini hatırlatmanızı sağlayan, ve ark. Bunda yanlış olan çok şey var … ama yakında tartışacağız. Avantajları:
Dönüşüm oranını artırdığı kanıtlanmış
Tezgah:
Kesme: Ziyaretçiler içerik için burada ve açılır pencere engelliyor.
Açılır pencere, kullanıcının yolculuğuna uymadığı sürece beyaz bir gürültü olarak değerlendirilir (birçok reklam gibi).
Erişilebilirlik için kötü
Bağlamda iyi kullanılan pop -up örnekleri vardır. BrainPickings.org kitlesini anlar ve ‘bağış’ bağlantılarını yalnızca kullanıcılar siteye tekrar tekrar eriştiğinde ve okuma içeriğini bitirdiklerinde teşvik eder. Pop-up Reebok CrossFit’in kötü bir zamanı var, ancak ürün sayfasında abonelik indirimi ile biraz kullanın.
Kaynak: Reebok zamanı geciktirir ve tetikleyiciler iyidir, ancak daha büyük bir resme odaklanmalı ve pop -up’ı isteyen kullanıcılar için ilgili bir şekilde bağlamanız gerekir. Şimdiye kadar, artan dönüşüm daha sıradan künt güçten kaynaklanmaktadır, ancak akıllıca yaparsanız dönüşüm kalitesi ve sonraki beklentiler geliştirilebilir. İlk ziyaretçiden web sitesine abone olmasını istemek size 99/100 kez kaliteli bir olasılık vermeyecektir. Popup için WordPress eklentisini akıllıca kullanmayı deneyin. Bazıları var (Supsystic tarafından pop -up’lar gibi). Onlarla birlikte sadece bir sayfadaki etkileşimlere odaklanmak yerine. Kullanıcı deneyimini geliştirmek için son kayıt, lütfen bu tavsiyeyi biraz tuzla takip ettiğinizden emin olun ve her şeyi test ettiğinizden emin olun (Google Analytics veya Nelio A/B testi veya diğer araçları kullanın: UP sana). Ve kendinizi geliştirmeye devam edeceğiniz için kendinize söz verin. Daha fazla bilgi edinin WordPress eklentileri | WordPress siteniz için 5 hızlı onarım