Yüksek Dönüştüren Açılış Sayfalarının Arkasındaki 8 Tasarım İlkesi

Demek Divi'yi keşfettiniz ve bir web sitesi oluşturma arayışına girdiniz. Ancak web sitesi yayına girdiğinde, harika görünmesine rağmen aklınızdaki dönüşüm hedeflerine ulaşmadığınızı keşfettiniz.

Bu, çabalarınızı bırakmanız gerektiği anlamına gelmez. Divi, güzel bir web sitesi yapmak için yapmanız gereken tüm öğrenmeyi atlamanıza izin verse de, yine de dönüşüm sağlayan bir tasarım oluşturmanın ilkelerini anlamanız gerekir.

Bunu yapmak için temel ilkeleri öğrenmeniz ve bunları kendi web sitenizde denemeniz ve uygulamanız gerekir. Elbette, uygulamayı bir süre denemeniz gerekecek ve A/B testi yapmak, oraya daha hızlı ulaşmanıza yardımcı olacaktır. Ancak bu ilkeler olmadan, web sitesini daha uzun süre dönüştürmek için ne yapacağınızı öğreneceksiniz.

Sorun şu ki, açılış sayfalarınız için mükemmel dönüşüm oranlarına ulaşmak çoğu kişi için hızlı bir yolculuk değil. Bir açılış sayfasını %0'dan %50'ye dönüşüm oranı atlayacak sihirli bir formül yoktur.

Ancak, web sitenizin zaten sahip olduğu dönüşüm oranını %100 hatta %300 artırmak, kendiniz başvurduğunuzda alışılmadık bir şey değil. %1'den %3'e yükselse bile, yüz ziyaretçi başına iki olası satış daha olur ve bu, işletmeniz için bir oyun değiştirici olabilir.

Bu sonuçlara ulaşmak için yapmanız gereken tek şey, açılış sayfalarınızın daha karlı olmasını sağlayacak bazı ortak kuralları öğrenmek.

Bu gönderide, açılış sayfalarınızı daha etkili hale getirmeye yardımcı olacak sekiz tasarım ilkesini keşfedeceksiniz.

İnsanlar için Tasarım

Her işletmenin hedef kitlesi farklıdır. Onlar farklı insanlar, üründen farklı şeyler istiyorlar, farklı düşünüyorlar. Duymaları gereken mesajı iletmek için sizinkiyle ilgili her şeyi öğrenmeniz gerekir.

Henüz alıcı kişileri geliştirmediyseniz, bunu açılış sayfası için yapmanız gerekir. Tamamen yeni başlayanlar, bu makalenin tamamını kontrol etmekten daha iyi olur, ancak zaten alıcı kişilikleri hakkında biraz bilginiz varsa, burada hedef kitleniz hakkında bilgi bulabilirsiniz.

• Google ve Facebook analizleri.
• Amaç için Google anahtar kelimelerini arama.
• Reddit ve Quora hakkında kamuoyu arıyor.
• Kullanıcıların sosyal medya profillerini incelemek.
• Kişisel görüşmeler yapmak.

Şimdi, kişisel bir röportaj yapmak, çoğu küçük ve orta ölçekli işletme için aşırıya kaçabilir. Müşteri araştırmasıyla o kadar ileri gitmenize gerek yok, ilk dört yöntem açılış sayfanızı yükseltmek için fazlasıyla yeterli.

En önemli şey, her bir inişi hedef kitlesi için tasarlamaktır. Yüksek değerli yaşam boyu müşteri adayları ve indirimli alışveriş yapanlar için iki farklı pazarlama kampanyası mı düzenliyorsunuz? Aynı inişe sahip olamazsın

Tutarlılık

Bu tavsiye parçası kulağa “karıştırmayın” gibi gelebilir. Eh, bir nevi bundan ibaret. Açılış sayfasının tasarımını ve mesajını, kaynak bağlantının tasarımı ve mesajı ile tutarlı hale getirmeniz gerekir.

Bazı açılış sayfaları, arama sonuçlarından, bazıları ise ücretli reklamlardan trafik alır. Sizin durumunuzda ikincisiyse, banner'ın, mesajın ve açılış sayfası tasarımının aynı hizada olduğundan emin olun.

Büyük bir fark varsa, kullanıcılar bunun bir aldatmaca olduğunu düşünebilir. Ancak kötü niyetli görünmek, endişelenmeniz gereken tek şey değil. Mesaj, sayfanın bağlantısı ile sayfanın kendisi arasında tutarsızsa, birçok potansiyel müşteri aradıklarını bulamadıkları için hemen geri döner.

minimalizm

Bu tasarım ilkesi, yalnızca çağdaş sanat yaratırken kullanışlı değildir. Ayrıca, her şeyden açılış sayfaları tasarlamak için çok kullanışlıdır.

Mesele şu ki, bir açılış sayfası, ziyaretçilere olabildiğince fazla bilgi vermekle ilgili değildir. Dönüşümü kolaylaştırmakla ilgili. Sayfada ne kadar az ek öğe varsa o kadar iyidir.

Sayfada dikkat dağıtıcı hiçbir şey olmadığından ve kullanıcıların doğrudan CTA bölümüne yönlendirildiğinden emin olun.

Bu STK web sitesi olabildiğince az. Üstteki düz çizgi, daha fazlasını görmek için aşağı kaydırmayı biraz işaret ediyor.

kaynak: california çağırıyor

Ancak bu California STK'sı gibi açılış sayfanızda tamamen iddialı minimalist olmanıza gerek yok. Shopify gibi öğelerin sayısını minimumda tutabilirsiniz.

kaynak: shopify

Müşteri adayları, açılış sayfasında CTA'lar ve dikkat dağıtıcı şeylerle bombardıman edilmediğinde, onlara verdiğiniz küçük bilgileri okuyacak ve kaydırmaya devam edeceklerdir.

ön plan

Bu tasarım ilkesi o kadar basittir ki, onu zaten günlük yaşamınızda kullanıyorsunuz. Açılış sayfanıza bir öğrencinin ders kitabı gibi davranın. Kitaptaki tüm bilgiler önemlidir, ancak en önemli kısımlar kaçırılması zor sarı bir işaretleyici ile vurgulanmıştır.

Sayfanızdaki en önemli öğeleri ön plana çıkarmak için arka plan ve yazı tipi rengi, yazı tipi boyutu ve şekli ve beyaz boşluk kullanın.

Ön plana çıkarmanın en basit örneği, alt başlıkları büyütüp farklı bir renk vermektir.

Önemli CTA'lara zıt bir renk vermek de yaygın bir uygulamadır.

Dikkatini çekmek

Bir reklamdan sayfaya yeni bir müşteri adayı geldiğinde, onların dikkatini çekmek için küçük bir zaman aralığınız olur. Bazı kaynaklar, zaman çerçevesinin 2,6 saniye kadar küçük olduğunu iddia ediyor. 3 saniyenin altında bir yabancının dikkatini nasıl çekebilirsin? İşte dört öneri.

• Hareketi (istemeyerek tepki veririz) veya kıvrımın üzerinde insan yüzlerini kullanın
• Teklifinizi ön plana çıkardığınız bir cümle ile açıklayın
• Muhtemelen ücretsiz bir deneme sunarak ilgiyi artırın
• Önemli bir istatistik veya rakam göster

Bu Airbnb açılış sayfası, listeden üç şey yapar.

kaynak: Airbnb

Otomatik olarak dikkat çeken samimi bir yüzü var. Bir kişinin gördüğü bir sonraki şey, para kazanma teklifidir. Airbnb onlara aylık tahmini gösterdiğinde, şirketin tüm dikkati bu liderin üzerindedir.

UX Yazma için Izgaralar ve Görsel İletişim

İyi web sitesi tasarımı az çok tekdüzedir. İyi bir adım değil. Kitleniz hakkındaki tüm bilgilerinizi göz önünde bulundurun ve kullanıcıları dönüşüme ikna edecek bir mesaj oluşturun. Müşterilerinizin öğrendiğiniz sosyal faktörlerini, acılarını ve değerlerinden yararlanın.

Yine de, ürününüzün neden iyi olduğuna dair 1000 kelimelik bir deneme yazmayın. Olabildiğince kısa olun ve söyleyeceklerinizi yapılandırmak için ızgaraları kullanın.

Bu, Divi dahil her çerçeve ve şablonda olduğu için zaten biliyor olabileceğiniz bir tasarım ilkesidir. İşte Shopify'ın kullandığı üç sütunlu bir ızgara.

kaynak: shopify

İşte Airbnb'nin açılış sayfasından iki sütunlu bir ızgara.

kaynak: Airbnb

Izgaralar herkes kullandığı için biraz sıkıcı görünebilir, ancak amacınızı anlamanıza yardımcı olan birkaç şeyden biridir, bu yüzden bir uzlaşmadır. Simgeler ve metin içeren basit bir ızgara sizin için çok sıkıcı görünüyorsa, beyaz boşluk ve farklı ön plan ile renklendirin. Divi ile hareket halindeyken tasarım yapabilir ve ızgara deseninizin tam olarak doğru görünmesini sağlayabilirsiniz.

UX yazımı için kullanabileceğiniz bir diğer önemli tasarım ilkesi ise görsel iletişimdir. UX yazımı yalnızca metin içermez. Ürününüzün müşteri için neler yapabileceğini açıklamak için görseller, animasyonlar veya videolar kullanın.

İşte o California STK'sından minimalist ve cesur bir örnek.

kaynak: california çağırıyor

Zahmetsiz Dönüşüm

Gerçek mekanda faaliyet gösteren mağazalar tasarlayan kişiler, müşterilerin yiyecek alışverişi yapmaları için çemberlerin arasından atlamasını sağlamaz. Müşterilerin satın alma işlemi yapmak için 10 dakikalık bir kayıt sürecinden geçmesini de istememelisiniz. Aslında, açılış sayfasında ne kadar çok form alanınız varsa, o kadar az dönüşüm elde edersiniz.

Dönüştürmek için bir kişinin yapması gereken hareket sayısını olabildiğince az tutun ve harekete geçirici mesajın ön planda ve çok açık olmasını sağlayın. Bir tür ücretsiz deneme sunuyorsanız, yalnızca bir CTA düğmesine ihtiyacınız olabilir. Sonuçta, teklif zaten çok az çaba gerektiriyor.

Bunu yapmazsanız, kullanıcının şimdi dönüştürmeye hazır olmaması durumunda ikinci seçeneği bırakın. Seçim, evet ile hayır arasında değil, evet ile evet arasında, ancak daha sonra olmalıdır.

Yedek CTA'nız olarak bir chatbot'a sahip olmak da harika bir fikir.

İnsanların Tasarımla Nasıl Etkileşime Girdiğini İnceleyin

Bu ilkelerle başlamak ve Google UX yönergeleri hakkında daha fazla bilgi edinmek, dönüşüm sağlayan bir web sitesi için sağlam bir temel oluşturur. Bununla birlikte, bir tasarımcı olarak mükemmel olmak istiyorsanız, kullanıcıların tasarladığınız şeyle nasıl etkileşime girdiğini incelemelisiniz. Özellikle de yüzbinlerce dolar gelir söz konusuysa.

Bunu nasıl yaptın? Web sitesinin müşterinizin bakış açısından nasıl görüneceğini keşfetmekle başlayabilirsiniz.

Farklı boyuttaki ekranlarda tasarımın nasıl değiştiğini görmek için tarayıcı penceresini yeniden boyutlandırmak için Chrome veya Firefox geliştirici aracını kullanın. Web siteniz dünyanın farklı yerlerindeki müşterileri hedefliyor mu? Daha iyi test için ayrıca VPN kullanmalısınız. Örneğin, Mac, Android ve diğerleri için birçok VPN vardır. Bu, müşteri kaybetmemenize yardımcı olacaktır.

Ayrıca Japonya veya Yeni Zelanda'dan bir ziyaretçi olsaydınız ne kadar hızlı yükleneceğini görmenize yardımcı olur. Sunucularınız yalnızca ABD'de bulunuyorsa, diğer ülkelerden gelen ziyaretçiler daha uzun yükleme süresi yaşayabilir ve bu istediğiniz bir şey değildir.

Son olarak, gerçek insanların web sitenizle nasıl etkileşime girdiğine bakmanız gerekir. Açılış sayfasının birden çok sürümünü tasarlayın ve hangisinin en iyi performansı gösterdiğini görmek için Divi'nin bölünmüş test aracını kullanın.

Daha da fazla içgörü elde etmek için, insanların farelerini nereye tıkladıklarını ve nereye geldiklerini görmek için Hotjar gibi bir ısı haritası aracı edinin. CTA'nız istediğiniz ilgiyi görmüyorsa, iyileştirmeniz gerektiğinin bir işaretidir.

Son düşünceler

Bu sekiz tasarım ilkesi, açılış sayfalarınızı daha iyi hale getirmede uzun bir yol kat edecektir. Ama sırf sekiz tanesini tanıdınız diye öğrenmeyi bırakmayın. Açılış sayfaları için tasarım ilkeleri hakkında daha fazla bilgi edinin, potansiyel müşterilerinizin dikkatini çekmek için Divi'de nasıl paralaks arka planlar oluşturacağınızı öğrenerek UI tasarımı bilginizi yükseltin.

PureSolution / Shutterstock.com aracılığıyla Öne Çıkan Görsel