Sitenizi mobil cihazlara hazırlamanın önemini vurgulamak artık gerekli değil. Mobil devrim, Web'in kısa geçmişindeki en büyük değişiklik. Tek soru, akıllı telefon ve tablet kullanıcılarının bu yıl veya daha sonra izleyicilerinizin yarısından fazlasını oluşturup oluşturmayacağı.

Bunu akılda tutarak, açılış sayfalarınızı mobil cihazlar için optimize etmek artık her tasarımcı için önemli bir süreç. Ancak, zor olmak zorunda değil, sitenizin mobil tarayıcılara hazır olduğundan emin olmak için sorunsuz bir kontrol listesi vardır:

Uygun şekilde ölçeklendir

Bir web sitesinin çeşitli cihazlara ölçeklendirme yeteneği hayati önem taşır. Orada binlerce cihaz var, bu yüzden birkaç temsili ekran boyutu seçmek pratik değil.

Bunun kabul edilen cevabı, duyarlı web tasarımıdır, bazı insanlar adaptifin daha iyi olduğunu savunur, diğer insanlar da aynı şeyleri uyarlayabilir. Bu argümanlar gerçekten anlamlıdır, alt satırda sitenizin mevcut veya gelecekteki herhangi bir cihaz üzerinde çalışmasını sağlama yeteneğiniz vardır. Bunu yapmamak, sorumsuz olurdu.

Önemli bir husus: Sitenizin portre ve manzarada düzgün bir şekilde ölçeklendiğinden emin olun.

İçeriği dikkatlice seçin

Açıkçası, mobil, bir açılış sayfasına içerik sığdırmak için çok daha az yer sunuyor. İdeal olarak, başlıkları kısa, özlü, noktaya ve yaklaşık üç ila dört kelime arasında tutun. Aynı şekilde, sayfayı mümkün olduğunca az sayıda bağlantıyla ve mümkün ise azami bir resim olacak şekilde dağınık olarak saklayın.

İçeriği mermi noktalarına yerleştirin, böylece göz duraklatmak ve şaşıvermek zorunda kalmadan gözün kolayca alınmasını sağlayın. Ayrıca, ziyaretçiyi sitenin geri kalanını ziyaret etmeye teşvik etmek için net bir harekete geçirici mesaj oluşturun. Bir çeşit teşvik vermeli ve ziyaretçilerin işletmeyi aramalarına izin veren bir düğme kadar basit olabilir, özellikle de yer hizmetlerini kullanan yerel işletmeler için yararlıdır.

Arama yapanların% 75'i arama sonuçlarında bir saat içinde harekete geçiyor. Bu nedenle, harekete geçirici mesajın neden güçlü olması gerektiğini anlamak kolay. Ayrıca, aramayı sayfanın üst kısmına yakın bir yere yerleştirin, böylece mobil ziyaretçinin gördüğü ilk şeylerden biridir.

Boyut önemlidir

Evet, boyut gerçekten önemli - dosya boyutu, yani. Bir açılış sayfası her zaman hızlı yüklenmeli, özellikle de bir mobil cihaz üzerinden erişilebilecek bir tane olmalıdır.

Ayarlanmış bir kural yoktur - ne kadar hızlı olursa o kadar iyidir - ancak genel bir rehber olarak, açılış sayfanızın yüklenmesi 3 veya 4 saniyeden uzun sürerse çok sayıda kullanıcıyı kaybetmeye başlarsınız.

İdeal olarak, sayfanızın 20 kilobayttan çok hafif olması gerekir. Görüntüler yüklenmek için çok zaman alır ve bu yüzden mutlak bir minimumda tutulmalıdır. Tüm kodunuzu güzel ve düzenli tutun, gerekiyorsa görüntü spriteları kullanın ve mümkün olan yerlerde resimler yerine CSS kullanın.

Dosya boyutunun yanı sıra, sunucuya yapılan isteklerin sayısını da düşünün; Genellikle bu talepler, gerçek dosya indirme işleminden daha fazla gecikmeye neden olur.

Yerel misin

Mobil kullanıcılar genellikle hareket halindedir, bu yüzden konum hizmetlerini kullanın. Açılış sayfasını yerel kullanıcılarla alakalı olacak şekilde uyarlayın ve onlara da teşvikler sunun. Örneğin, bir mağazanın yerel şubesine içeriği özelleştirebilirsiniz.

Projenin büyüklüğüne ve kapsamına bağlı olarak, çekirdek içeriğin kendisini de konuma göre uyarlayabilirsiniz.

Okunabilirlik her zamankinden daha önemli

Ekranda ne olduğunu okuyabilmek hayati önem taşır, bu yüzden daha azı daha fazladır. Metni, telefonun kol uzunluğunda tuttuğunuzda okuyamazsanız, daha büyük olması gerekir. Gerçekten uzay için sınırlısınız.

Kullanıcıları sürekli olarak kaydırmayın, yoksa hızlıca sıkılır ve devam eder. Evet, insanların internette kısa bir ilgisi var, bir dergi ya da kitap okurken olduğundan çok daha kısa, yaptığınız her şeyin dikkatini çekmesi gerekiyor hemen.

Başparmak havaya!

Açılış sayfanızda tıklanabilir olan her şey başparmak testini geçmelidir. Başparmak kullanılarak kolayca tıklanamazsa, yeniden düşünün. Ped, mümkün olduğunca etrafta fazla alan bırakacak ve bağlantılar arasında geniş bir alan bırakacaktır. Bu, kullanıcının yanlış bağlantılara dokunma olasılığını azaltacak ve hayal kırıklığından kurtulacaktır.

Eklentiler, fotoğrafların kolayca kaydırılabildiğinden emin olmak için kullanılabilir, ancak açılış sayfasında fotoğrafların çekilmesi kesinlikle önerilmez.

Formlar ve girdi

Açılış sayfasına bir form yazarsanız, bunu çok basit tutun ve çok fazla yer kaplamayın. Çok fazla girdi gerektiren formlar, basit formlardan daha düşük bir dönüşüm oranına sahiptir. Yani, mümkün olduğunca az alan ekleyin.

Yine, insanlar çabucak sıkılırlar, bu yüzden onları doldurmak için uzun bir form vermek onları siteyi terk etme olasılıklarını artırır.

Basit navigasyon

Navigasyon basit ve basit olmalıdır. Düğmeleri minimumda tutun ve başparmak testini geçtiğinden emin olun. Mantıksal bir yol izlenebilmesi için sayfanın farklı alanlarına düğmeler eklemeyi deneyin.

Test, test etme, test etme…

Mobil cihazlarda etkili bir şekilde çalıştığından emin olmak için açılış sayfanızı iyice test edin. Düşünmek A / B testi Bazı durumlarda liderleri% 40'a kadar arttırdığı gösterilmiştir.

Bir A / B testi ile, A ve B aynı sayfadan iki tasarım oluşturursunuz. En iyi performansı görmek için her tasarımın arasına trafik ayrılır. Dönüşüm oranı, satış, hemen çıkma oranı gibi, projenin en önemli metriklerini kullanın. Testin sonunda, en iyi performansa sahip olanla geçin ve kanıtlanmış bir tasarıma sahip olmanın yarısı olacak.

Orada bir sürü mobil simülatör var, ama hangisini seçerseniz seçin, sadece ilk test turu için kullandığınızdan emin olun. Doğru bir şekilde test etmek için gerçek cihazları kullanmalısınız. Gerekirse ödünç alın, ödünç alın ve çalın, sitenizi elinizde bırakabileceğiniz kadar çok gerçek cihazda kontrol edin.

Eylemleri minimumda tutun

Bir kullanıcının yapması gereken daha fazla tıklama veya eylem, bunları tamamlamak için daha az olasıdır. İnsanların mümkün olduğunca az tıklama ile A noktasından B noktasına geçmesine izin verin. Navigasyonun her yönünü ve harekete geçirici mesajı inanılmaz derecede basitleştirin.

Mobil cihazlar için bir açılış sayfasını optimize ederken akılda tutulması gereken en önemli şeyler bunlar. Tasarım süreci boyunca mobilin PC'den farklı bir ortam olduğunu unutmayın. İnsanların mobil cihazlarda daha az sabrı vardır çünkü genellikle hareket halindeler ve görevlerini en az yaygarayla tamamlamak isterler. Yavaş yükleme süreleri ve tepkisiz etkileşim de insanları rahatsız eder, bu yüzden onları doğru zamanda almak için zaman ayırın.

Doğru yapmak, ödüllendirici olabilir ve site ile rekabete karşı iyi performans gösteren ve ziyaretçileri kaybetme arasındaki farkı ifade edebilir.

Öne çıkan görsel / küçük resim, mobil görüntü Shutterstock üzerinden.