Kaydırıcılar ve karuseller birkaç yıl önce bir tasarım trendiydi. Bugün kendilerine sunmayan bir blog bulmak giderek zorlaşacak.

Ama bir şeyler değişti. Tasarımcılar ve geliştiriciler, statik görüntüleme için kaydırıcılardan uzaklaşmaya başladı. Minimalist tasarımlara ve uzun kaydırmalı web sitelerine olan ilgi arttıkça, kayan afişler, algılanan bir dikkat dağıtıcı ve süper basit tasarım için bir tehdit haline geldi.

Tasarımcılar bir web sitesine hareket uygulamayı seçmiş olsaydı, bu hareket paralaks kaydırma, animasyonlu simgeler veya bir video oynatıcıda olurdu.

Yine de, kaydırıcıların ve atlıkarıncaların doğru kullanıldıklarında kullanıcı katılımını artırmaya yardımcı olan etkili tasarım öğeleri olduğunu savunan birkaç tasarımcı var. Bugün bu argümanın geçerliliğini keşfedeceğiz ve size kullanıcı etkileşimini sağlamak için kullanabileceğiniz ipuçları ve araçlar vereceğiz. WordPress blog.

gerçekten bunlara kullanmalı mıyım?

Şu anda basitlik arayan birçok tasarımcı için, dönen içeriğin ideal bir şekilde nasıl yerleştirilebileceğini anlamaları zor olabilir.

karuselleri veya olmasın kullanımı

dezavantajları

İşte karuselleri en yaygın argümanlar şunlardır:

  • Yavaş yükleme: Kaydırıcı ve karusel eklemek, bir web sitesinin yükleme süresini yavaşlatır ve bu da ziyaretçileri kapatabilir.
  • için kötü SEO : Çok fazla içerik tek bir kaydırıcıya sıkıştırıldığından, tüm bu içerik için sayfayı ve SEO'yu optimize etmek zordur.
  • Gereksiz oyalama: Rotasyon kaydırıcılar ziyaretçiler etrafında içeriği dikkati tutar.
  • Kullanması zor: Birden çok slayt, ziyaretçilere takip etmek için çok fazla seçenek sunar ve genellikle çok fazla çaba gerektirir, bu da aradıkları verilere erişmeyi zorlaştırır.
  • Kesintiler UX: İçeriğin hızlı bir şekilde dikey kaydırılmasını tercih eden ziyaretçiler için kaydırıcılar, her birini beklemeleri ve beklemeleri gerektiği için sabrını etkileyebilir slayt "Kaydırır.
  • Zayıf tıklama oranı: Bazı araştırmalara göre, kaydırıcılar aradığı etkileşimde (tıklamalar) etkisizdir. Ziyaretçiler bir veya belki birkaç slaytı okumakla ilgilenebilir, ancak çoğu hiçbir işlem yapmaz.
  • çirkin : Birçok tasarımcı bunu düşünüyor " sürgü » ve atlıkarıncalar özellikle alışıldığında çirkindir desteklemek ileriye dönük reklam görselleri ve mesajları.

faydaları

Şimdi kaydırıcı destekçilerinin argümanlarına bir göz atalım:

  • Yer tasarrufu : Carousels küçük bir alanda çok fazla bilgi görüntüleyebilir.
  • Dağınıklığı azalt : Bazı siteler için farklı ürünleri, örnekleri, ekip üyelerini ve daha fazlasını sergilemek önemlidir. Kaydırıcılar, mobil kullanıcıların yaşadığı karmaşayı azaltabilir.
  • Dikkat çekiyor Kaydırıcıya hareket eklemek, ziyaretçilerin dikkatini çekmeye yardımcı olabilir.
  • Sağlanan fırsatlar : Bazı web sitelerinde farklı açılardan vurgulanması gereken bir ürün veya hizmet vardır. Bu duruma iyi bir örnek, mobil cihazlarının bir dizi görüntüsünü farklı perspektiflerden görüntülemek isteyen bir telefon perakendecisidir.

Blogunuza sürgü / atlıkarınca eklemenize yardımcı olacak 6 yöntemleri

Web siteniz düzgün çalışacak şekilde tasarlanmıştır. İmleç karşıtlarının endişelerinin çoğunun geçerli olmasının nedeni budur. Bir müşteriyi gerçekten istediği için yatıştırmak amacıyla veya onu iyi kullanmak için ipuçlarını ve araçları araştırmaya zaman ayırmadığınız için bir kaydırıcı kullanıyorsanız, web sitenizin performansını riske atabilir.

Kullanıcı katılımı aradığınız şeyse, geliştirme sırasında kullanıcı deneyimi her zaman aklınızda olmalıdır. Bu nedenle, web sitenize bir kaydırıcı eklerken aşağıdaki ipuçlarını aklınızda bulundurun:

# 1: yatırımı maksimize

"Kaydırıcılar" vurgulandığında, çoğu tasarımcının şu anda önemli resimleri yerleştirdiği ana sayfanın en üstünde yer alırlar. Bir WordPress geliştiricisi olarak, sitenin kayan içeriği iyi kullanma potansiyeline sahip başka alanları olduğunu biliyorsunuz.

WPmudev kaydırıcı öğretici

# 2: Boyutunu düşün

Tam genişlikte bir kaydırıcı eklemeniz gerekiyor mu yoksa gereksiz yer kaplar mı? Optimum boyutunun ne olacağını belirlemek için her zaman kaydırıcının amacını, içindeki görüntülerin boyutunu ve bir sayfadaki diğer öğelerle oluşturabileceği dengeyi göz önünde bulundurun.

# 3: En kaydırıcılar önemli bir içeriği kullanın

Ziyaretçileriniz kendileri için değerli olan içeriği görmek ister. Kaydırıcınızda kullanılan görüntülerin ve içeriğin sitenizin misyonunu güçlendirdiğinden ve ziyaretçileri sitenin tamamını görmeye motive ettiğinden emin olun.

Sürgü Örnek WPMUDEV

# 4: Yüksek çözünürlüklü görüntüler seçin

Genel olarak, web sitenizde düşük çözünürlüklü veya düşük kaliteli resimler kullanmak kötü bir uygulamadır. Aynısı bir "kaydırıcı" veya bir atlı karınca için de geçerli olmalıdır, çünkü özellikle bu öğelerin etkisi içlerindeki fotoğraflara bağlıdır.

# 5: Metni minimumda tut

Sürgü ve karuseller görüntüleri göstermek için harika, ancak metin bu deneyimi baltalayabilir. Aşırı yüklenmiş görüntüler, üzerlerinde bulunan metinleri okumayı zorlaştırabilir. Ayrıca, bir imleç çok hızlı dönerse, ziyaretçiler okumak için yeterli zamana sahip olmayacaktır. Ayrıca, bir görüntüye gömülü olan metnin muhtemelen mobil cihazda düzgün görüntülenmeyeceğini de göz önünde bulundurmalısınız. Mümkünse, özellikle kaliteyi etkileyebilecekse metinleri kullanmayı düşünmeyin.

# 6: Kaydırmaya dikkat edin

Kaydırmayı kontrol etmek için kullanabileceğiniz birkaç yöntem vardır. Birini veya diğerini seçme kararı genellikle " kaydırıcı ". Otomatik kaydırma, kaydırma hızlı gitmediği sürece tek çerçeveli kaydırıcılar için harika çalışır. Yapabileceğiniz en iyi şey, birisi tıkladığında veya üzerine geldiğinde slaydı durmaya zorlamak olabilir. kaydırıcı ". Kaydırma işlemine ne zaman devam etmek istediklerini tanımlamak onlara bağlı olacaktır.

wpmudev kaydırıcı, örneğin

O halde ne yapmalıyız?

Çalışmalarımız size bir şeyler sunmakla sınırlıdır, böylece bir karar verebilir ve blogunuz için neyin doğru olduğunu seçebilirsiniz. Şahsen Sürgüleri kullanıyorum, ancak bunlardan en iyi şekilde yararlanmak için hem görüntüleri hem de içerikleri optimize ettiğimden eminim.

Evde ne kullanıyorsun Bir tercihin varmı ? Bizimle paylaşmaktan çekinmeyin.