Mobil Uyumlu Varış Sayfası Tasarımı

Mobil Uyumlu Varış Sayfası Tasarımı
Dijital pazarlamacılar için olanaklar geniş olsa da, 10 cm. kadarlık dar bir alanı yani akıllı telefon ekranlarını göz önünde bulundurmak artık zorunluluk haline geldi. Artık dijital pazarlamacılar olarak, “varış sayfanızı” (landing page) mobil cihazlar için uyumlu hale getirme konusunda da uzman olmak zorundasınız.  Evet, tabletler için pazarlama hızla büyüyor fakat son araştırmalar dünya çapında 6 milyardan fazla akıllı telefonun kullanılmakta olduğunu gösteriyor. Analistlerin öngörülerine bakılmaksızın, yani mobil erişimin kablolu erişimin ötesine geçeceği zamanlar kapıda… Gittikçe büyüyen bir mobil kitleyi kaybetmek isteyeceğinizi sanmıyoruz. Varış sayfanızı mobil araçlara uygun hale getirebilmek için en doğru uygulamaları öğrenmek istiyorsanız bu yazımızı okumaya devam edin...
Mobil uyumlu varış sayfası oluşturmak için göz önünde bulundurulması gereken 12 kural 1) Görünür olun Flash ve PNG-24 formatında imajlar içeriğinizi birçok mobil platformda erişilemez hale getirebilir. HTML5, jQuery ya da JPG gibi formatlar ise mobil platformlarda içeriğin sunumunu daha kolay hale getirecektir. Sonuçta, eğer varış sayfanız hatasız görüntülenmezse, tüm çabanız boşa gider. 2) Duyarlı tasarım (Responsive design) yapın Varış sayfanızın hangi mobil platformlarda kullanılacağını göz önünde bulundurarak, duyarlı tasarım (responsive design) ve kodlama ile hazırlayın. Bu sayede, varış sayfanız hangi mobil cihaz boyutu kullanılırsa kullanılsın, gerekli boyuta uyum sağlayacaktır. Tasarımın hem dikey hem yatay bakıldığında düzgün görünmesine dikkat edin. 3) “Kısa ve öz” olun Altı kelimelik başlıklar artık demode oldu. Şimdi üç ya da dört kelimelik başlıklar daha etkili. Varış sayfanızın metnini yazın sonra ortasından kesip kısaltın. Her kelime, varış sayfanızda bir işe yaramalıdır. Hem ekranlar konu dışı kelimeler için çok küçük, hem de mobil okuyucunun dikkat süresinin, masaüstü okuyucusunun dikkat süresinden çok daha kısa olduğunu unutmayın. 4) Ulaşılabilir olun Kullanıcıların, varış sayfanızda telefon numaranızı tıklayabilmeleri için “Aramak için tıklayın/Hemen arayın” seçeneği eklemek, mobil dönüşüm oranlarınızı artıracaktır. Sonuçta varış sayfanıza telefondan bakıyorlar. “Hemen arayın” gibi harekete geçiren telefon ikonu ekleyin, bağlantıyı tamamlayıcı bir renkte altını çizin ve telefonla sizi aramaları halinde onlara ek bir avantaj sağlayacağınızı belirtin. Bu avantaj bir garanti veya indirim olabilir. 5) Tasarımı başparmağın kullanımına uygun hale getirin Varış sayfanızdaki öğelerin tıklanırken başparmak ile rahatça kullanılabildiğinden emin olun. Bir çok araç için, bu tıklanabilir alanın 38x38 piksel ile 44x44 piksel arasında bir yerlerde olması demektir. Bağlantılarınıza padding (öğeler arası boşluk) ekleyerek, yanlış tıklamalara sebep olmaması için tıklanabilir bağlantılar arasında boşluk bıraktığınızdan emin olun. Ayrıca mümkün olan yerlerde parmakla kaydırma özellikleri bulunan eklentiler kullanarak, sayfanızı daha mobil uyumlu hale getirebilirsiniz. (Flexslider, Photoswipe vb.) 6) İnce bir yapı kullanın İçeriği tek kolonda sunun ve mümkün olan her yerde, harekete çağrı (CTA) butonunu, akıllı telefonların üst 100 piksel içerisindeki alanına yerleştirin. Harekete çağrı butonu bu alana uymuyorsa, “Özel Teklifler İçin Aşağıya İlerleyin” gibi bir ibare ekleyin. 7) Lokal düşünün Akıllı telefonlar ve kablosuz araçlar, kullanıcılarının hareket halinde olduğunu gösterebilir ama bu onların nerede olduğunu bilemeyeceğiniz anlamına gelmez. Aslında durum tam tersidir. En geniş geotracking sistemleri bile kullanıcılarının 10- 40 km içerisinde nerede olduklarını belirleyebiliyor, bu nedenle varış sayfanızın tüketicilerinizle daha alakalı olması için telefonların lokasyon özelliklerini kullanın. En yakın mağazanız için “İstanbul’a yakın mağazalar” gibi bir bağlantı ekleyin, başlıkları şehir ve bölge ismi ile müşterinin isteğine uygun hale getirin. 8) Basit formlar kullanın Formlarınızı minimum düzeyde tutun. Form ne kadar basit olursa, dönüşüm o kadar etkili olur. Uzun formlar, genelde daha düşük dönüşüm oranına neden olma eğilimindedir ve bu durum mobil araçlarda daha da geçerlidir. Bazı tahminlere göre uzun formlar dönüşüm oranlarında neredeyse %50 düşüşe sebep olmaktadır. Eğer ihtiyacınız olan her şeyi tek bir sayfaya (ekrana) sığdıramıyorsanız, karmaşık görünmesini engellemek için formu bölün ve 2 sayfada tamamlatın. 9) Hızlı olun Mobil sayfalardaki veriler optimize ve 20 kb’ın altında olmalı ki sayfanız 5 saniye ya da az sürede yüklenebilsin. 10) Lafı dolandırmayın Bir kullanıcı aradığını bulabilmek için ne kadar az işlem yaparsa, o kadar iyi. Bu işlemleri üç ya da en fazla dört işlemde sınırlayabilirseniz, dönüşüm oranınızın artacağından hiç şüpheniz olmasın. Kullanıcının yaptığı her işlem, tamamlanması kolay ve sonuca ulaşmayı kolaylaştıran bir formatta olmalıdır. 11) Okunabilir olun İçeriği ekrana sığdırmak amacıyla boyutu azaltmayın. Kullanıcılar için çok küçük olan içerikler aslında içerik değil, leke olarak algılanır. İçeriği okumak için zoom yapmak, kullanıcı için en gereksiz şeylerden biridir. 12) Güvenmeyin, test edin A/B testi ile varış sayfanızı test edin. Masaüstünüzde düzgün çalışan varış sayfanız,mobil varış sayfanızda aynı şekilde düzgün çalışmayabilir. Mobil platformlar ile masaüstü platformlar aynı değildir. Mobil pazarlama, farklı kurallar ile uygulanan tamamen kendine has bir pazarlama dalıdır. Öncelikle hedefinizin ne olduğuna karar verin. Mobil varış sayfanızdan gerçekten ne bekliyorsunuz? Masaüstü, dizüstü ve tabletlerde kullandığınız her uygulamayı mobil platformlar için kullanamayacaksınız, bu yüzden kendinize asıl odak noktanızın ne olduğunu sorun. Mobil uygulamalarınızın etkili olabilmesi için, basitlik, kullanılabilirlik ve performans konusunda dikkatli olun. Sayfalarınızın hızlı olmasına, içeriğinizin basit ve temiz olmasına özen gösterin ki kullanıcılar istediklerine mümkün olduğunca çabuk ve kolay şekilde ulaşabilsinler. Kaynak: blog.hubspot.com

İlgili Haberler

Mobil E-ticaret için Kullanılabilirlik İpuçları
Mobil E-ticaret için Kullanılabilirlik İpuçları
Devamını Oku >
Digital Turbine, Scope3 ile İş Birliği Yaparak Çevre Dostu Mobil Reklam Çözümleri Sunacak
Digital Turbine, Scope3 ile İş Birliği Yaparak Çevre Dostu Mobil Reklam Çözümleri Sunacak
Devamını Oku >