Beyaz Boşlukla Dönüşümleri En Üst Düzeye Çıkarma

Hiç bir şeyi başaramadığınız bir gün yaşadınız mı? İş arkadaşlarının dikkatini dağıtmak, çok fazla arka plan gürültüsü ve sürekli e-posta bildirimleri, işin yapılmasını engelleyebilir. Şu ya da bu nedenle odaklanmak zordur ve kendinizi inanılmaz derecede verimsiz bulursunuz.

Pek çok kişinin kendi sessiz alanlarında yalnız kaldıklarında ellerinden gelenin en iyisini yapması gibi, aynı şey tıklama sonrası açılış sayfası bileşenleri için de geçerlidir. tıklama sonrası açılış sayfası öğeleri, izole olduklarında amaçlarına en iyi şekilde hizmet eder; başka hiçbir öğe veya dikkat dağıtıcı unsur yoktur. Sadece boşluk - beyaz boşluk.

Beyaz boşluk: Bu nedir ve neden kullanmalısınız?

Boş alan veya negatif alan olarak da bilinen beyaz alan, bir web sayfasındaki belirli bir öğeyi vurgulamaya veya dikkat çekmeye yardımcı olan alandır.

Beyaz alan grafik tasarımı, insanların tıklama sonrası açılış sayfası öğelerine odaklanmasını sağlar çünkü yakınlarda bakacak başka bir şey olmadığından orada ne olduğuna bakmak zorunda kalırlar.

Beyaz boşluğun mutlaka "beyaz" olmadığına dikkat etmek önemlidir - yalnızca boş, işaretlenmemiş alan. Farklı öğeleri ayırmaya yardımcı olduğu ve vurguladığı öğeyle zıtlık oluşturduğu sürece herhangi bir renk olabilir.

Beyaz alan tasarımının arkasındaki psikoloji

Beyaz boşluk, dağınıklığı büyük ölçüde azaltıp bir web sayfasını estetik açıdan hoş kılsa da; aşağıdakiler de dahil olmak üzere birkaç başka işlevsel amaca da hizmet eder:

• Artırılmış okunabilirlik
• Geliştirilmiş odak
• Teklifin daha iyi anlaşılması
• Gelişmiş kullanıcı deneyimi

O sırada fark etsek de etmesek de, negatif alan ruhumuza dokunarak bu amaçları yerine getirir. Bu alan, görüntüleyenlere sayfanızın içeriğini işlerken görsel bir mola verir. Bu önemlidir, çünkü aynı anda çok fazla bilgi veya görsel veri, bilişsel yorgunluğa, diğer bir deyişle aşırı bilgi yüklemesine neden olarak beynin herhangi bir bilgiyi emmesini ve tutmasını zorlaştırabilir.

Daha az dağınıklık ve daha az dikkat dağıtıcı şeyle, beynimizin bilgileri alması ve işlemesi ve en önemli şeylere daha iyi odaklanması çok daha kolay.

Beyaz alanı olmayan bir tıklama sonrası açılış sayfası

Harika bir ilk izlenim oluşturamamak, toplam dönüşümleriniz ve nihayetinde kârlılığınız açısından maliyetli olabilir. Bu nedenle, tıklama sonrası açılış sayfalarında iyi beyaz boşluk örnekleri göstermeden önce, hemen hemen hiç boşluk içermeyen bu LogiGear tıklama sonrası açılış sayfasına bakalım:

Bu sayfa hakkındaki ilk izleniminiz neydi? Biraz bunaltıcı çünkü her şey birbirine dolanmış ve nefes alacak yer yok - gezinmeyi, önemli olana odaklanmayı ve teklifi kavramayı zorlaştırıyor. Sanki tasarımcı, ekranın üst kısmındaki her şeyi göstermeye ve çok dengeli bir sayfaya sahip olmaya çalışıyormuş gibi, okunabilirliği tamamen azaltıyor.

Artık tıklama sonrası açılış sayfası tasarımıyla ne yapmamanız gerektiğini gördüğünüze göre, birkaç harika beyaz boşluk örneğini inceleyelim.

Beyaz alan hangi öğeleri optimize etmeye yardımcı olabilir?

Beyaz boşluk, yön işareti görevi görür ve yön işaretleri, tıklama sonrası açılış sayfanızın en önemli öğelerine işaret eden görsel yardımcılardır. Beyaz boşlukla vurgulanacak en önemli unsurlardan bazıları şunlardır:

Başlık

Tıklama sonrası açılış sayfası başlığınız dikkat çekici olmalıdır çünkü genellikle görüntüleyenlerin girişte gördükleri ilk öğedir. Bir başlık, etrafında yeterli beyaz boşluk varsa ziyaretçilerin dikkatini daha da hızlı çekebilir.

BigMarker, bu ücretsiz deneme tıklama sonrası açılış sayfasını baştan sona bol miktarda boş alanla oluşturdu. Bu ekran görüntüsü, başlığın ve formun sayfadan çıkarak hemen nasıl dikkat çektiğini gösteren, ekranın üst tarafını gösterir:

Yazılım ekran görüntüleri

Beyaz alan genellikle bir şirketin yazılımının ekran görüntüsü, ürünlerinin bir görüntüsü veya hizmetlerini gösteren bir video etrafında tasarlanır. İlgi çekici medya, dönüşümleri artırmada çok büyük bir rol oynadığından, markaların izleyicilerin medyayı daha kolay fark etmesini sağlamak için medyanın çevresine negatif alan eklemesi alışılmadık bir durum değildir.

Bu OfficeX tıklama sonrası açılış sayfasındaki yazılımın resmi, büyük bir boş alanla çevrili olduğu için, sayfayı aşağı kaydırırken izleyicilerin dikkatini çekiyor:

Geri sayım saati

Geri sayım sayaçları kasıtlı olarak bir aciliyet ve kıtlık duygusu yaratır çünkü insanlar tükenmekte olan şeyleri isteme eğilimindedir. Zamanlayıcılar, çeşitli teklifler için kullanılabilir (web semineri kayıtları, özel etkinlik kayıtları, fiyat indirimleri vb.) ve dönüşüm oluşturmada inanılmaz derecede ikna edici olabildikleri için; ziyaretçilere atlamaları önemlidir.

Ziyaretçilerin teklifin süresi dolmadan önce son tarihi fark etmelerini sağlamak için geri sayım zamanlayıcılarında bol miktarda negatif alan kullanan Exact Data'dan bir örneği burada bulabilirsiniz:

Potansiyel müşteri yakalama formu

Potansiyel müşteri yakalama formları, en kritik tıklama sonrası açılış sayfası öğelerinden biridir, bu nedenle, mümkün olduğunca fazla dikkat çekmek için onları bol miktarda beyaz alanla vurgulamak mantıklıdır.

Bu Stackla tıklama sonrası açılış sayfasında, arka plandaki göz bakışı ve bol miktarda beyaz alan yardımıyla ziyaretçilerin gözleri hemen forma çekilir:

Buton

İster iki adımlı bir katılım, ister tıklama veya bir bağlantı etiketiyle köprülenmiş olsun; düğmeler boşluktan tam olarak yararlanabilir.

YP Pazarlama Çözümleri, ziyaretçileri ekranın üst kısmındaki forma geri döndürmek için tıklama sonrası açılış sayfasının alt kısmına hiper bağlantılı bir düğme ekledi. Bol miktarda alanla çevrili olduğu için düğmenin nasıl öne çıktığına dikkat edin:

şirket hizmetleri

Web kullanıcıları, tüm bir kopya sayfasını okumak yerine, en değerli bilgileri bulmak için bir web sayfasını hızlı ve kolay bir şekilde taramayı tercih eder. Bu nedenle, tıklama sonrası açılış sayfası kopyanızı madde işaretleri veya ikonografi ile işaretlenmiş küçük parçalar halinde tasarlamak idealdir. Bunu beyaz boşlukla birleştirdiğinizde madde işaretleri daha da fazla dikkat çeker.

Ekranın hemen altındaki Comporium Media Services, ek hizmetlerini ikonografi ve minimum metinle öne çıkarıyor:

Müşteri referansları

Görüşler, bir tıklama sonrası açılış sayfasındaki en ikna edici unsurlardan biridir çünkü güvenilirlik ve güven katarlar ve ürün veya hizmetinizin gerçek müşterilerin başarıya ulaşmasına yardımcı olan farklı yönlerini vurgulayabilirler.

Referanslarınızın fark edildiğinden emin olmak için Outbrain'in örneğini takip edin ve onları beyaz boşlukla çevreleyin:

Şirket rozetleri

Müşteri referanslarının yanı sıra şirket rozetleri, bir tıklama sonrası açılış sayfasının en ikna edici yönlerinden biridir. Tanınmış, saygın markaların rozetlerini görüntülemek, otorite ve güvenilirlik oluşturmaya yardımcı olur - potansiyel müşterileri formunuzu doldurmaya ve CTA düğmesine tıklamaya yönlendirir. Müşteri adayının zihninde, "Eğer bu son derece güvenilir şirketler ürün veya hizmete güvendiyse, ben de güvenebilirim" diye düşünürler.

Göstermek için Alteryx, en büyük müşterilerinden ve ortaklarından bazılarını ücretsiz deneme tıklama sonrası açılış sayfasında ekranın alt kısmında sergiliyor:

Beyaz alan web tasarımı hakkında son bir not

Herhangi bir tıklama sonrası açılış sayfası tasarımına beyaz boşluk eklediğinizde, kaçınılmaz olarak sayfa büyük olasılıkla uzar. Bu mutlaka kötü bir şey değildir çünkü web kullanıcıları kaydırma yapmayı bekler. Ziyaretçileri istediğiniz yöne yönlendirmek için sayfadaki diğer görsel ipuçlarını dahil ettiğiniz sürece, ziyaretçilerin odaklanmış ve meşgul olmaları muhtemeldir.

Aşağıdaki, önemli öğelerinin her birinin etrafında beyaz boşluk bulunan Yayınlama Kontrol Listemize tıklama sonrası açılış sayfamıza bir göz atın. Ayrıca aşağı ok, izleyicileri teklifi değerlendirmeye devam etmek için aşağı kaydırmaya teşvik eder:

Bir sonraki tıklama sonrası açılış sayfanız beyaz alanı nasıl kullanacak?

Beyaz alan boş alan olarak anılsa da alan boşa gitmez. Tıklama sonrası açılış sayfası beyaz alanında bilinçli ve kasıtlı bir niyet vardır. Tek tek öğeleri ayırarak ve vurgulayarak, kavrayışı ve genel kullanıcı deneyimini etkili bir şekilde artırırsınız ve karşılığında dönüşümleri artırabilirsiniz.

Bunu bilerek, bir sonraki tıklama sonrası açılış sayfanızda hangi öğeleri vurgulayacaksınız?

Kendi tamamen optimize edilmiş tıklama sonrası açılış sayfalarınızı birkaç dakika içinde oluşturmak için tasarımcı dostu platformumuzu kullanın. Instapage ile sektördeki en gelişmiş analitikle %100 özelleştirmenin keyfine varacaksınız. Instapage Enterprise demosuna bugün kaydolun.