WordPress sitenizde güzel bir sayfa geçişi yapın

Tamam, bunu duydunuz: İnsanlar akvaryum balığından daha kısa bir dikkat aralığına sahipler. Eğer düşünürseniz, yapmak adil bir karşılaştırma değildir. Evcil hayvan sazanızın evinizde görülecek birkaç ilginç şey olabilir. Bazen TV’de gösterilen herhangi bir programı veya filmi dinleyebilirler, ancak aksine, sadece görmesi gereken bir mobilya koleksiyonudur. Orada çok fazla rahatsızlık değil, değil mi? Ama insanlar için başka bir hikaye. İster etrafımızda ister dijital bir alanda olsun, birçok rahatsızlık var – ve hepsi dikkatimizi çekmek için yarışıyor. Şimdi. Bu yüzden web sitelerinin tasarımına etkili bir şekilde çok fazla vurgu var. Doğru duyguları ve reaksiyonları elde etmek için renkleri ve görüntüleri kullanın. Ziyaretçileri hikayeniz boyunca basit ve bulması kolay navigasyonla yönlendirin. Ziyaretçilerin bir şeyler yapmaya motive olduklarını doğrudan ve ne zaman hareket ettirme daveti koymak.
Eve mümkün olduğunca eve getirmeye çalıştığımız noktalardan biri, sitenizin hızının önemidir. Ziyaretçilerinize sitenize erişmek ve içinde yeni bir sayfa açmak için memnuniyet (neredeyse) anında veremiyorsanız, diğer tüm zor işler boşuna. 2000 yılında, web sitesinin açılış saatine belki 12 saniye (o zamanlar ortalama insan dikkati aralığı) hak kazanabilirsiniz. Ancak 2016’da, “balığınızı” ilişkilendirmek için çok daha kısa bir süre ile ilgileniyorsunuz. Şu anda, yaklaşık 8 saniye ortalama bir dikkat aralığı görüyoruz. Ancak, pazarlama çalışmaları, web sitenize atlamadan önce birinin dikkatini çekmek için gerçekten sadece 3 saniyeniz olduğunu gösterecektir. Peki ne yapıyorsunuz? Ziyaretçileri oturmaya ve sayfanın yüklenmesini beklemeye zorlarsanız, onları kaybedeceksiniz – onlar ve web sitenizden beklediğiniz dönüşüm olağanüstü tasarlanmış. Onlara rahatsız olma şansı vermeyin. Kaçınılmaz olarak yüklenmesi uzun zaman alacak bir web siteniz varsa veya sayfadan biraz daha fazla atlamak istiyorsanız, sayfa geçişinize bazı animasyonlar ekleyin. Daha yumuşak bir web sitesi gezisi için, web sitenizin hızını artırmanın birkaç yolu vardır. Mümkün olduğunca çok sayıda web sitesi dosyasını en aza indirmek ve sıkıştırmak için bir eklenti (Hummingbird gibi) kullanabilirsiniz. Başlamak için her zaman iyi bir yer. Far dosya sunucusuna erişmeye çalışan dünyanın her yerinden gelen ziyaretçilerin neden olduğu zaman gecikmesini azaltmayı umuyorsanız CDN de bir zorunluluktur.
Sitenizin hızını korumak için kullandığınız araçların yanı sıra, sayfa geçişine biraz daha canlı vermeyi düşünmek iyi bir fikirdir. Birisinin ana sayfanızdaki bağlantıyı tıkladığını ve yeni sayfa yayınlandığında aniden beyaz bir flaş (yarım saniyeden fazla) görünür. Bazı insanları şaşırtabilir, bu da sayfanın neden hemen yüklenmediğini merak etmelerini sağlayabilir. Belki bir sonraki sayfanın ne kadar hızlı yüklendiği sorun değil. Tersine bir web sitesi var ve ziyaretçileriniz sayfaya dağılmış statik bir banner şeridi ile sıkıldığını söyleyin. Düz tasarım, basit şeyleri korumak açısından çok iyidir, ancak ziyaretçilerinizin dikkatini sürdürmede her zaman iyi değildir. Giriş sayfası geçişindeki animasyon burada. Neden sayfa geçişi kullanıyorsunuz? Animasyon, genel olarak, bir web tasarımına daha fazla hayat eklemenin iyi bir yoludur. Ancak, stratejik olarak kullanılmalı ve web sitesinin genel tarzı ile uyumlu olmalıdır. Bu, temel öğe animasyonu için geçerlidir (birisi imleci üste yönlendirdiğinde dönen simgeyi zorlamak gibi) ve sayfadan sayfaya geçişte. Animasyonun sayfa geçişi için çok iyi çalışmasının nedenlerinden bazıları:
Hareket: Doğru tip ve doğru hız, siteniz arka plana yüklendiğinde ziyaretçilerin ekranda olanlara dahil olmalarına yardımcı olur.
Eğlence: Animasyonunuz çeşitli etkileşim biçimlerine izin veriyorsa, ziyaretçilerin sayfaların yüklenmesini beklerken sitenizle aktif olarak etkileşime girmesini sağlayabilirsiniz.
Akış: Web sitenizin hikayesini anlattığınızda, bir sayfadan bir sonraki sayfaya sorunsuz bir geçiş yapmanız gerekir. Basit sayfalar değişikliklerine güvenmek yerine, hikayeyi sorunsuz bir şekilde çalıştıracak geçiş öğesini kullanın. Mare: Ziyaretçiler bulduğunda bir tür “pop” veya sürpriz yaratmayı amaçlayan belirli bir geçiş var – bu çok iyi çalışıyor Scrolls üzerinden “sayfaları” ortaya koyan bir sayfa web sitesi.
Modernizasyon: Doğru animasyon türüne sahip web siteleri, hem video kullanımı, paralaks ruloları hem de bu durumda sayfa geçişi yoluyla statik sitelerden daha modern görünür.
Daha yavaş içeren veya sadece ziyaretçilere web sitenizi izlerken eğlenceli bir şey vermek isteyen sitelerin neden olduğu UX üzerindeki boşlukları en aza indirmek istiyorsanız, sayfa animasyonu, katılımlarını korumak ve dönüşüm seviyelerini artırmak için iyi bir yoldur. İnfazın en önemlisi olduğunu unutmayın.
Sayfa geçişine yaklaşırken yolda kalmanıza yardımcı olacak bazı ipuçları:
Animasyonla dolu web siteleri (sayfa geçişleri veya diğerleri için) aynı can sıkıcı olabilir ve kötü tasarlanmış bir web sitesi gibi profesyonel görünmez.
Web sitenizdeki animasyon miktarını minimumda tutmaya çalışın, böylece sayfalar arasında gerçekleştiğinde, ziyaretçilerinizin dikkatini çekmeyi amaçlayan bir etkisi vardır.
Bahçe geçişi patlamamalı. Web sitenizin bir bölümünden bir sonraki bölüme ve tüm hikaye ile ilgili geçişi düzeltmeye yardımcı olmalıdırlar.
Animasyonun ziyaretçileri web sitesinin bir bölümünden diğerine yönlendirdiği açık olmalıdır. Ne gördükleri veya daha sonra ne yapılması gerektiği konusunda bir karışıklık olmamalı ve her zaman iki sayfa arasında bir süreklilik duygusu olmalıdır. Geçiş bağışıklığının her zaman üstte olması gerekmez. Yükleme ilerlemesini göstermek için sayfa boyunca bir tavşan atlama kullanmak istiyorsanız, yapın.
Sayfa geçişinizi stil olarak tutarlı tutun. Bu nedenle, iki sayfa arasında dönen bir hikaye kitabı sayfası kullandıysanız, bunu site boyunca korumalısınız.
Animasyon hızının elde etmek istediğiniz şey için mantıklı olduğundan emin olun. Daha yavaş bir geçiş, ziyaretçilerin odağını kontrol etmede çok şaşırtıcı ve daha etkili olma eğilimindedir. Bununla birlikte, hızlı animasyon, ziyaretçilerin bir koşuldan (neredeyse bir takma ad gibi) çıkma ve bunları ilgili başka bir duruma götürme eğilimindedir.
Hikayenin ahlaki mesajı?
Animasyonunuzu dikkatlice seçin. Doğru kullanılmazsa, web sitenizin kabulünü ve kötü bir tasarım seçeneği olarak iş itibarını tehlikeye atabilirler. Ziyaretçiler sayfanın geçişini görmemeli ve arkasına yavaş yükleyen sayfaları gizlediğinizi ve ayrıca sayfanın neden orada olduğu konusunda kafası karışmasına gerek olmadığını fark etmelidir. Geçişler, web siteniz aracılığıyla seyahat deneyimlerini geliştirmeli ve ziyaretçileri beklemeye ve başka neler sunduğunuzu görmeye motive etmelidir. WordPress’te bir sayfa geçişinin nasıl yapılacağını tartışmadan önce bir sayfa geçişi olasılığını düşünün, olasılıkları gözden geçirmek için biraz zaman ayıralım.
En temel sayfa geçişinin dönmesi, ziyaretçilere bir sonraki bir şey olduğunu söylemek için sayfanın ortasında tek bir dönen veya dönen nesneye güvenebilirsiniz. Domani, stratejiler, pazarlama ve teknoloji konusunda uzmanlaşmış bir dijital ajansdır. Minimalist tasarıma sahip web siteleri için ince bir değişim, daha basit bir sayfa geçişi en iyi şekilde çalışacaktır. Pürüzsüz slayt, sitenize çekici bir hareket dokunuşu eklerken size bir sayfadan bir sonraki sayfaya basit ama temiz bir geçiş sağlayacaktır. Bu eğlenceli web sitesi, aracı ne kadar iyi bildiğinizi test ediyor. Sayfayı geri yükle, hareket sayfalarınızı nasıl hayal ediyorsunuz? Yazarın web sitesini oluşturursanız, kitabın sayfalarını taklit etmek için bir sayfa geçişi isteyebilirsiniz. Çevrimiçi portföy serbest çalışan Mary Smith, sayfanın altındaki flip kitaplara sahiptir. Bir bakayım. 3D nesneler, yaratıcı ancak daha yapılandırılmış sanatçılar (tasarımcılar veya geliştiriciler gibi) sunan web siteniz olabilir. Rotasyon sayfası 3D daha iyi çalışabilir. Duman ekranları Web siteniz dramatik bir şekilde daha fazla eğiliyorsa, duman ekranları veya diğer doğal tip geçiş öğeleri (sitenizin en uygun stili ne olursa olsun) ekleyebilirsiniz.
Robber Train, Los Angeles ve New York merkezli bir sanal gerçeklik ajanıdır.
Yeniden yapılandırma çoğunlukla Parallax Roll web sitesinde görülür, “sayfa” geçişi, web sitesinin merkezinin yapısökümü ve yeniden yapılandırılması kadar basit olabilir. Bu tür bir geçişle, her zaman yeniden yapılandırmanın aynı ekranda gerçekleşmesini sağlamak isteyeceksiniz, böylece ziyaretçilerin onu bulmak için çok çalışması gerekmez. Parçalar, çalışmaları en ilginç 30 türe değiştiren ancak maalesef etkileşimli bir sergidir. dünyada yok olma tehdidinde bulundu. Elemental soluk sayfalar solma genel olarak daha ince geçiş olma eğilimindedir. Bununla birlikte, bazı ek poplar için, yukarıdaki yeniden yapılanma fikrini alabilir ve bir sonraki sayfadan tek tek öğeleri soldurmak için kullanabilirsiniz.
Güzel solma sayfalarının örnekleri için Loflo kayıtlarına bakın.
Şarkı şarkıcı-söz yazarı Jane McNearly’nin çevrimiçi evi olan Loflo Records, Fade Element’in güzel bir örneğidir.
Her şeyden önce temel örnekler, sayfanın geçişinin doğru ayarlarda ve doğru şirket için nasıl çok iyi çalıştığını göstermektedir.