Düzenle, Yeniden Tasarlama: 7 Savunulabilir Açılış Sayfası Değişikliği

Özet

Çoğu açılış sayfası tavsiyesi, zamanınızın, bütçenizin ve zevkinize güvenen bir patronunuzun olduğunu varsayar. Sizde bunların hiçbiri yok. Bu makale, açılış sayfanızı küçük ve savunulabilir değişikliklerle geliştirmek için 7 adımlı bir çerçeve sunuyor. Her adım, bir toplantıda yüksek sesle söyleyebileceğiniz tek cümlelik bir gerekçeyle geliyor. Çerçeve; tek bir eylemi yazmayı, ilk ekranı denetlemeyi, dikkat dağıtanları kesmeyi, değer vaadini yazmayı, CTA'yı iyileştirmeyi ve değişiklikleri test etmeyi kapsıyor. Ayrıca patronunuz 'canlandır' dediğinde veya gezinmeyi neden kaldırdığınızı sorduğunda ne yapacağınızı da öğreneceksiniz. Amaç, yeniden tasarlamadan haftalık olarak düzenleyebileceğiniz daha net bir sayfa.

Çoğu açılış sayfası tavsiyesi; zamanınız, bütçeniz, hazır bir tasarımcınız ve zevkinize güvenen bir patronunuz olduğunu varsayar. Sizde bunların hiçbiri yok. Sizin bir öğleden sonranız, ortak bir şablonunuz ve her değişikliği 'neden' diye karşılayan bir yöneticiniz var. Asıl sorun bu. Yeniden tasarlamayı çözüm olarak görmeyi bırakın. Çözüm düzenlemek—sayfayı daha net hale getiren ve tek cümleyle gerekçelendirebileceğiniz küçük, spesifik değişiklikler. İşte oraya ulaşmak için yedi adım.

1. Bu sayfanın yapması gereken tek şeyi yazın

Boş bir nota alın ve önemli olan tek eylemi yazın. 'Bizi tanıyın' değil. İki eylem değil. Tek fiil ve tek nesne: 'Fiyatlandırma PDF'ini indir,' 'Demo rezervasyonu yap,' 'Ücretsiz denemenizi başlatın.' Beş kelimeyle söyleyemiyorsanız, ziyaretçileriniz de söyleyemez. Notu patronunuza gösterin. Katılmıyorlarsa, bir aylık kafa karıştırıcı tasarımdan kaçınmışsınız demektir.

Bu not, sayfanızın sözleşmesi haline gelir. Her öğe ya bu eylemi destekler ya da kesilir. Patronunuz şirket zaman çizelgesini neden sildiğinizi sorduğunda nota işaret edersiniz. Tek cümlelik gerekçeniz budur.

Sahadan mikro bir örnek: üç hedefli bir sayfa—e-posta toplamak, ürün satmak ve bir podcast'e bağlantı vermek. Not, ekibi birini seçmeye zorladı. Sayfa kısaldı ve eylem netleşti. Tasarım becerisi gerekmedi.

2. Sayfayı patronunuzun göreceği şekilde görün

Patronunuzun on bir sekmesi açık ve altı dakika sonra bir toplantısı var. Açılış sayfanızı birkaç saniye kaydıracak ve zaman ayırmaya değip değmediğine karar verecek. Bu yüzden sayfayı telefonunuzda açın, üst yarısını kapatın ve açın. İlk gördüğünüz şey ne? Bir başlık mı? Bir logo mu? Ofisin bir fotoğrafı mı?

İlk ekran ne yaptığınızı ve neye tıklanacağını söylemiyorsa, çoktan kaybettiniz. Şimdi ziyaretçinin bağlamını düşünün. Belirli bir şey vaat eden bir reklama tıkladılar. Reklam 'ücretsiz şablon' diyorsa ve sayfa 'bültenimize kaydolun' diyorsa, bu bozuk bir sözleşmedir. Sorun tasarım değil; mesajdır.

İlk ekranı şu üç soruyu sırayla yanıtlayacak şekilde düzeltin: bu ne, onlar için neden önemli ve sırada ne yapmalı. Önce neyi keseceğinizden emin değilseniz, açılış sayfanızın çok yoğun olduğu varsayımıyla başlayın.

3. Tek bir şeyi kesin. Kelimenin tam anlamıyla bir.

Açılış sayfasındaki en yaygın hata, ziyaretçiden birden fazla şey yapmasını istemektir. Bunu her şeyi bir gecede silerek düzeltemezsiniz. Tek seferde yüksek öncelikli bir öğeyi kaldırarak düzeltirsiniz. 'Yüksek öncelikli', dikkati eylemden uzaklaştıran her şey anlamına gelir: dört bölümlü bir gezinme çubuğu, arka plan slayt gösterisi, canlı sohbet balonu, 'Çalışmalarımızı Görün' diyen ikincil bir düğme.

Bugün birini kaldırın. Sayfanın nasıl hissettirdiğine bakın. Sonra önümüzdeki hafta bir tane daha alın. Bu, yeniden tasarımın tam tersidir: kontrollü bir çıkarma işlemidir. Açıklaması da kolaydır: 'İkinci düğmeyi kaldırdım, böylece birincisi belirgin oldu.'

İşte karşıt görüş: tüm gezinmeyi kaldırmanıza gerek yok. Ana sayfaya bağlanan küçük bir logo size neredeyse hiçbir şeye mal olmaz ve patronunuzu sakinleştirir. Ancak ana CTA ile rekabet eden ikinci bir CTA, her ziyaretçi için bir vergidir. Konforu değil, rekabeti kesin.

4. Başlığı yazmadan önce değer vaadini yazın

Zekice bir başlıkla başlamayın. Ziyaretçinin ne elde ettiğine dair sade ve doğru bir cümleyle başlayın. Örnek: 'Kodlama olmadan dakikalar içinde bir açılış sayfası yayınlayabilirsiniz.' Sonra 'Dakikalar içinde açılış sayfası yayınlayın—kodlama yok.' şeklinde kısaltın. Bu sizin başlığınız. Orijinal cümle alt başlığınız olur. Bu, 'ne olmuş yani' testidir. Başlığınız bir rakibin sayfasında görünebiliyorsa, yeterince spesifik değildir.

Patronunuz eski sloganı neden bıraktığınızı soracak. Cevap: slogan şirketi tanımlıyordu; yeni satır sonucu tanımlıyor. Ziyaretçi henüz kim olduğunuzu umursamıyor. Tıkladıklarında ne olacağını umursuyorlar. Bu gerçekten sayfada yalnızca tek bir soruyu yanıtlamakla ilgili—ne elde ettikleri sorusu.

5. CTA'yı bir düğme değil, bir karar haline getirin

Mevcut düğmenize bakın. 'Gönder' veya 'Git' yazıyorsa, bu bir teklif değil, bir taleptir. Metni sonuca göre değiştirin: 'Haftalık planımı al,' 'Bana rehberi gönder,' 'Ücretsiz denememi başlat.' Birinci kişi dili genellikle daha iyi çalışır çünkü ziyaretçinin iç sesiyle eşleşir. Ancak bunu bir kural olarak görmeyin; mümkünse test edin.

Düğme, mobilde kaydırmadan görülebilmeli ve vaade yakın durmalı. Mesajı eylemden dev bir görsel veya on alan isteyen bir formla ayırmayın. Bir alan, beşten daha kolay savunulur: 'Formu tek alana indirdim, böylece insanlar gerçekten bitirebiliyor.' Bu, patronunuzun anlayacağı tek cümlelik bir açıklamadır.

Ve düğmeyi kocaman yapma dürtüsüne direnin. Onu açıkça bir düğme yapın, öne çıkacak kadar kontrast verin ve değer vaadinin yanında tutun. Bu, görsel hiyerarşinin en temel halidir—göz eyleme gider.

6. Her değişikliği tek bir cümleye karşı test edin

Bir şey yayınlamadan önce, neden yaptığınızı tek cümleyle söyleyin. Yapamıyorsanız, yapmayın. Bu, inceleme toplantısında sizi kurtaran alışkanlıktır. Patronunuz bir tercih değil, bir neden duyar. Yaygın geri bildirimleri savunulabilir eylemlere şöyle eşleyelim:

Patronunuzun söylediği	Genellikle ne anlama gelir	Ne yaparsınız (ve söylersiniz)
'Canlandır.'	Sayfa düz veya net değil hissettiriyor.	'Başlıktaki kontrastı artıracağım ve düğmeyi düz bir renk yapacağım.'
'Gezinmeyi neden kaldırdın?'	Ziyaretçilerin kaybolacağından endişeleniyorlar.	'Bu sayfanın tek bir işi var; ileri yolu düğme. Altta bir geri bağlantı ekleyeceğim.'
'Bu görseli beğenmedim.'	Görsel vaatle eşleşmiyor.	'Gerçek sonucun ekran görüntüsüyle değiştireceğim, böylece vaat somut hale gelir.'
'Bir referans ekleyebilir miyiz?'	Sosyal kanıt istiyorlar.	'Evet, CTA'nın yanına, ve eyleme özgü tutacağım.'

Buradaki her satır tek cümlelik bir açıklamadır. Değişikliklerinizi bu şekilde sunarsanız, bir zevke değil, bir sisteme sahipmişsiniz gibi görünürsünüz. Teknik olmayan bir patronun sizden ihtiyacı olan tam da budur.

7. 30 dakikalık bir ayar döngüsü çalıştırın

Başlamak için tam bir A/B test platformuna ihtiyacınız yok. Bir alışkanlığa ihtiyacınız var. Haftada bir değişiklik seçin—bir başlık, bir düğme, bir görsel—bunu yapın, tarihi not alın ve analizlerinizdeki dönüşüm oranını izleyin. Bir mucize değil, bir yön arıyorsunuz. Daha net bir sayfa genellikle daha iyi performans gösterir, ancak amaç zaman içinde kanıt oluşturmaktır.

Hızla başlayın. Sayfanız yavaş yükleniyorsa, en büyük görseli sıkıştırın veya otomatik oynatılan videoyu kaldırın. Bu, patronunuzun kabul edeceği bir açıklaması olan hızlı bir düzeltmedir: daha hızlı sayfalar insanları bekletmez. Oradan yukarıdaki adımlara geçin. Her değişiklik, uzun bir onay döngüsü olmadan yayınlanacak kadar küçüktür. Netlik ve hız, herhangi bir 'Hakkımızda' metninden çok daha fazla güven oluşturur—sayfayı belirsizlikten arındırarak anında güven oluşturabilirsiniz.

Yeniden tasarlamayı bırakın. Düzenlemeye başlayın. Tek eylemi yazın, sayfaya patronunuzun baktığı gibi bakın, bir şeyi kesin, vaadi keskinleştirin, düğmeyi belirgin hale getirin ve her karar için tek cümlelik bir neden bulundurun. Bunu her hafta yapın, sayfa birleşir. Daha büyük bir bütçeye veya yeni bir tasarımcıya ihtiyacınız yok. Her değişikliği savunulabilir bir cümleye dönüştüren bir sisteme ihtiyacınız var. Bu, sizin—ve patronunuzun—üzerinde anlaşabileceği bir şey.