Kaydırıcı emmez ve bu yüzden WordPress sitenizin buna ihtiyacı vardır

Kaydırıcı ve atlıkarınca, birkaç yıl önce çok sıcak tasarım trendleridir. Verandada bir tür dönen unsur olmayan bir web sitesi bulmakta zorluk çekeceksiniz – özellikle en iyi paroda. Ama sonra bir şey değişti. Tasarımcılar ve geliştiriciler statik görüntüler için kayar çubuğu terk etmeye başlar. Minimalist tasarımlara ve daha uzun büyüyen haddeleme web sitelerine olan ilgi nedeniyle, kayan afişler diğer süper basit tasarımlar tarafından hissedilen rahatsızlıklar ve tehditler haline gelir. Ve tasarımcı web sitesine herhangi bir hareket uygulamayı seçtiyse, paralaks kaydırma, animasyon simgeleri veya video oynatıcılarda bulunur.
Bununla birlikte, kaydırıcıların ve atlıkarınca, doğru kullanılırsa kullanıcının katılımını artırmaya yardımcı olan etkili tasarım öğeleri olduğunu iddia eden birkaç tasarımcı vardır. Bugün bu argümanın geçerliliğini keşfedeceğiz ve kullanıcının web sitenizin kayar öğesine dahil edilmesini sağlamak için kullanılacak bazı yararlı ipuçları ve araçlar vereceğiz. Slayt veya kesme değil, soru, çoğu tasarım eğiliminin yeni ve daha serin web tasarımının nasıl ele alındığından dolayı bazı noktalarda şüphe veya eleştiri ile karşılaşacağıdır. Dolayısıyla, bugün sadeliğe odaklanan birçok tasarımcı için, içeriği nasıl oynayacaklarını anlamaları ideal olabileceğini anlamaları zor olabilir.

Güney Kore’ye mi yoksa Güney Kore’ye mi?
Kaymaz mı? İşte rakipten duyduğumuz en yaygın argümanlardan bazıları:
Yavaş yükleme: Kaydırıcıların ve atlıkarıncaların eklenmesi, web sitesinin açılış saatini yavaşlatır, bu da sadece ziyaretçileri uzaklaştırmakla kalmaz, aynı zamanda SEO üzerinde olumsuz bir etkiye sahiptir.
SEO için Kötü: Birçok içerik bir vardiya olarak paketlendiğinden, tüm içerik için sayfaları ve SEO’yu optimize etmek zordur. Gereksiz bozukluklar: Kaydırıcının dönüşü, ziyaretçileri çevredeki içerikten rahatsız eder.
Kullanımı zor: Bazı slaytlar ziyaretçilere izlenecek çok fazla seçenek sunar ve istediklerini bulmak için slaytları geri kazmak için çok fazla çaba gerektirir.
UX’i kesintiye uğratır: İçerikleri için hızlı bir dikey kaydırma tercih eden ziyaretçiler için, kaydırıcılar sabırlarını harcayabilir, çünkü oturup her birinin geri dönmesini beklemek zorundadırlar.
Kötü tıklamalar: Birkaç çalışmaya göre, sürücü ziyaretçileri tıklamada etkili değildir. Ziyaretçiler bir veya hatta bazı slaytlar okumakla ilgilense de, çoğu herhangi bir işlem yapmaz.
Çekici olmayan: Birçok tasarımcı, özellikle reklamlara benzeyen görüntüleri ve mesajları tanıtmak için kullanıldığında kaydırıcı ve atlıkarın yapışkan göründüğüne inanıyor.
Çoğu zaman, kaydırıcı ve atlıkarınca muhalifleri, Erik Runyon tarafından Notre Dame Üniversitesi web sitesinde yürütülen 2013 araştırmasını teklif edecek. Çalışmalarında, her slayt için tıklama sayısı, manuel slayt dönüşü ve otomatik olarak geçirilen slayt performansı hakkında bilgi izler. Bu, çoğu klips karşıtı tarafından görüntülenecek bir sayıdır:
Toplam site ziyaretçilerinden sadece% 1’i kayar çubukta harekete geçme davetini (CTA) tıklayın.
Birisi slaytta tıkladığında, tıklamaların% 84’ü ilk slaytta. Bir sonraki slaytlar toplam tıklama sayısının% 4’ünü alır.
Bir sayfa çalışmasını dikkatlice okursanız, Runyon’un bir döner komisyonun zayıf ve hatta modası geçmiş bir tasarım eğilimi olduğunu iddia etmediğini göreceksiniz. Aslında, araştırmalarında yer alan diğer istatistikler (çoğu insanın argümanlarını görmezden gelir), ziyaretçilerin çeşitli web sitelerinde veya başka şekillerde kullanıldıklarında (otomatik ve manuel rotasyon) kullanıldıklarında bir döner komisyon almak daha kolay olduğunu göstermektedir. Tasarım, herkes için doğru zaman ve yer var. Sadece sizin için ne zaman doğru olduğunu bilmeniz gerekir. Glide? Şimdi, kaydırıcı ve atlıkarınca destekleyici argümanlara bakalım:
Uzay Tasarrufu: Güney Kore, ziyaretçilerin çok uzun süren sayfayı aşağı kaydırmaları yerine çok sayıda görüntü veya içeriğin tek bir alanda olmasını sağlar.
Kaos’u azaltın: Bazı web siteleri için farklı ürünler, iş örnekleri, ekip üyeleri ve daha fazlasını görüntülemek önemlidir. Kaydırıcı, tüm hareketli parçalarla gelebilecek, ancak ilgili kaosu azaltabilir.
Dikkat Grabber: Web sitesi tasarımına doğru tür hareketi eklemek, ziyaretçileri yüksek kaliteli ve ilgili içeriğe çekmeye yardımcı olabilir.
Perspektif verin: Bazı web sitelerinin farklı açılardan vurgulanması gereken ürünler veya hizmetler vardır. Bunun iyi bir örneği, mobil cihazlarının bir dizi görüntüsünü farklı bir bakış açısıyla göstermek isteyen bir telefon perakendecisidir.
Çok amaçlı: Notre Dame Üniversitesi web sitesi Güney Kore ile iyi çalışmasa da, bunu yapacak başka işletmeler de var. Perakende, serbest çalışanlar ve ürün ve hizmetlerini vurgulamak isteyen diğerleri (rastgele promosyonlar yerine) kayar tasarım öğelerinden yararlanabilir. Video değişikliği: Video şimdi “ılımlı” dır, ancak küçük için pazarlama yatırımı için çok uygun değil işletmeler veya bütçesi sınırlı olanlar. Slayt gösterisi, tasarım ve harekette hala yaratıcılığa izin veren harika bir alternatiftir.
Kaydırıcı ve atlıkarınca hareketini destekleyenler için Mobify tarafından yapılan çalışmaları incelemelisiniz. Sonuçlar Notre Dame çalışmasıyla yan yana yerleştirilemese de, değişken uyum içinde değildir, sonuç, doğru ayarlarda kullanıldığında, atlıkarın çevrimiçi bir kitle ile çok iyi çalıştığını gösterir. İşte bu deneyden çıkan bazı sonuçlar:
E-Niaga web sitesinin doğası, komisyonlar için eğitim web sitesinden daha iyi bir üreme yeri haline getiriyor.
Hücresel kullanıcıların atlıkarınca kabul edilmesi daha kolay olabilir, çünkü cihazı kaydırmak, masaüstünde otomatik kovuşturmayı tıklamak veya beklemekten daha kolaydır.
Ziyaretçiler, çeşitli pazarlama mesajlarını alakasız ve yanlış ortamlarda çok satan bir döner kombinasyon bulurlar.
“Başarı” tanımı (CTA üzerindeki tıklama sayısı ve bir sonraki slayt için tıklama sayısı) görecelidir. Sadece gerçekten neyi başarmak istediklerini güçlü bir şekilde anlamanız gerekir.
Mobify ve Notre Dame testinin sonuçları, atlıkarınca ve kaydırıcının web sitesindeki performansının kesin kanıtı olmasa da, çok önemli bir gerçek gösteriyorlar: tasarımcılar ve geliştiricilerin web sitesine herhangi bir tasarım ilkesi uygulamadan önce kitlelerini oldukça iyi bilmeleri gerekiyor. Sonunda, ilk etapta web sitelerini ziyaret etmeye teşvik eden müşterilerinizin ve müşterilerinizin ve beklentilerinin amacı. Eğer atlıkarın bu fikirler hakkında içerik iletmek için etkili bir şekilde kullanılabilirse, iyi karşılanma olasılığı yüksek bir olasılık vardır.15 Kaydırıcı veya Güney Kore web sitesi ile web sitesine nasıl değer katılır? Bu yüzden birçok geçerli klips karşıtı endişe var. Sadece gerçekten istedikleri için müşteriyi sakinleştirmek için bir değişim kullanırsanız veya doğru yapmanız gereken ipuçlarını ve araçları incelemek için zaman ayırmazsanız, web sitenizi tehlikeye atabilirsiniz. Kullanıcının katılımı aradığınız şeyse, kullanıcı deneyimi her zaman web geliştirmede önemli bir endişe olmalıdır. Web sitenize bir kaydırıcı eklerken, aşağıdaki ipucunu unutmayın:
#1: Yerleşimi optimize edin Kaydırıcı ünlü olduğunda, çoğu tasarımcının şu anda kahramanların fotoğraflarını çektiği ana sayfanın en üstünde oturacaklar. Bir WordPress geliştiricisi olarak, web sitelerinde daha yoğun kesme içeriği kullanma potansiyeline sahip başka alanlar olduğunu biliyorsunuz. Zappos web sitesi merkezi bir yerleşim sergilemektedir. #2: Boyutu düşünün Tam bir vardiya veya gereksiz alan yemeniz mi gerekiyor? Vardiyanın amacını, içindeki görüntünün boyutunu ve onun için en iyi boyutu belirlemek için sayfadaki diğer unsurlarla yapabileceği dengeyi düşünün.#3: Yukarıdaki çalışma kanıtlarsa, yüksek değerli içerik kullanın, Ziyaretçiler, onlar için bir tür değer veren içeriği görmek istiyorlar. Sürücünüzde kullanılan resimlerin ve kopyaların web sitenizin görevini ve mesajını güçlendirdiğinden ve ziyaretçilere bir bütün olarak görmeye motive etmelerini sağlayın. Philadelphia Visit web sitesi, profesyonel olarak çekilen şehrin fotoğraflarını sergiliyor. #4: Genel olarak yüksek çözünürlüklü görüntüler seçin, web sitenizde düşük çözünürlük veya düşük kaliteli görüntüler kullanmak kötü bir uygulamadır. Aynı şey Vardiya veya Güney Kore’ye de uygulanmalıdır – özellikle bu tür tasarım öğesi için büyük çekim genellikle içinde bulunan fotoğraf olduğu için.
#5: Olası kaydırıcı ve atlıkarınca, görüntüleri göstermede çok iyidir, ancak metin bu deneyimi azaltabilir.Meşgul görüntüler genellikle üzerine yerleştirilen metnin okunmasını zorlaştırır.Ayrıca, vardiya çok hızlı dönerse, ziyaretçilerin okumak için yeterli zamanı olmayabilir.Ayrıca, görüntüye gömülü metnin mobil cihazda doğru şekilde görüntülenmeyebileceğini de düşünmeniz gerekir.Mümkünse, sadece sorunu karmaşıklaştıracağından metin kullanmaktan kaçının.Bundan kaçınamazsanız, en aza indirmeyi deneyin.
#6: Kaydırmaya dikkat edin, kaydırma kontrolüne yaklaşmanın birkaç yolu vardır. Diğerinden birini seçme kararı genellikle kaydırıcıdaki içeriğe bağlıdır. Otomatik rulolar, rulolar çok hızlı gerçekleşmediği sürece yalnızca görüntü kayması için düzgün çalışır. En iyi seçeneğiniz, birisi tıklar veya kaydırıcıyı görür görmez zorla slaytları durdurmak mümkündür. Bir sonraki slayt için hazır olduklarında tıklamak veya kaydırmak onlara kalmıştır. Ana sayfamızda (çıktığınızda) referansları görüntülemek için bir kayan çubuk kullanıyoruz. #7: Ziyaretçilerinizin kontrolünü hem vardiyanız otomatik bir rulo hem de manuel bir rulodur, ziyaretçilerinizin rulo deneyimini devralmaya hazır olduğunda sürücü kontrolünün orada olduğundan emin olun. Okların, düğmelerin ve noktaların slayttaki içerikten uzaklaşabileceğini unutmayın, bu nedenle yalnızca ziyaretçiler imleci yönlendirdikten veya slaydı tıkladıktan sonra görüntülemenin bir yolunu bulup bulamayacağınızı görün. #8: Dikkat çekmek için pürüzsüz bir slayt kaydırıcısının hareketlerinde kaynaması gerekmez. İçeriğinizin görülmesini sağlamak için dikkat çekmek için hala yeterli olacak olan çok daha pürüzsüz – soluk gibi – çeşitli geçiş hareketleri vardır. #9: Yukarıda belirtilen kontrast çalışmasında önemli şeylere basın, ikisi de ilk slaydın her zaman en çok görülen ve tıklandığını belirtir. Bu nedenle slaytınızı stratejik olarak sıralamak önemlidir. Kitlenizi görmek için en önemli ürün veya hizmet öğeleri varsa, ilk konuma getirin. #10:
Slayt’ı ilgili notla sınırlayın, ilk slayt veya resimden daha fazlasını görmek isteyen bazı ziyaretçiler olacaktır. Ancak bu, sabırlarının bir süre sonra tükenmeyeceği anlamına gelmez. Mesajınızı paylaşmak için slaytınızı kullanın, ancak kısaca. Damga, uygunsa dört slayt halinde. #11: Hıza odaklanmanın, sitenizin hızını ne kadar yavaşlattığını zaten bildiğinizde web sitenize daha fazla resim eklemek için her zaman zordur. Yani, bir vardiya kullanacaksanız, her şeyi yavaşlatmasını önlemek için iyi bir görüntü optimizasyon aracınız olduğundan emin olun. #12: Her slaytı özelleştirin Slaytınıza CTA eklerseniz, tasarımı ve yerleşimi her CTA için tutarlı bir şekilde tutmaya çalışın. Ancak, her slayt farklı bir hizmete veya ürüne bağlanırsa, her slayta benzersiz bir renk uygulamak isteyebilirsiniz. Birisi slaytı geri almak ve ilgilendiği slaytı bulmak istiyorsa, renk onları birbirinden ayırt etmek daha kolay olacaktır. #13: Erişilebilirlik engellerini düşünün Web sitenize Güney Kore’yi eklemeden önce dikkate almanız gereken bir dizi erişilebilirlik hususu vardır. W3C, Güney Koreli ekran okuyucunuzu ve klavyenizi yapmak için ne yapmanız gerektiğini detaylandırmak için iyi bir iş çıkardı. #14: Metin, büyük resimler veya düğme/kaydırma okları eklemeyi planlıyorsanız, Güney Koreli’ye duyarlı hale getirin ve mobil cihazlarda yay yapmak zor olabilir. Çalışmasını sağlamanın birkaç yolu vardır, bu nedenle kendini “duyarlı” olarak reklam veren bir kaydırıcı eklentisi kullanmaya başladığınızdan emin olun.
#15: Son eklentiyi kullanın, ancak kesinlikle daha az önemli değil, bir web sitesi slaydı yapmanıza, istenen efekti yakalamanıza ve içeriği yüksek performans için optimize etmenize yardımcı olmak için bir eklentiye ihtiyacınız var. İşte ilk seçeneklerimizden bazıları: WP Smush
Web sitenizin resmini sıkıştırmanın bir yolunuz yoksa, bu başlamak için iyi bir yerdir. Bu eklenti, kaydırıcınızın içinde ve dışında kullandığınız görüntüleri otomatik olarak azaltacak ve optimize edecektir ve web sitenizin zamanını veya performansını asla engellemediklerinden emin olur. WP Smush ile ilgileniyor musunuz?
Detaylar

Carousel Horiztonal Gönderme İçeriği Orta
Sıradan web sitesi tasarımı, 3 veya 4’ten fazla yatay widget sütunu veya içerik blokları gerektirmez. Carousel ile artık bir odada birkaç içerik koleksiyonu görüntüleyebilirsiniz. Buna ek olarak, bu eklenti çeşitli geçiş efektleri, sayfalandırma seçenekleri sunar ve tamamen duyarlıdır. Kaydırıcı İçerik Carousel Horiztonal Posts ile ilgileniyor musunuz?
Detaylar
Güney Kore logosu Kivi

Logoyu – hem ortaklar, müşteriler, sponsorlar hem de diğerleri – göstermek için Güney Kore’yi kullanmayı planlıyorsanız, bu eklenti başarılı olacaktır. Tüm logolarınızın sakin görünmesini sağlamak istiyorsanız, gri ölçekli boyama ile de oynayabilirsiniz (kendi web sitenizin logosuna ve markasına odaklanmak istiyorsanız iyi). Sürükle ve bırak arabirimi ile, bu eklentinin yalnızca logoyu görüntülemek istiyorsanız kullanımı kolaydır. Kiwi Logo Carousel ile ilgileniyor musunuz?
Detaylar
Büyük kaydır

Bu, bugün WordPress’te bulunan en popüler kaydırıcı eklentisidir. Web siteniz videonuz ve görüntüsünün yanı sıra ayarlamalarla ilgili duyarlı vites arıyorsanız, bunu takip edin. Büyük bir kaydırıcı ile ilgileniyor mu? Detaylar
A/B Tema Testi
Sonunda WordPress sitenize bir vardiya veya Güney Koreli eklediğinizi söyleyin, ancak bunun sadece alanı tıkayacağından veya insanları tıklamaya teşvik edeceğinden endişe duyuyorsunuz. Belki doğru geçiş, renk, görüntü, boyut veya yerleştirme efektini kullanmadınız, değil mi? A/B testi ile vardiyanızın çeşitli versiyonlarını gerçekten atmadan ve anti-keggeser müzik trenine atlamadan önce test edebilirsiniz. A/B temasını test etmekle ilgileniyor musunuz?

Detaylar
Tüm bunlarda hatırlanması gereken en önemli şey, web sitenizde bir vardiya veya Güney Koreli kullanmayı seçerseniz, kitlenize ihtiyaç duymanız gerektiğidir. Sadece kenar çubuğunuzdaki küçük bir alana çok fazla ürün veya referans görüntüsü girmek değildir. Vardiyanızın unsuru ile ilgili her şey, yerleşimden geçiş kuvvetine kadar stratejik olarak tasarlanmalıdır. Sitenizde dönüşlerde görüntülenmeye değer içeriğiniz varsa, parlamak için doğru tasarım öğelerini kullandığınızdan emin olun.
Şimdi size: kaydırılıp kaymayacağı argümanda, hangi tarafta ayağa kalktığınız ve neden? Aşağıdaki konu hakkındaki fikrinizi duymaktan mutluluk duyarız.

Etiket:
atlıkarınca
vardiya

kullanıcı katılımı

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir