Açılış Sayfasının Arkası: Dönüşümleri Artıran Kullanıcı Deneyimi İlkeleri

Dün bir pazarlama kampanyası neredeyse faremi kırdı.

Nasıl?

Beni sinirlendirerek neredeyse odanın karşısına fırlatacaktım.

Sonunda sakinleştikten sonra, öfkemden öğrenilecek değerli bir pazarlama dersi olduğunu fark ettim. Ve işte ne olduğu…

Kullanılabilirlik, tıklama sonrası açılış sayfanızda en önemli öncelik olmalıdır

Olan şu: Bir son dakika oteline ihtiyacım vardı, bu yüzden Google'ın arama çubuğuna “bu gece otel Boston” yazdım.

Sonunda, ücretli bir arama ağı reklamını tıkladıktan sonra, HotelTonight'ın yere özel bir tıklama sonrası açılış sayfasına ulaştım. Ekranın üst kısmında şöyle görünüyordu:

Üzerinde, gözlerim hemen görsel hiyerarşideki en dikkat çekici öğeye çekildi: Sayfadaki en büyük metin olan ve "Boston'da son dakika otel indirimleri" yazan metin.

Bunun altına baktım ve bazı fiyatlar gördüm. Ardından, daha fazla liste aramak için aşağı kaydırdım. İşte gördüklerim:

Oteller vardı, ancak fiyatlandırma veya uygunluk göstergesi yoktu. Bu yüzden, daha fazla ayrıntı almak için birini seçmem gerektiğini düşündüm. Abartılı bir şeye ihtiyaç duymadan, daha fazlasını öğrenmek için “Midtown Hotel” listesinin başlığına tıkladım.

…ama hiçbir şey olmadı.

"Bunu tekrar deneyelim," diye düşündüm, altındaki "Fırfırsız Back Bay üssü" yazan alt yazıya tıklamadan önce.

…hala hiçbirşey.

“Ya 'temel' etiketi tıklarsam?”

Hiçbir şey değil.

"Belki bu liste bozuktur. Ya Wyndham Boston Beacon Hill'e tıklarsam?"

Yine, hiçbir şey.

O noktada hüsrana uğradım, çılgınca sayfanın her yerine tıkladım. Bir sonraki düşüncem, yüksek sesle ağzımdan kaçırdım: "SADECE BİR LİSTEYİ GÖREBİLİR MİYİM?"

Bu sayfayı kullanmak neden bu kadar zordu?

Kullanıcı deneyimi için tasarımın önemi

Estetik olarak, bu sayfada göze batan bir yanlışlık yoktu. Beni katlanan göz atma listelerinin altına alacak kadar güvenilir görünüyordu.

Ancak, web tasarımında işleri güzel göstermekten daha fazlası var. Bir sayfanın "kullanılabilirliği", işlevini kullanıcı açısından gerçekleştirmede ne kadar etkili olduğunu açıklar. Don't Make Me Think'in yazarı Steve Krug'a göre:

[Kullanılabilirlik] gerçekten sadece bir şeyin iyi çalıştığından emin olmak anlamına gelir: ortalama yetenek ve deneyime sahip bir kişi, bir web sitesi, ekmek kızartma makinesi veya döner kapı olsun, amaçlanan amacı için umutsuzca hüsrana uğramadan kullanabilir.

Ne yazık ki, hem çevrimiçi (o HotelTonight tıklama sonrası açılış sayfası) hem de çevrimdışı birçok tasarım kullanıcı için optimize edilmemiştir. Daha önce "itme" bir kapı çektiyseniz, kötü UX tasarımı yaşadınız.

Kendinizi aptal olarak düşünmek yerine, tasarımcının neden "itmeli" kapıya bir "çekme" kolu takmayı seçtiğini merak ediyor olmalısınız.

Sen değilsin; bu tasarım.

Zayıf kullanılabilirliğe ilişkin başka birçok örnek mevcuttur. Her birine girmek yerine, bir kullanıcı arayüzünün hedef kitlesi düşünülerek oluşturulmadığında, kötü bir kullanıcı deneyimiyle sonuçlanabileceğini güvenle söyleyebiliriz.

Çevrimiçi olarak, bu kötü deneyim web siteniz için feci sonuçlara yol açabilir. Web kullanılabilirliğinin babası Jakob Nielsen'den:

Bir web sitesinin kullanımı zorsa, insanlar ayrılır. Ana sayfa, bir şirketin neler sunduğunu ve kullanıcıların sitede neler yapabileceğini açıkça belirtmezse, insanlar siteden ayrılır. Kullanıcılar bir web sitesinde kaybolursa, ayrılırlar. Bir web sitesinin bilgilerinin okunması zorsa veya kullanıcıların temel sorularını yanıtlamıyorsa, siteden ayrılırlar. Burada bir desene dikkat edin? Bir kullanıcının bir web sitesi kılavuzunu okuması veya bir arayüz bulmaya çalışmak için çok fazla zaman harcaması diye bir şey yoktur. Çok sayıda başka web sitesi mevcuttur; ayrılma, kullanıcılar bir zorlukla karşılaştığında ilk savunma hattıdır.

Tasarım sürecinde, tıklama sonrası açılış sayfası yaratıcıları genellikle amaçlarının becerilerini sergilemek olmadığını unuturlar. Bunun yerine, başka bir insanın bir amacı gerçekleştirmesine yardımcı olmaktır.

Genel olarak, bu amaç, tıklama sonrası açılış sayfanızdaki bir teklifi değerlendirmek ve muhtemelen talep etmektir. Özellikle, tasarlamaya başlamadan önce kendinize şu soruları sormanız gerekecek:

• Bu tıklama sonrası açılış sayfası için amacım nedir (kayıtları, indirmeleri, satın almaları vb.)
• Kitlemin üzerine geldiklerinde özel hedefi nedir?
• Teklifimi olabildiğince kolay değerlendirmek için neye ihtiyaçları var?
• Teklifimi kolayca talep etmelerini nasıl sağlarım?

Bunları yanıtlamak için üç şeye ihtiyacınız olacak: hedef kitleniz hakkında kapsamlı bilgi, tıklama sonrası açılış sayfası kullanılabilirliği konusunda en iyi uygulamalar hakkında bir fikir ve bir tıklama sonrası açılış sayfasını ikna edici kılan şey hakkında bilgi.

Birincisi, burada nasıl geliştireceğinizi öğrenebilirsiniz; ikincisi, bu blog gönderisinde bulacaksınız; ve üçüncüsü, yeni Instapage kaynağında keşfedebilirsiniz: Tıklama sonrası ikna edici bir açılış sayfası oluşturmak için Nihai Kılavuz:

tıklama sonrası açılış sayfası kullanılabilirlik ilkeleri

Her işletme benzersizdir ve her teklif farklıdır, ancak iyi bir kullanıcı deneyimi sunmanın temelleri aynı kalır. Optimum kullanıcı deneyimi için bir tıklama sonrası açılış sayfası tasarlarken bu 5 C'yi aklınızda bulundurun:

Tutarlılık

Tıklama sonrası açılış sayfanızı oluştururken, rakiplerinizin arasından sıyrılmak amacıyla tasarım geleneklerinden uzaklaşmak cazip gelebilir. İşte bu yüzden yapmamalısınız…

Web'i yeniden icat etmeye çalışmayın

İnternetin emekleme döneminde, tasarımcıların tuhaf düzenler ve öğelerle denemeler yaptığını görmek alışılmadık bir durum değildi. Bu mücevherlere bir göz atın:

O zamanlar, web'in nasıl kullanılacağı tam olarak belli değildi. Bu nedenle, yanlara doğru “SSS” düğmeleri ve boşluk arka planları yaratıcı fikirler gibi görünüyordu.

Ancak bugün artık böyle web sayfaları görmeyeceksiniz. Bunun nedeni, kullanıcı deneyimini bozabileceğini öğrendiğimiz tasarım kurallarını ihlal etmeleridir. Boşluk arka planları dikkat dağıtıcıdır ve yan metinlerin okunması gereksiz yere zordur.

Bu nedenle, net bir USP ile öne çıkmaya odaklanmalısınız, web'in görünümünü ve verdiği hissi yeniden icat etmeye çalışarak değil. Düğmeleriniz, yıldızlar veya dur işaretleri gibi değil, düğmeler gibi görünmelidir. Logonuz sayfanın sağ alt köşesinde değil sol üst köşesinde yer almalıdır.

Tutarlılık , kullanılabilirliğe en büyük katkıda bulunanlardan biridir. Ziyaretçilerin sayfanızdaki öğeleri tanımasına ve anlamasına yardımcı olmak için, onlara tanıdık gelenleri, yani web'de başka her yerde gördükleri öğeleri kullanmalısınız.

HotelTonight'ın tıklama sonrası açılış sayfasındaki sinir bozucu deneyimime geri dönelim: Belirli bir kayıt hakkında daha fazla bilgi alabileceğimi düşündüm çünkü hemen hemen her otel tıklama sonrası açılış sayfası bu şekilde çalışır. Hakkında daha fazla bilgi edinmek için bir listeyi tıklarsınız.

Ancak, bu böyle çalışmadı. Otel tıklama sonrası açılış sayfalarının nasıl çalıştığına dair beklentimi karşılamadı ve sonuç sinir bozucu bir kullanıcı deneyimi oldu.

Buradaki ders?

Öğeleri ziyaretçilerin görmeyi beklediği yerlere yerleştirin. Onları, potansiyel müşterilerinizin bakmalarını beklediği şekilde tasarlayın. sevimli olma. Tutarlı ol.

Mesaj eşleşmesi kesinlikle mevcut olmalıdır

Tıklama sonrası açılış sayfası tasarımcılarının unutmaya meyilli olduğu başka bir şey de şudur: Tıklama sonrası açılış sayfası, ziyaretçinizin markanızla ilgili ilk izlenimi değildir, yönlendirendir. Bu nedenle, tıklama sonrası açılış sayfanızın, reklamınızın, e-postanızın veya ücretli arama sonucunuzun verdiği sözü yerine getirmesi gerekir. Smashing Magazine'in Kurucu Ortağı Vitaly Friedman'a göre olmazsa şöyle olacak:

Çoğu kullanıcı ilginç (veya yararlı) ve tıklanabilir bir şey arar; Bazı umut verici adaylar bulunur bulunmaz, kullanıcılar tıklar. Yeni sayfa kullanıcıların beklentilerini karşılamıyorsa Geri butonuna tıklanır ve arama işlemine devam edilir.

Mükemmel mesaj eşleşmesi için, tıklama sonrası açılış sayfasındaki kelimelerin, logoların ve hatta renklerin yönlendiren ile tutarlı olması gerekir. Bu tasarım en iyi uygulamasını göz ardı etmek, sayfanızın anında terk edilmesine neden olacaktır.

netlik

Netlik ve tutarlılık ilişkilidir. İnsanlar bir tasarım öğesini tanıdığında, onun nasıl çalıştığına dair bir fikre sahip olurlar. Bu tasarım öğesi de açık olduğunda, amacı konusunda hiçbir soru yoktur. Sayfanızdaki her şeyi ziyaretçilerinizin anlaması ve kullanması için nasıl kolaylaştıracağınız aşağıda açıklanmıştır:

Anlaşılması için kopya yazılmalıdır

Kelimeler zordur - onları yazanlar için de okuyanlar için de. Bir metin yazarı, teklifle ilgili her şeyi zaten bildiği halde bir teklifi net bir şekilde açıklamaya çalışmanın zorluğuyla karşı karşıyadır. Ve okuyucular, şu anda hakkında hiçbir şey bilmedikleri bir teklifi anlamaya çalışmak konusunda eşit derecede zor bir konuma getiriliyorlar. Kapsamlı bir kopya yazmaya ilişkin bazı ipuçları:

• Yüksek düzeyde teknik bilgiye sahip bir kitle için yazmıyorsanız, tüm jargonu kaldırın ve potansiyel müşterilerinizin 6. sınıf düzeyinde okuduğunu varsayın.
• Teklifinizin avantajlarını vurgulayın. "Karanlıklar" ve "şeyler" gibi ürün özellikleri ikna edici bir güce sahip değildir. Bunun yerine, insanlara bu özelliklerin ne yapmalarını sağladığını bildirin.
• Belirsiz kelimeleri değiştirin. Bazı insanlar için "kalite" kelimesi "yüksek kalite" anlamına gelir. Diğerleri için "tatmin edici" anlamına gelir. Teklifinizin değerini iletmek için daha iyi tanımlayıcılar kullanın.

Neden dönüştürmeleri gerektiğini anlayamazlarsa, potansiyel müşterilerinizin yapma şansı yoktur.

CTA düğmeleri, ziyaretçilerin tıklamanın ne yapacağını bilmesini sağlamalıdır

Tanınabilir bir düğme oluşturduysanız, savaşın yarısını zaten kazandınız. Diğer yarısı, ziyaretçilerin düğmenizi tıkladıklarında ne olacağını bilmelerini sağlamakla ilgilidir. Bunun için teklifinizi değerlendirin.

Ziyaretçiden ödeme yapılmasını gerektirmiyorsa, kendinize şunu sorarak ilgi çekici bir CTA seçin: “Ziyaretçilerin bunu yapmasına veya olmasına ne izin verecek?”

Tıklama sonrası açılış sayfası tasarımıyla ilgili bir e-kitap için, harekete geçirici mesajınız olarak "e-kitabımı gönder"i veya hatta "Beni bir tasarım uzmanı yap" gibi daha spesifik bir şeyi kullanmayı düşünün. İşte Amy Porterfield'den bir örnek:

Öte yandan, kredi kartı numarası gerektiriyorsa, yukarıdaki gibi açıklayıcı başlıklardan vazgeçmek ve bunun yerine "Satın Al" veya "Bağış Yap" gibi bariz bir şekilde temel olanları kullanmak en iyisidir. İstediğiniz son şey, "Beni bir tasarım uzmanı yap" düğmesine bastıklarında kartından ücret alınacağını bilmeyen, dirgen kullanan bir kalabalık müşteridir.

Form etiketleri ve geri bildirim açıklayıcı olmalıdır

Formunuzu doldurmak için ziyaretçilerin onlardan tam olarak ne istediğinizi bilmeleri gerekir. Bu ipuçları sağduyu gibi görünse de, hala onları takip etmeyen birçok form var.

• Kaybolan yer tutucu metni etiket olarak kullanmayın. Beklentileri karıştırdığı ve hafızalarına meydan okuduğu gösterildi. Bunun yerine, etiketler karşılık geldikleri alanın üzerinde olmalıdır.
• Etiketler, karşılık geldikleri form alanına en yakın konumlandırılmalıdır. Belirsiz beyaz boşluk veya başka bir alandan eşit uzaklıkta boşluk olması, olası bir kişinin hangi bilgileri göndermeleri gerektiği konusunda soru sormasına neden olabilir.
• Giriş, özel karakterli 8 harf mi olmalı? Form bir yıldız işaretini işleyemez mi? Bir alan belirli bir girdi gerektiriyorsa, etiket ziyaretçilere bildirmelidir.
• Hata mesajları dikkat çekici ve açıklayıcı olmalıdır. Bir giriş sorununu belirtmek için yalnızca kırmızı rengi değil, kalın metin ve yanlış alanın etrafındaki anahat gibi bir dizi sinyali de kullanın. Hangi hatayı yaptıklarını bildiklerinden emin olun ki ikinci kez düzeltebilsinler.
• İsteğe bağlı ve zorunlu alanlar arasında net bir ayrım yapın.

Teklifiniz kolay anlaşılır olmalıdır

İnsanlar neden kredi kartlarıyla daha fazla harcıyor? Çünkü nakit harcamak daha gerçekçi geliyor.

Bir kartı kaydırdığınızda, para el değiştirmez; ödeme daha sonra banka ekstrenizde görünmez; ve hesap bakiyenizi kontrol etmezseniz, satın alma işlemi neredeyse hiç gerçekleşmemiş gibi olur.

ING çalışanları için bir finansal eğitim oturumu sırasında yürütülen bir araştırma deneyini düşünün. İki grup katılımcıya soruldu:

1. bir 401k planına kaydolurlarsa.
2. düzenli olarak ne kadar tasarruf etmeye istekli olduklarını.

İlk gruba sadece bu sorular sunuldu. Ancak ikinci gruba ek bir talimat verildi: Daha fazla biriktirirseniz, hayatınızdaki tüm olumlu şeyleri hayal edin.

Sonuç, 2. gruptaki kayıtlarda %20'lik bir artış ve insanların tasarruf edeceği miktarda %4'lük bir artış oldu.

Bu, tıklama sonrası açılış sayfası teklifiniz için ne anlama geliyor?

İnsanların değerini anlamasını istiyorsanız, faydalarını net bir şekilde açıklayan bir şekilde sunmalısınız. Ve çoğu zaman bu, metin yerine görsel yardımcıların kullanılması anlamına gelir.

Bazı teklifler için bilgi grafikleri en iyi sonucu verir. Diğerleri için açıklayıcı videolar veya kahraman çekimleri işi daha iyi yapacak.

Hangisini seçeceğiniz, kitlenize ve teklifinize bağlıdır. Anlatmak yerine gösterin ve ürününüzü veya hizmetinizi en çok neyin sattığını keşfedene kadar test edin.

kesinlik

Sayfanızı tasarlarken hatırlamanız gereken en önemli şey, aynı zamanda en sık göz ardı edilen şey olabilir: Zamanı ve ilgisi az olan insanlar için tasarım yapıyorsunuz.

Kimse eğlence için tıklama sonrası açılış sayfanıza göz atmıyor. Bir e-postadaki bir reklamı veya bir bağlantıyı tıkladılar ve teklifinizin talep edilmeye değer olup olmadığını mümkün olan en kısa sürede bilmek istiyorlar. Bunun anlamı…

Metin, gözden geçirme için optimize edilmelidir

Krug kitabında “Her sayfadaki kelimelerin yarısından kurtulun, sonra kalanın yarısından kurtulun” diyor. Tıklama sonrası açılış sayfası kopyanızın %50'sini kestikten sonra, kalanları gözden geçirilebilir hale getirmek önemlidir, çünkü insanlar okumayı sevmez.

Kabarık zarfları ve hazır ifadeleri ortadan kaldırarak ayrıntı düzeyini en aza indirin. Göz korkutucu metin bloklarını kırmak için madde işaretleri ve alt başlıklar kullanın. Önemli sözcükleri fark edilir kılmak için kalın ve italik gibi efektler ekleyin.

Görsel hiyerarşi önemi iletmelidir

Sayfa içeriğinizin düzenlenme ve manipüle edilme şekli, ziyaretçilerinizin gördükleri ve kaçırdıkları şeylerle çok ilgilidir. HotelTonight tıklama sonrası açılış sayfasında, harekete geçirici mesajı kaçırdım ancak "Boston'da son dakika otel indirimleri" başlığını fark ettim.

Niye ya?

Çünkü boyutu onu ekranın üst kısmındaki en dikkat çekici unsur yapıyor. Kullanıcıların az zamanı olduğunda (ki bu her zaman olur), sayfada neyin önemli olduğunu belirlemek için yerleşim, renk, boyut vb. gibi görsel ipuçlarını kullanırlar. Nasıl olduğuna dair bazı örnekler:

• Daha büyük = daha önemli
• Daha yüksek yerleşim = daha önemli
• Daha fazla kontrast = daha önemli

Ziyaretçileri CTA düğmenize yönlendirmek için görsel hiyerarşiyi kullanma hakkında daha fazla bilgiyi buradan edinebilirsiniz.

Formunuz mümkün olduğunca kısa ve doldurulması kolay olmalıdır.

Ad ve e-postadan rol ve bütçeye kadar, tıklama sonrası açılış sayfası formunuzda her türlü potansiyel müşteri bilgisini yakalamak cazip olacaktır. Ancak, tüm bu bilgilere kesinlikle ihtiyacınız yoksa, bunu istememelisiniz.

En iyi müşteri adayı oluşturma, bir potansiyel müşteriyi nitelendirmek için ihtiyaç duydukları minimum miktarı bilen pazarlama ekipleri tarafından gerçekleştirilir. Bazıları için bu, üç alanın değerinde bilgi olacaktır. Diğerleri için on olacak.

Formunuz ne kadar uzun olursa olsun, doldurmayı zahmetsiz hale getirmelisiniz. Ziyaretçilerin bilgilerini tek tıklamayla sosyal otomatik doldurma ile göndermelerine ve genellikle aynı girdiyle yanıtlanan alanları önceden doldurmalarına izin verin (örneğin, "ülke"yi yakalarsanız ve potansiyel müşterilerinizin çoğunun ABD'den olduğunu biliyorsanız, önceden doldurma “Amerika Birleşik Devletleri” iyi bir uygulamadır).

Ek olarak, ilgili alanlar (şehir, eyalet ve posta kodu gibi) olmadıkça, ziyaretçinin aşağı yönlü momentumunu bozmamak için alanları tek sütunlu bir düzende sunun. Ardından, bunları yan yana yerleştirmek, bir ziyaretçiye kavramsal olarak yardımcı olabilir ve formunuzun algılanan uzunluğunu kısaltabilir.

Dikkat dağıtıcılar ortadan kaldırılmalıdır

Teklifinizi kısa ve öz bir şekilde sunmanın bir parçası da, dönüşüm oranınızı düşürme potansiyeline sahip olan tüm diğer şeyleri ortadan kaldırmaktır. Bu kurtulmak demektir…

• navigasyon menünüz
• logonuzdaki ana sayfanızın bağlantısı
• diğer tekliflerin reklamını yapan rakip harekete geçirici mesajlar
• altbilginizdeki giden bağlantılar

Bir web sayfasına tıklamak için çok fazla seçenek sunulduğunda Hick Yasası olarak bilinen bir ilke devreye girer. Miles Soegaard, Etkileşim Tasarımı Vakfı blogunda bunu açıkça açıklıyor:

Hick Yasası, kullanıcılarınıza ne kadar çok seçenek sunarsanız, bir karara varmalarının o kadar uzun süreceğini söyleyen basit bir fikirdir.

Ancak araştırmacı Sheena Iyengar, aşırı seçimin karar verme süresini uzatmaktan daha fazlasını yapabileceğini keşfetti.

Spesifik olarak bir deneyde, o ve meslektaşı Mark Lepper, bir markette bir teşhir masası kurdu ve onu deneyenlere herhangi bir reçel kavanozunda 1 dolar verdi. İlk gün, alışveriş yapanlara 24 çeşit salça sundular. İkinci gün, sadece 6 teklif ettiler.

Deneyin sonunda, büyük ekranın daha fazla dikkat çektiğini, ancak 10 kat daha az satış ürettiğini gördüler.

Ek olarak, insanlara daha fazla seçenek sunulduğunda, aşağıdakileri yapma olasılıklarının daha yüksek olduğunu buldu:

• kendi çıkarlarına aykırı olsa bile seçim yapmayı geciktirmek
• daha kötü seçimler yapmak
• Objektif olarak daha iyi performans gösterseler bile onları daha az tatmin edecek şeyleri seçin

Bir TED Konuşmasında özellikle şunu söylüyor:

Aslında, giderek daha fazla gördüğümüz şey, eğer kesmeye istekliyseniz – bu gereksiz, gereksiz seçeneklerden kurtulun – peki, satışlarda bir artış var; maliyetlerde bir düşüş var; seçme deneyiminde bir gelişme var.

Seçim optimizasyonunu içeren diğer ufuk açıcı paketler için aşağıdaki her şeyi izleyin:

güvenilirlik

Güvenilirlik, tıklama sonrası bir açılış sayfasında, ortalama bir web sayfasında olduğundan daha büyük bir rol oynar. tıklama sonrası açılış sayfaları, ziyaretçilerin kişisel bilgileri ve bazı durumlarda parayı paylaşmalarını sağlamak için özel olarak tasarlanmıştır. Bu, onların size güvenmelerini sağlamanız gerektiği anlamına gelir. İşte nasıl:

Yetkiniz tasarım yoluyla iletilmelidir

Psikolog Robert Cialdini, birinin otoritesini değerlendirirken özellikle üç şeye bakmamızı önerir:

• Unvanlar – Dr., Prof., Ph.D., Başkan, Kurucu, CEO, Endüstri uzmanları
• Kıyafetler: Üniformalar, takımlar, kıyafetler (asker kıyafetleri, pahalı takımlar, laboratuvar önlükleri)
• Süslemeler: Belirli rollerle gelen aksesuarlar (örneğin polis rozetleri, dini, tespihler, güzel arabalar vb.)

Çevrimiçi olsa da, bir işletmeyi yöneten kişilerin fotoğrafları veya bilgisi olmadan, potansiyel müşteriler bu şeyleri arayamaz. Bunun yerine tasarımınızı değerlendireceklerdir.

Sayfanız 2002 yılında web tasarımı yapan bir stajyer tarafından yapılmış gibi görünüyorsa, yetkili biri olarak karşılaşmayacaksınız. Örneğin, bu Açlık Oyunları'nın çok satan yazarı Suzanne Collins'in web sitesine benziyor mu?

Olamaz, değil mi?

Olabilir ve gerçekten öyle.

Araştırmalar, çevrimiçi ilk izlenimlerin %94'ünün öncelikle tasarımla ilgili olduğunu ve yalnızca %4'ünün bir web sitesinin gerçek içeriğiyle ilgili olduğunu gösteriyor. Web sayfalarınızın, kullanıcıların beklediği şekilde göründüğünden ve hissedildiğinden emin olun.

Güvenilirlik rozetleri belirgin bir şekilde görüntülenmelidir

Otorite, rolü görmekle ilgilidir, ancak güvenilirlik, yetenekli olduğunuzu kanıtlar. Mümkünse, aşağıdakilerden olabildiğince fazlasını sergileyin:

• Kazandığınız tüm ödüller
• Öne çıktığınız veya katıldığınız öne çıkan yayınlar veya programlar
• sahip olduğunuz deneyim
• Güvenilir şirketlerle ortaklıklar
• Mutlu müşterilerden gelen yorumlar

İşte HomeBay'den harika bir örnek:

Güvenilirlik göstergelerini kullanmak, söylediğiniz kadar nitelikli olduğunuzu kanıtlamanın basit bir yoludur; insanlara söylemek çünkü bunları şey onları ikna olmaz göstermeden en iyisi.

Kolaylık

Kullanıcıların yüksek düzeyde erişilebilir sayfalar beklediği ve önde gelen arama trafiği kaynağının olmayanları cezalandırdığı bir dünyada, tek bir seçeneğiniz var: Uyarla ya da başarısız ol.

Sayfanız kolaylık sağlamak için bu kurallara uymuyorsa, hemen çıkma oranı yükselecektir.

Sayfanız hızlı bir şekilde yüklenmelidir

Google'dan gelen veriler, yüklenmesi üç saniyeden uzun sürerse, insanların %53'ünün bir sayfayı terk edeceğini gösteriyor. Ve oradan, sıçrama olasılığı daha da yükselir:

Ortalama mobil tıklama sonrası açılış sayfasının 22 saniyede yüklendiği göz önüne alındığında, verileri sorunludur. Aşağıdaki ipuçlarını alarak ziyaretçilerinizin çoğunu kaybetmekten kaçının:

• Sayfa öğelerini en aza indirin. Google'a göre, test ettikleri sayfaların %70'i 1MB, %36'sı 2MB ve %12'si 4MB'nin üzerindeydi. Hızlı bir 3G bağlantısıyla 1,49MB'nin yüklenmesi yaklaşık 7 saniye sürer. Nedeni çok fazla sayfa öğesidir (resimler, başlıklar, düğmeler vb.).
• Performans bütçeleri oluşturun. Sayfanızın ne kadar hızlı yüklenmesini istediğinizi belirleyin - yani "bütçe". Bu bütçeden, bunu karşılamak için sayfanıza ekleyebileceğiniz öğeleri belirleyin.
• Görüntüleri azaltın. Sık kullanılan simgeler, logolar ve ürün resimleri, bir sayfanın ⅔ boyutuna kolayca katkıda bulunabilir. Yüksek dönüşüm sağlayan sayfalar %38 daha az resim içerir.
• Daha az JavaScript kullanın. JS, bir tıklama sonrası açılış sayfasının ziyaretçilere gösterilme hızını yavaşlatan HTML kodunun ayrıştırılmasını durdurur. Reklamlar için AMP ve AMP gibi programlar, geliştiricilere JavaScript olmadan sayfalar oluşturmaları için bir çerçeve sağlayarak neredeyse anında yüklenmelerini sağlar.

Tıklama sonrası açılış sayfanızı nasıl hızlandıracağınıza dair bazı ipuçları için bu gönderiyi okuyun.

Erişilebilirlik aralığı bir öncelik olmalıdır

Söylemeye gerek yok ama yine de hatırlatayım: İnsanlar sayfanıza istedikleri cihazdan erişemezlerse, onu hiç kullanmazlar. Yakınlaştırmak için çimdiklemeyecekler ve harekete geçirici mesaj düğmenizle uğraşmayacaklar.

Sayfanız duyarlı bir şekilde tasarlanmalıdır, yani herhangi bir cihazın ekranına uyum sağlamalıdır. Ve tüm unsurlarının kullanımı kolay olmalıdır.

Alanlar çok küçükse, bir formu başparmaklarınızla doldurmak zahmetlidir. Alanı en az parmak ucunuz kadar büyük değilse, bir CTA düğmesine dokunmak zordur. Masaüstü artık internetin bir numaralı trafik kaynağı değil, bu nedenle henüz sayfalarınızı mobil için optimize etmediyseniz, bunu yapmanın zamanı geldi.

Kullanıcı deneyimi her sayfa için farklıdır

Renkler ve şekillerden kelimelere ve düzenlere kadar sayısız tıklama sonrası açılış sayfası tasarım öğesi, insanların tıklama sonrası açılış sayfanızı deneyimleme şeklini etkiler.

Dönüşüm oranınız üzerindeki etkilerini belirlemenin en iyi yolu, insanların özellikle sayfanızda nasıl davrandığını test etmektir. Ve unutmayın: Ziyaretçilerin sayfanızı bugün kullanma şekli, yarın kullanma şekli olmayabilir. Bu yüzden test etmeyi asla bırakmayın.

Tıklama sonrası açılış sayfası kullanıcı deneyimini kolayca test etmeye ve optimize etmeye başlamak için bugün bir Instapage Enterprise demosuna kaydolun.