Ön Tasarım İncelemelerinizde Nelere Bakmalısınız?

Yer tutucu metin ziyaretçilerinizin kafasını karıştırabilir. Yanlış yazı tipi, sayfanızın mesajını gizleyebilir. Başarılı bir tıklama sonrası açılış sayfası tasarımı oluşturmak için çok sayıda küçük ayrıntı bir araya geldiğinde, yalnızca bir tanesini gözden kaçırmak size dönüşümlere mal olabilir.

Bu nedenle, tıklama sonrası açılış sayfanızı tamamlamadan önce bir ön tasarım incelemesi yapmanız gerekir.

Ön tasarım incelemesi

Tıklama sonrası bir açılış sayfası tasarlamak, tüm bir reklam öğesi ekibinin koordinasyonunu gerektirir. UX tasarımcıları, metin yazarları, proje yöneticileri ve geliştiricilerin hepsinin bu süreçte oynayacağı bir rol vardır. (Instapage İşbirliği Çözümünün bu süreci nasıl hızlandırabileceğini öğrenin.)

Çoğu zaman, düşük kaliteli bir tel kafes çizilmeden önce, tasarım ekipleri her sayfa öğesiyle ilgili bu soruları yanıtlar.

1. Bunu neden yapıyoruz / Hangi sorunu çözmeye çalışıyoruz?

Örneğin, tıklama sonrası açılış sayfanız için medya tasarladığınızı varsayalım. Birinci adımda, kararınızın arkasındaki “neden”i belirlemek istersiniz. Tıklama sonrası açılış sayfanıza bakın. Neden medya eklediniz?

Ürününüzün neye benzediğini potansiyel müşterilere göstermek mi? Hizmetinizin nasıl çalıştığını açıklamak için mi? Ne tür bir medyanın hedefinize en iyi şekilde ulaşacağını belirlemek için cevabı kullanın.

Bir kahraman fotoğrafı, ziyaretçilerin ürününüzle daha iyi bir yaşam hayal etmelerine yardımcı olabilir. Sorununuz “Hizmetimiz yeni ve insanlar bunu anlamıyor” ise, açıklayıcı bir video tam olarak nasıl çalıştığını gösterebilir.

Asla unutmayın: Tıklama sonrası açılış sayfanızdaki hiçbir şey amaçsız tasarlanmamalıdır. Her öğe dönüşüm oranına katkıda bulunur.

2. Kimin için yapıyoruz?

Belirli bir başlık yazı tipi için tercihiniz? Unut gitsin. "Son teknoloji" olduğunu düşündüğünüz bu stok görüntü? Dışarı at. Tasarımınızın özü, ziyaretçilerinizin tercih ettiği şeyler etrafında dönmelidir.

Bu sayfayı kimin için yaratıyorsun? Onlarda hangi mesaj yankılanacak? Beklentilerinizi tam olarak anlamak için iyi bir adım, alıcı kişilikleri oluşturmaktır.

Hedef müşteri segmentlerinizin bu araştırmaya dayalı temsilleri, tıklama sonrası açılış sayfası tasarımınızı temel almak için kullanabileceğiniz demografik bilgiler ve davranışlar (ve daha fazlası) hakkında bir fikir verecektir.

Müşteri anketlerinden elde edilen nitel veriler ve analitik araçlarından elde edilen nicel veriler yardımıyla bunları oluşturun. Kime satış yaptığınız hakkında bir fikriniz olmadan, onlara nasıl satış yapacağınızı belirlemeye başlayamazsınız.

3. Başarılı olduğumuzu nasıl bileceğiz?

Belirli bir tasarım öğesini uygulayacaksanız, o öğenin amacınıza ulaşıp ulaşmadığını ölçmenin bir yolunu bulmalısınız.

Daha uzun bir kopyaya sahip bir sayfanın hizmetinizi en iyi şekilde tanımlayacağını düşünüyorsanız, başarısını kaydırma derinliği ve dönüşüm oranı ile ölçebilirsiniz.

Bir videonun uzun kopyadan daha iyi çalıştığını düşünüyorsanız, metin ağırlıklı bir sayfaya kıyasla başarısını belirlemek için bir ölçüm ve dönüşüm oranı olarak oynatmaları kullanabilirsiniz.

Tasarım öğelerinizin başarısını doğru bir şekilde ölçebilecek bir metriği önceden belirlediğinizden emin olun. Aksi takdirde, dönüşüm oranınıza neyin katkıda bulunduğunu bilemezsiniz. Ve dönüşüm oranınıza neyin katkıda bulunduğunu bilmiyorsanız, onu iyileştiremezsiniz.

Ön tasarım incelemesinde değerlendirilecek unsurlar

Microsoft tasarımcısı Claudio Guglieri, "Her bileşene bir tasarım yarışmasında sunulabilecekmiş gibi davranın" diyor. “Her bileşene dikkat ederseniz, bütün, parçaların toplamından daha fazlası olacaktır.”

Tıklama sonrası açılış sayfası bileşenlerinin her biri eve bir tasarım ödülü getirebilir mi? Tel kafeslerinizi geliştirmeye göndermeden önce emin olmanız önemlidir. Hataları yakalamak, yayınladıktan sonra maliyetli hatalardan kaçınmak için çok önemlidir.

Önceki üç sorunun yanıtları işletmeden işletmeye farklılık gösterse de, tıklama sonrası açılış sayfası öğelerine yönelik en iyi uygulamalar değişmez. Aşağıdakileri değerlendirerek sayfanızın yayına girdikten sonra dönüşüm oranınızı düşürmeyeceğinden emin olun:

Düzen

Binlerce yıldır bir ızgara sistemi yardımıyla okuduk. İnternetin doğuşundan önce dergilerde, kitaplarda ve gazetelerde olduğu gibi bugün de sütunlar ve satırlar web'de gözlerimizi yönlendiriyor.

Alex Bigman, "Bunlar, aşağı yukarı doğrudan web'e taşınan sistemlerdir ve çalışırlar" diyor. “Akıllıca söz: Birçok tasarımcı 'yaratıcılık' adına ızgaradan kaçınmaya çalıştı; bu tür birçok web sitesi okunmuyor.”

Araştırma bunu doğrulamaktadır. Microsoft ve MIT'den yapılan bir araştırma, iki denek grubuna biri geleneksel, diğeri geleneksel olmayan farklı sayfa düzenleri sunulduğunda, yanıtlarının aşağıdaki gibi olduğunu buldu:

• Geleneksel olmayan grup, parçayı okumak için geçen süreyi fazla tahmin etti ve zaman zaman mizanpajdan fiziksel olarak hoşnutsuzluğunu kaşlarını çatarak gösterdi.

• Geleneksel grup, parçayı okumaları için geçen süreyi hafife aldı ve okurken daha fazla odaklandıklarını bildirdi.

Aynı şekilde yerleşim kurallarından da kaçınılmamalıdır; tasarım kuralları da olmamalıdır. Jakob Nielsen'in web kullanıcı deneyimi yasası, internet kullanıcılarının zamanlarının çoğunu diğer web sitelerinde geçirdiklerini belirtir. Bu diğer web sitelerinde, web'in nasıl çalıştığına dair beklentilerini oluşturdular.

Örneğin, kullanıcılar altı çizili metni bir köprü olarak tanımaya başladılar. Logolar çoğunlukla sayfanın sol üst köşesinde bulunur ve bunlara tıklamak genellikle bir kullanıcıyı ana sayfaya yönlendirir (yine de bu, tıklama sonrası açılış sayfanızda olmamalıdır). Nielsen, bir sistemin aşinalığının kullanıcı memnuniyetini büyük ölçüde etkilediğini söylüyor:

Kullanıcıların beklentileri ne kadar doğru çıkarsa, sistemi o kadar kontrol altında hissedecekler ve sistemden o kadar çok hoşlanacaklardır. Ve sistem kullanıcıların beklentilerini ne kadar kırarsa, kendilerini o kadar güvensiz hissedecekler.

Tasarım kurallarının ötesinde, görsel hiyerarşi, ziyaretçilerin bakışlarını bir sayfadaki en önemli içeriğe yönlendirir. Gestalt psikolojisine dayanan tekniklerle bir tane oluşturarak, en önemli bilgilerinizi öne çıkarmak için biçimlendirmeyi kullanabilirsiniz.

• Boyut: Ne kadar büyükse, o kadar çok dikkat çekecektir.

• Konum: İnsanlar sayfaları yukarıdan aşağıya, soldan sağa doğru tüketir. Bu nedenle, sol üst kısımdaki öğeler, sağ alt kısımdaki öğelerden daha sık görüntülenecektir.

• Renk: Sayfanın geri kalanıyla kontrast oluşturan renkler dikkat çekecektir.

• Yoğunluk: Küçük bir alana birkaç öğe eklemek, o alanın çektiği dikkat miktarını artıracaktır.

• Değer: Daha koyu bir nesne, daha açık bir nesneden daha belirgin görünecektir. Örneğin, kalın kelimeler daha dikkat çekicidir.

En önemli bilgilerinizi ileten öğeler - Başlıklar, avantajlar, bilgilendirici medya ve CTA düğmeniz - okuyucunun dikkatini çekmek için yukarıdaki özelliklerle biçimlendirilmelidir.

Tip

Sayfanızın dönüştürme yeteneği, büyük ölçüde türe ve biçimlendirmesine bağlıdır. Akıllıca seçilmiş bir yazı tipi güveni ve okunabilirliği artırabilirken, kötü seçilmiş bir yazı tipi her ikisini de olumsuz etkileyebilir. Emin olun:

Tıklama sonrası açılış sayfası yazı tipiniz, web sitenizin yazı tipiyle tutarlı

Marka tutarlılığı, satın alma kararlarında güçlü bir etkendir. Sadık ziyaretçiler, tıklama sonrası açılış sayfasını işletmenize ait olarak tanımıyorsa, buna güvenmeyebilirler. Adobe Typekit ve Google Fonts'tan gelen yazı tipleriyle markanızı koruyun.

Yazı tipiniz her boyutta okunabilir

Kullanılabilirlik uzmanı D Bnonn Tennant, kitaplarda gördüğümüze yakın olduğu için 16 pikseli önerir (ekran solda, kitap sayfası sağda):

Çalışmalar, serif'in çevrimiçi olarak daha küçük boyutlarda okunmasının daha zor olduğunu gösterdiğinden, gövde kopyasında sans-serif metni kullanın. Okunabilirliği sağlamanın iyi bir yolu, yazı tipinizin “il1” testini geçebildiğinden emin olmaktır:

Farklı yazı tiplerini minimumda tutarsınız

Dekoratif yazı tipleri dikkat çekebilir ve tıklama sonrası açılış sayfanıza bir kişilik dokunuşu katabilir. Ancak, çok fazla kullanmak, tıklama sonrası açılış sayfanızın çevrimiçi bir fidye mektubu gibi görünmesine neden olur:

Tıklama sonrası açılış sayfanızda en fazla iki farklı yazı tipine bağlı kalın, aksi takdirde markanızın gücünü azaltma, sayfanızın dağınık görünmesi ve okunabilirliği zedeleme riskiyle karşı karşıya kalırsınız.

Metin satırlarınız dengeli bir uzunlukta

Unutmayın, insanlar bir ızgara yardımıyla okumaya alışkındır. Metin satırlarınız bu ızgarayı dikkate almaz ve tüm sayfayı kaplarsa, ziyaretçilerin dikkat süresinin sınırlarını zorlarlar. Aynı zamanda, eğer çok kısalarsa, okuyucunun gözü çok sık geriye gitmek zorunda kalacak ve bu da onların ritmini bozacaktır.

Bilinçaltında yeni bir satıra atlamak okuyucuya enerji verir. Ancak bu enerji, hat uzadıkça yıpranır. Bu nedenle, kullanılabilirlik danışmanlığı ekibi Baymard Enstitüsü, 50-75 karakter arasında bir satır uzunluğu önermektedir.

Satır aralığınız okunabilirliğe yardımcı olur

Çizgileriniz arasındaki dikey boşluk, büyük ve küçük arasında bir denge bulmalıdır. Çok küçük ve bir çizgi altındaki çizgiyle karışmaya başlayacak; çok büyük ve ziyaretçinizin gözü bir satır ile bir sonraki satır arasında kaybolacak.

Yazı tipi tasarımcısı Matthew Buterick, maksimum okunabilirlik için her satır arasındaki aralığın yazı tipi boyutunun bir yüzdesi olması gerektiğini iddia ediyor - tam olarak %120-%140.

Metin, web'deki okuma kalıplarını barındırır

Metin ağırlıklı sayfalarda, okuyucular bir sayfayı "F" harfine benzeyen bir düzende işleme eğilimindedir. Resim içeren sayfalarda bu desen daha çok "Z" harfine benziyor.

Metninizin görsel hiyerarşi yardımıyla en değerli bilgilerinizi ziyaretçilerin okuma tarzına uygun bir şekilde ilettiğinden emin olun.

Başlıklar, alt başlıklar, madde işaretleri ve kalın harfler, sayfayı tararken ziyaretçilerin gözlerini ekrana çeker.

sol kenar boşluğunu kırmazsın

Okuduğumuzda sol kenar gözümüz için “ev”dir. Metin satırları birçok farklı noktada bitebilir, ancak sol kenar boşluğu, onu tamamladıktan sonra gözlerimizin sektiği yerdir.

Bu nedenle, gövde metninizi her zaman sola hizalamalısınız (başlıklar ortalanabilir) ve sol kenar boşluğunu asla fotoğraf gibi öğelerle kesmemelisiniz.

Aksi takdirde, tıklama sonrası açılış sayfanızı
daha fazla
ziyaretçileriniz için zor
okumak.

Renk

Tıklama sonrası açılış sayfanız için doğru renkleri seçmenin, renklerin psikolojik olarak ne anlama geldiğiyle daha az, gözü nasıl çizdiğiyle daha çok ilgisi vardır. Renk çarkından seçilen iki ila üç renkle (basit daha iyidir, çalışmalar gösteriyor), dikkati dönüştürmeyle ilgili öğelere yönlendiren bir şema oluşturabilirsiniz: formunuz ve CTA düğmeniz.

Tamamlayıcı renk şeması

Renk çarkında birbirine zıt renkler seçilerek tamamlayıcı şemalar oluşturulur. Bu karşıtlık, bu şema içindeki öğeler arasında karşıtlık yaratır.

Benzer renk şeması

Renk tekerleğinde komşularla benzer bir renk şeması oluşturulur. Tamamlayıcı bir şema ile aynı düzeyde kontrast oluşturmayacaktır, ancak görsel olarak sindirimi kolay olacaktır.

Tek renkli renk şemaları

Renk çarkında aynı tonun tonları, tonları ve tonları ile tek renkli bir renk şeması oluşturulur. Tek renkli bir şemadaki renkler arasındaki farklar ince olduğundan, form ve CTA düğmesi gibi öğelerin açılmasını sağlamak için genellikle tek bir tamamlayıcı renkle eşleştirilirler.

Renk düzeniniz markanızı yansıtıyor mu?

Bu diyagramlara bakarak, temel, vurgu ve arka plan rengini nasıl seçeceğinizi merak ediyor olabilirsiniz. Cevap? Markanızın renkleriyle başlayın.

• Marka tutarlılığını güçlendiren bir renk şeması oluşturmak için logonuzdaki renkleri başlangıç ​​noktası olarak kullanın.

• Ardından, logonuzun ne üzerinde görüneceğini belirleyerek bir temel renk oluşturun.

• Son olarak, maksimum dikkat çekmek için birbiriyle kontrast oluşturan bir arka plan ve vurgu rengi (CTA düğmenizin rengi) seçin.

Burada doğru renkleri seçip seçmediğiniz hakkında daha fazla bilgi edinin.

Gezinme menüsü, alt bilgi

Bunlar belki de listenizi kontrol etmek için en kolay tasarım öğeleridir. Tıklama sonrası açılış sayfası tel kafesinizin üst kısmına bakın. Birisi bir gezinme menüsü mü çizdi? Eğer öyleyse, çöpe atın.

Şimdi aşağıya bakın. Çok sayıda site bağlantısı içeren bir altbilgi çizilmiş mi? Eğer öyleyse, onları kaldırın.

Tıklama sonrası açılış sayfanızın dönüşüm oranı 1:1 olmalıdır, yani tıklama sonrası açılış sayfanızda yalnızca bir tıklanabilir öğe olmalıdır: CTA düğmeniz. Araştırmalar, giden bağlantıların dönüşüm oranını düşürdüğü fikrini güçlendiriyor, bu nedenle onları hariç tutarak ziyaretçilerinizin odaklanmasını sağlayın.

Görüntüler

Medya, doğru şekilde kullanıldığında, tıklama sonrası açılış sayfanızda güçlü bir ikna edici olabilir. Öne çıkarmayı düşünmek isteyeceğiniz bazı resimler:

• Ziyaretçilerinize teklifinizin nasıl göründüğü veya nasıl çalıştığı hakkında bir fikir veren ürün resimleri .

• Bilgileri görsel olarak sindirimi kolay bir şekilde ileten Infographics . Grafikler ve çizelgeler, insanların veri kümelerini karşılaştırmasına yardımcı olmak için mükemmeldir.

• Ziyaretçinin, teklifinizle hayatlarının nasıl iyileşeceğini hayal etmesine yardımcı olan kahraman çekimleri .

• Çalıştığınız güvenilir markaları veya yer aldığınız tanınmış yayınları vurgulayan şirket logoları .

• Ziyaretçilerin sayfanızda güvende olduklarını bilmelerini sağlayan güvenlik rozetleri .

• İşletmenizin kazandığı ödülleri vurgulayan yetki rozetleri .

Tıklama sonrası açılış sayfası tasarımınızı incelerken, bu resimlerin mizanpajınızda anlamlı olduğundan emin olun. Güvenlik rozetleri, bir formun yanında en etkilidir. Otorite rozetleri gibi, kahraman çekimleri de sayfanızda birinci sınıf gayrimenkullerle ödüllendirilmelidir. Görüntünün nerede olduğu, ne ilettiği kadar önemlidir.

Form tasarımı

Tıklama sonrası açılış sayfasında genellikle birincil sürtüşme kaynağı olduğundan, formunuzun özellikle dikkatli bir şekilde tasarlanması gerekir. Değilse, kötü etiketler ziyaretçilerin kafasını karıştırabilir ve gereksiz alanlar onları korkutup kaçırabilir.

Ön tasarım incelemeniz sırasında, kendinizinkini değerlendirirken Nielsen Norman Group'un form tasarımı için en iyi uygulamalarına bakın:

Yalnızca kesinlikle ihtiyacınız olan bilgileri mi istiyor?

Pazarlama ve satış ekipleriniz, alıcı yolculuğunun farklı aşamalarında nitelikli müşteri adayının tanımı konusunda hemfikir olmalıdır. Bu tanım, her aşamada potansiyel müşterilerden yakalamanız gereken bilgileri içermelidir.

Formunuzun yalnızca potansiyel müşterilerin işinize uygun olmasını sağlamak için gerekli gördüğünüz bilgileri istediğinden emin olun. Kaldırdığınız her form alanıyla dönüştürme şansınız artar. Sadece Marketo'daki ekibe sorun:

Alanlarınız tek sütun biçiminde mi sunuluyor?

Form alanlarınızı yatay veya çift sütun biçiminde yerleştirmek yerine, tek bir sütunda sunulduğundan emin olun. İki sütun, ziyaretçinizin her alanı doldururken aşağı doğru ilerlemesini kesintiye uğratır (şehir/posta kodu gibi ilgili alanlar için bir istisna yapılabilir).

Benzer alanlar ve etiketler birlikte gruplandırılmış mı?

Ad ve soyadı, şehir ve posta kodu, kredi kartı ve CVV gibi alanlar, etiketler gibi tanımlayıcı bilgiler gibi birbirine yakın olmalıdır. Araştırmalar, kaybolan yer tutucu metnin ziyaretçileri hayal kırıklığına uğratma ve kafalarını karıştırma potansiyeline sahip olduğunu gösterdiğinden, bu etiketler her alanın içinde değil, üzerinde olmalıdır.

Sürtünmeyi azaltmak için form alanlarını birleştirebilir veya değiştirebilir misiniz?

Formunuzda yanıt için üçten az seçenek içeren bir açılır menü kullanılıyorsa, formu bir dizi radyo düğmesi gibi tamamlanması daha kolay bir şeye dönüştürmeyi düşünün:

Ad ve soyadı soran bir sıkıştırma sayfası formu tasarlıyorsanız, alanları birleştirmeyi veya hatta soyadını kaldırmayı düşünün (bazı sayfalar hiç ad istemez).

İşleri daha da kolaylaştırmak için, ziyaretçilerin bir düğme tıklamasıyla dönüşüm gerçekleştirmesini sağlamak için sosyal otomatik doldurma özelliğini sunmayı düşünün.

Düğme tasarımı

Çoğu zaman, tıklama sonrası açılış sayfası ziyaretçileri, bir teklif talep etmek için tam olarak nereye tıklamaları gerektiğini bilirler. Bu, iyi düğme tasarımının sonucudur - ve sizin de amaçlamanız gereken şey budur.

Beklentiler, güvenilirliğinizi ve teklifinizin değerini belirlemek için şimdiden çok düşünüyor. Nasıl hak iddia edeceklerini belirlemek için onları daha fazla çalıştırmayın. Aşağıdakileri kontrol ederek yanlışlıkla düğmenizi yanlış tasarımla gizlemekten kaçının:

Düğmeniz bir düğmeye benziyor mu?

Klavyenizdeki düğmelere bakın. Bunlar, potansiyel müşterilerinizin gerçek dünyada zorlamak için kullandıkları şeyler. Sizinki benzer görünmelidir.

Ne kadar benzer? Bu, kitlenize bağlıdır.

Skeuomorfik düğmeler

İnternet konusunda bilgili olmayan izleyiciler için, skeuomorfik tasarım teknikleri bir düğmenin tanımlanabilir olmasına yardımcı olabilir. Skeuomorfizm, gerçek dünyadaki nesnelerin makyajını taklit eden bir tasarım stilidir. İşte skeuomorfik tasarımla oluşturulmuş bir dijital hesap makinesi örneği:

Gölgeleme gibi üç boyutlu efektler, düğmelerin basılabilir görünmesini sağlar. İnternetin ilk günlerinden beri alıştığımız şeyler bunlar:

Bu nedenle, alıcı kişilerinizi oluştururken, hedef kitlenizin çevrimiçi ortamda çok fazla zaman harcamadığını keşfederseniz, bu tür bir düğme, tıklama sonrası açılış sayfanıza eklediğiniz düğme olabilir. İşte son derece stilize edilmiş bir tane:

Ziyaretçilerinizin daha deneyimli internet kullanıcıları olmasını bekliyorsanız, bir düğmeyi tanımlamak için gölgeler gibi ipuçlarına ihtiyaç duymayabilirler. Şunları kullanmak mümkün olabilir…

Düz düğmeler

Düz tasarım, dijital dünyada nesnelerin yeniden yaratılması etrafında dönmeyen bir tekniktir. Daha minimalist bir yaklaşım.

Bu teknikle oluşturulan düğmeler, kendilerini tanınabilir kılmak için sert gölgelere ve vurgulara dayanmaz. İşte yine sadece düz tekniklerle tasarlanmış bir hesap makinesi:

Sıkıştırılmış bir sayfada düz bir düğme:

Ancak araştırmalar, bu tekniğin, 3D efektler gibi tıklanabilirlik göstergelerini hariç tutarak deneyimli internet kullanıcılarının bile kafasını karıştırabileceğini ve hayal kırıklığına uğratabileceğini göstermiştir. Kate Meyer şöyle açıklıyor:

Kullanıcılar, neyin tıklanabilir olduğunu belirlemek için sayfaları keşfetmeye zorlanır. Dinamik tıklanabilirlik belirteçleri umuduyla öğelerin üzerine gelmek için etkinliklerinde sık sık duraklarlar veya potansiyel bağlantıları keşfetmek için deneysel olarak tıklarlar.

Bu davranış - bir düğme veya bağlantı bulmak için rastgele tıklamak - bazen ödüllendiricidir. Bazen ziyaretçilerin tıkladığı aslında tıklanabilir bir düğmedir ve bazen değildir. Meyer genişletir:

Kullanıcılar bu keşif davranışıyla çoğunlukla arayüzler aracılığıyla yollarını bulabilseler de, yine de ekstra iş yapmaya zorlanmakta ve somut bir fayda elde etmeden birincil hedeflerinden uzaklaştırılmaktadırlar.

Sonuç olarak, birçok tıklama sonrası açılış sayfası tasarımcısı, düz ve skeuomorfik arasında bir denge sağlayan düğmeler oluşturur.

Düz 2.0

Bu denge, "Düz 2.0", "yarı düz" veya "neredeyse düz" tasarım olarak bilinir. İşte yarı düz bir düğme:

Teknik, tıklanabilirliği belirtmek için gölgeler ve vurgular kullanır, ancak çok daha ince bir şekilde. Meyer, düz, yarı düz ve skeuomorfik arasından seçim yaparken her zaman kullanıcınızı düşünün diyor:

Trend için kullanılabilirliği feda eden tasarım kararları vermeyin. Unutmayın - yalnızca diğer tasarımcılar için tasarım yapmıyorsanız - kullanıcı değilsiniz. Tercihleriniz ve tıklanabilirlik belirteçlerini yorumlama yeteneğiniz, kullanıcılarınızınkiyle aynı değildir, çünkü kendi tasarımınızdaki her bir öğenin ne yapmak istediğini bilirsiniz.

Düğmeniz dikkat çekiyor mu?

CTA düğmenize dikkat çekmek için, tıklama sonrası açılış sayfanızda az kullanılmış (veya hiç kullanılmamış) bir renkle doldurun. Bu vaka çalışması nedeniyle, bir zamanlar kırmızının yeşil renkten daha iyi performans gösterdiği düşünülüyordu:

Ancak bağlamı göz önünde bulundurduğunuzda, kırmızı düğmenin, sayfadaki diğer birkaç yeşil öğe (para simgesi, logo, fotoğraf) arasında öne çıktığı için muhtemelen yeşili geçtiğini fark edersiniz.

Renk teorisini kullanarak bir tasarım şeması oluşturuyorsanız, CTA düğmeniz “vurgu” renginizdir. Renk tekerleğinin karşı tarafındaki bir tonla kontrast oluşturduğunda en çok fark edilir (yukarıdaki “Renk” bölümüne bakın).

Düğmeniz yeterince büyük mü?

Günümüzde internete öncelikle mobil cihazlardan erişilmektedir. Bu, tıklama sonrası açılış sayfanıza ulaşan kişilerin düğmenize parmaklarıyla basabilmesi gerekeceği anlamına gelir. Seninki yeterince büyük mü?

MIT tarafından yapılan bir araştırma, ortalama dokunmatik yüzeyin 10 ile 14 mm arasında olduğunu ve bu da 10x10 mm'yi iyi bir minimum düğme boyutu haline getirdiğini gösteriyor:

Daha küçük, veriler diyor ve kullanıcı hatası olasılığını artıracaksınız:

Ön tasarım incelemesiyle dönüşümleri kaydedin

Ön tasarım incelemesinde hataları yakalamak, ekibinizin zamanından ve tıklama sonrası açılış sayfanız yayınlandıktan sonra işletme dönüşümlerinizden tasarruf sağlayacaktır. Bunu sonuçlandırmak atmadan önce her şeyden sorulara cevap ve InstaPage Yayıncılık Kontrol Listesi her kutuyu kapalı kontrol edebilirsiniz olun.

Müşteri edinme başına maliyetinizi düşürmek için tüm reklamlarınızı her zaman kişiselleştirilmiş tıklama sonrası açılış sayfalarına bağlayın. Bugün bir Instapage Enterprise demosuna kaydolarak özel tıklama sonrası sayfalarınızı oluşturmaya başlayın.