WordPress ve Divi uçlarıyla dönüşüm tasarımına hakim olmak
Konu veya hedef ne olursa olsun, her web sitesi sahibi birkaç noktada dönüşümü düşünmelidir. Davetiyenizi web sitenizde bir yere hareket ettirmeye ve en iyisini umuyorsunuz, ancak web sitenizden ve dönüşümünüzden maksimum sonuçları almak istiyorsanız, dönüşüm tasarımına odaklanmak için zaman ayırmalısınız. Dönüşüm tasarımı nedir? Dönüşüm merkezi tasarımı (CCD) olarak da bilinen dönüşüm tasarımı, ziyaretçileri iş destinasyonlarına yönlendirmek için deneyimlerin yaratılmasına odaklanan bir tasarım felsefesidir. CTA, ziyaretçilerin CTA’nıza yanıt vermesini beklemek yerine, ziyaretçileri satış kanalı üzerinden ve istenen sonuçlara yönlendirmek için aktif olarak çalışır. Mantıklı – Dönüşüm tasarımının arttırılması dönüşüm oranını artıracaktır.
Dönüşüm tasarımı, web sitesi tasarımınıza rehberlik etmek için tasarım ilkelerini dönüşüm psikolojisi ile birleştiren bir pazarlama biçimidir. Bu kombinasyondan, ilke web sitesi tasarımınızı kullanarak dönüşümü teşvik etmek için özel olarak geliştirilmiştir. Tasarımın ilkelerine bakalım. Yedi Tasarım İlkesi Dönüşüm merkezli bir tasarımla kullanılan yedi tasarım ilkesi vardır. İlk dördü tasarım öğeleridir:
Kapsülleme
Kontrast ve renk
Talimatlar
Beyaz oda
Ve son üçü psikolojik unsurlardır:
Aciliyet ve kıtlık
Satın almadan önce deneyin
Sosyal Kanıt
Bu tasarım ilkeleri sayfaların yönünün tasarımında görülebilir ve pankartlar ve yanlarla veya dönüşüme odaklanmak istediğiniz her yerde de kullanılabilir.
Kapsülleme CTA’nızı pencereye veya çerçeveye yerleştirin. Bunu bir daire gibi bir şekil ve yönlendirme için kontrast ve renk gibi öğelerle yapabilirsiniz. Opicobello / Shutterstock.com tarafından kontrast ve renklendirme
Referanslar için bkz. Renk Psikolojisi.
Siyah: Ciddi
Çikolata: Sağlıklı
Kırmızı: Tehlike, heyecan
Koyu mavi: yatıştırıcı, güvenilir
Açık mavi: havalı, genç
Altın: Muhafazakar, zarif
Gri: Dürüstlük, Olgun, Nötr
Yeşil: Eğlenceli, büyüme, pozitif
Metalik: zarif, zengin
Turuncu: Olumlu
Pastel: Hassas, yumuşak, genç
Pembe: genç, sıcak
Mor: Kraliyet
Beyaz: Saf, temiz, dürüst
Sarı: Pozitif, dikkatli olun
Drama veya güvenlik yaratmak için bu renkleri bir kontrast kombinasyonu ile kullanabilirsiniz. Amaç, doğru ilgiyi çekmektir. Talimatlar ziyaretçilerinizi promosyonunuz yoluyla oyunculuk davetinize yönlendirin. Ziyaretçileri doğru yöne yönlendirmek için görsel ipuçlarını kullanın. Odak noktalarını yollar veya oklar gibi ipuçlarını kullanarak yönlendirmek için bir etiketle yönlendirin. Belli bir yöne bakan insanlar veya hayvanlar okuyucuyu bu yöne bakmaya teşvik eder.
Beyaz oda Boşluk kullanmayı unutmayın.Bu, nesnenin etrafında tüm öğelerin öne çıkmasını ve kalabalığın içinde kaybolmamasını sağlayan boş bir alandır.Çok fazla tıkalı ürün her öğeyi görmek çok zorlaştıracaktır.Whitespace, ziyaretçilerin ne istediğinize odaklanabilmesi için alan tasarımı verir.Gözlerinin odaklanacak sadece birkaç şeyi varsa, ne görmek istediğinizi görme ve tıklamak istediklerini tıklama eğilimindedirler.Aciliyet ve kıtlık biraz aciliyet katar.Bazen insanlar çok fazla düşünme ve karar vermeden önce ayaklarını sürükleme eğilimindedir.Teklifin her zaman orada olacağını biliyorlarsa, hemen ihtiyaç duymadıkça sizi kabul etmek için acele etmeyecekler.Onlara teklifin her zaman orada olmayacağını söyleyin.
Bu, stokta kaç ürünün mevcut olduğunu, fiyatın ne zaman yükseleceğini, bir etkinlik için kaç koltuk bulunduğunu, paket sözleşmesinin bitmesi vb. Bu bilgiler CTA düğmesinin yanına yerleştirilmelidir. Aciliyeti gerçekleştirin. Onlara karar vermeleri için 90 saniye vermeyin, ancak tekrar saymaya başlayın. Gerçekçi ol. Ziyaretçilere önizleme ürünü satın almadan önce deneyin. Bu, yüksek çözünürlüklü görüntülere, videolara, PDF indirmeleri olarak e-kitaplardan veya CTA ile blog yayınları (yön sayfasında görüntülenen yayınlarla) vb. Bu sizi daha güvenilir ürünler yapar. Bu, onlara ürününüze daha fazla güvenecek ve kararlar vermelerine yardımcı olacak, bu da getiriler, kötü yorumlar vb. İle uğraşmanızı engelleyecektir. Sunumunuzda yaratıcı olun. Sosyal kanıtları doğru bir şekilde sergilemenin sosyal kanıtları dönüşüm tasarımı için çok önemlidir. Bu, ürününüzü kullanan gerçek insanlar tarafından iddianızı destekler. Bu özgünlük, güvenilirlik ve güvene katkıda bulunur. Bu, takipçileriniz olduğunu ve diğerlerinin size ve ürününüze inandığını gösterir. Sosyal kanıtların da kullanımı karmaşık olabilir. Yanlış kullanılırsa dönüşümü engelleyebilir. Müşterinin tanıklığı görülmeli ve gerçek ve dürüst hissetmeli ve sadece ne göstermek istediğinizi seçmeniz gerekir. Dönüşüm tasarımını neden kullanıyorsunuz?
Hızlı divi yön sayfası
Kaos senin düşmanın. Bu, okuyucunuzun rahatsız edilmesine neden olur ve teklifinize dikkat etmez. Birçok web sitesi sahibi istedikleri tasarımı kullanır ve sonra CTA eklemeye çalışır. Sorun genellikle dönüşüm veya CTA dikkate alınarak yapılmaz. Waldo’nun nerede olduğunu hatırlıyor musun? Waldo CTA’nızı yapma! Dönüşüm tasarımı prensibini kullanarak, dönüşümü düşünerek web siteleri tasarlayabilirsiniz ve gerçeklerden sonra uyguladığınızı hissetmeyeceksiniz. Dönüşüm tasarımı kaosu azaltır ve ziyaretçilerinizin ne görmek istediğinizi görmelerini sağlar – CTA You. İyi bir kampanyayı düşünmek için bazı noktaların bir dikkat oranı olacaktır, yani kesintisiz bir eylem olacaktır. Başka 19 bağlantı varsa, dikkatinin oranı 20: 1’dir, okuyucuya muhtemelen 20 tıklama ve bir tıklama amaçlanan bir tıklama verir. 1: 1 oranını istiyorsunuz, onlara istenen tek bir tıklama ile bir tıklama olasılığı veren. Okuyucunun dikkatini yönlendirmek için daha az bağlantı ile CTA’nıza dikkat etme ve iyi yanıt verme eğilimindedirler. Web’in kopyaları da dönüşümde önemli bir rol oynar, ancak tasarım sinir bozucu, dağınık, kafa karıştırıcı, çok gösterişli veya sadece kötü ise iyi kopyalar göz ardı edilecektir. CTA en iyi paroda olmalısın. Bu, okuyucunuzun dikkatini çekmeli, ancak bir rahatsızlık vermemelidir. Yön sayfasının en önemli yönü, aldığınız dönüşüm seviyesidir. Yön sayfasının bir hedefi vardır – dönüştürmek için. Belki de bu gereksinimleri karşılamalısınız, değil mi? Yan bıçaklar genellikle bültenlerin kaydı, reklamlar, sosyal bağlantılar, RSS müşterileri ve hatta yorumlar gibi CTA içerir. Ancak her web sitesi yandan yararlanmayacak. Bazı okuyucular bunu fark etmiyor bile. Tıpkı diğer CTA gibi, üstte olmalı. Dikkat çekmelidir, bu yüzden renge ve kontrastlara dikkat etmelisiniz. Yan çubuğu doğru kullanırsanız, CTA’nızı teşvik edecektir. Dönüşüm tasarımının kısmı performans testidir. Her dönüşüm öğesi test edilmeli ve geliştirilmelidir. Ziyaretçileri bir müşteriye dönüştürmezse, tasarım yeniden değerlendirilmelidir. Divi’nin Divi’nin dönüşüm tasarımına nasıl yardımcı olabileceği dönüşüm tasarımı için iyi bir temadır. Bu, hızlı ve kolay dönüşüm için tasarım yapar. Her sayfanın bir amacı olduğunu unutmayın, bu nedenle her sayfanın bir dönüşüm odağı vardır. Divi’nin varsayılan düzeni, daha önce kurulmuş olan bu odağa sahiptir. Sayfa öğelerinizi sıfırlamak istiyorsanız, istediğiniz düzene sahip olana kadar oldukça sürükleyin ve serbest bırakın. Düzen temiz ve düzenlenmesi kolaydır. Dönüşüm tasarlamak için divi kullanma hakkında daha fazla bilgi için, divi temalarını kullanarak dönüşüm için nasıl tasarlanacağı makalesine bakın.
Dönüşüm tasarımını divi ile test edin Divi’nin en son özellikleri Divi uçları, sayfa öğelerinizin performans testi yoluyla dönüşüm tasarımınızı iyileştirmeye yardımcı olabilir. Parçaları, satırları ve modülleri test ederek, dönüşüm tasarımını yön, yan bıçaklar ve diğerlerinin yönünde test edebilirsiniz. Bu bölümde, birkaç dönüşüm öğesinin testini göreceğiz ve test sonuçlarının tasarımı nasıl artırabileceğini göreceğiz. Bu testte bülten aboneliğini CTA olarak kullanıyorum. Bir bülten formu tasarlarken, en iyisi kısa ve temiz tutmaktır. Kampanyanız için önemli değilse, ilk ve arka adlarını, adreslerini vb. Sormayın. Sadece e -postalarını veya adlarını ve e -postalarını isteyin. Ne kadar çok alan doldurmaları gerekirse, o kadar çok bunalmış hissederler ve son olarak dönüşme olasılığı o kadar az olur. Bu testin sonuçları hakkında kısa bir not – Testi sadece grafiği göstermek için simüle ediyorum. Aslında karar vermeden önce daha fazla veri istiyorum. Ne kadar çok veriye sahip olursanız, test o kadar doğru olur. Ayrıca, birçok şey dönüşüm olarak düşünülebilir. Sitenizin amacına bağlıdır. Yön sayfasında dönüşüm tasarımı
Divi Standart Yön sayfasının düzenini kullanıyorum ve ardından Bloom için kısa bir kod içeren bir metin kutusu ile hareket etmek üzere davet modülünü değiştiriyorum. Divi’nin bir Optin e -posta modülü içerdiğini fark ettim, ancak Bloom Tasarım özelliğini kullanmak istedim. Divi e -posta optin modülü, çiçeklenme veya bülten kayıt formu çalışır. Size en iyi dönüşümü neyin sağladığını görmek için her şeyi birbirinize bile test edebilirsiniz. Birkaç test yapmak istiyorum. Birincisi, optin görüntülerini ve formlarını yan yana ve yukarıda ve aşağıda yerleştirmektir. Test kazananı bir sonraki teste devam edecek. Bloom’un kısa kodunu ekleyin.
Tüm modüllerimi yerleştirdikten sonra her modüle girdim ve Bloom Bülten Abonelik Formum için kısa bir kod yerleştirdim. Satır 1
Satır 1, formu resmin altına yerleştirir. Bu formun okuyucunun bir etkinliğe kaydolmasına izin verdiğine karar verdim, bu yüzden sayı sayımlarını kaç koltuk bulunduğunu göstermek için koydum. Bu şekilde okuyucu, katılmak istiyorlarsa hızlı bir şekilde kaydolmaları gerektiğini bilecektir.
Sonuç, kayıt formuna dikkat çeken temiz bir düzendir. Hat 2
2. Satır Kayıt Formunu resmin altına yerleştirir. Sayfa temiz ve resim ve kayıt formuna dikkat çekiyor. Şimdi sadece bir süre testi yapmam ve bana en iyi dönüşümü veren iki mizanpajdan hangisini görmem gerekiyor. SonuçlarTıklama oranı, satır 1’in satır 2’den daha popüler olduğunu gösterir. Aynı sayıda şovla, satır 1, satır 2 daha yüksek oranlar verir. 1. satır bu durumda net bir kazanan. Ardından, formlar, farklı metinler, farklı form düzenleri vb. İçin farklı renkler kullanarak tasarımı test etmeye devam edebilirim. Sidebararsukannya’da dönüşüm tasarımı, düzeni kenar çubuğu ile test etmek için divi uçları kullanabiliriz. Divi, yan çubuk açısından çekici bir düzen özelliğine sahiptir. Sıradan yan çubuğu kullanabilir veya kendi yan bıçaklarınızla düzeni seçebilirsiniz. Ayrıca yan çubuğu kapatabilirsiniz (modülü silerek veya belirli cihazlarda görülmeyecek şekilde ayarları ayarlayarak), böylece düzeniniz için en uygun olan test edebilirsiniz. Düzeni kendi yan bıçaklarıyla kullanmanın bir diğer avantajı, belirli bir sayfa ve yazı için bir yan bıçak oluşturabilmenizdir. Bu test için, blogun düzenini sağ taraftaki çubukla içeriyorum. Daha sonra yan çubuğu dahil etmeyecek şekilde Divi Post ayar sayfasının düzenini ayarladım. Bu, yan bıçakların yerini ve öğelerini test etmek için iyidir. Bu testte, e -posta formunu test etmeye devam ediyorum. Yandaki ayarlar hangi widget alanını kullanmak istediğimi seçmeme izin veriyor. Bu şekilde çeşitli widget alanlarına farklı widget’lar yükleyebilir ve aralarında test edebilirim. İlk kenar çubuğu için kenar çubuğunu seçtim. İkinci kenar çubuğu için kenar çubuğu 6’yı seçtim. Her biri farklı renk ve stillere sahip birkaç farklı e -posta kayıt formu yaptım. Sonra, hangi bülten kayıt formunun en başarılı olduğunu görmek için bir A/B testi yaptım. Bloom kullanıyorum (kendi A/B testi özelliğim var) ama divi kurşunlarıyla A/B testi yapmayı seçtim, böylece diğer widget’larla değişiklik yapabilirim. Tüm Bloom’un varsayılan tasarımları iyi görünse de, yine de test edebilirsiniz stil, renk, alan vb. Hangisinin en başarılı olduğunu görmek için kendiniz. Sonuçlar İkinci tarafta daha az gösterisi var, ancak daha fazla tıklama var. İlk kenar çubuğunun daha yüksek bir orana sahip olduğunu görebiliriz. Testi bitirdim ve ikinci kenar çubuğunu kullandım. En çok dönüşümü üreten yan çubuğu test etmeye ve kullanmaya devam edeceğim. Hangi formu korumak istediğimi belirledikten sonra, bölümün tüm bölümlerini yan taraftaki yan bıçaklarla veya yan tarafı olmadan, ancak bölümün içindeki formla hangisini daha iyi performans gösterdiğini test edebilirim. Sonunda, tasarım ve düzen seçeneklerim dönüşüm ile belirlenecek. Dönüşüm tasarımının son zihni WordPress ve Divi ile kolaydır. Divi Potajları size tasarımınızı geliştirmek için bir araç sunar. Dönüşüm tasarımı ilkesini kullanarak, tasarımınızı test etmek ve en iyi dönüşümü elde etmek için divi uçları kullanabilirsiniz. Senin sıran! Dönüşüm tasarımı ilkelerini WordPress web sitenize giriyor musunuz? Ekleyecek bir şeyin var mı? Bize yorumlarda söyleyin. Makale Küçük Resim Vadym Nechyporanko / Shutterstock.com
