Trafiğinizin çoğu mobilde, ama çoğu açılış sayfası hâlâ geniş ekranda tasarlanıyor. Masaüstü sürümü dönüşürken mobil sürümü dönüşmüyorsa, nedenler genellikle yaratıcı değil mekaniktir — ve düzeltilebilir.
Eylem çağrısı katlamanın altında kalıyor ve orada kalıyor
Masaüstünde başlık ve düğme birlikte görünür. Mobilde aynı içerik uzun bir sütuna yığılır ve düğme, büyük bir görselin ve bir paragrafın ardından iki üç kaydırma aşağıda oturur. Birincil eylemi yukarı taşıyın, kullanıcı kaydırdıkça onun kompakt bir sürümünü görünür tutun ve hero görselini her şeyi ekranın dışına itecek kadar uzun yapmayın.
Form uzun ve klavye işleri kötüleştiriyor
Beş alanlı bir form masaüstünde katlanılabilir, telefonda ise acı vericidir; çünkü her alan ekranın yarısını kaplayan bir klavye açar. Alanları gerçekten şu an ihtiyacınız olanlara indirin. Doğru girdi türlerini ayarlayın; böylece telefon bir e-posta için e-posta klavyesini, bir telefon numarası için sayı tuş takımını göstersin. Tarayıcının bilinen değerleri doldurabilmesi için autocomplete özniteliklerini kullanın.
Fotoğraf: Jonas Leupe / Unsplash
Dokunma hedefleri çok küçük ve birbirine çok yakın
Fareyle tıklaması kolay bir bağlantı, başparmakla yazı tura olabilir. Düğmelere ve bağlantılara, gerçek bir parmağın komşusuna basmadan isabet edebileceği kadar yükseklik ve boşluk verin. Bu en çok, yanlış bir dokunuşun size dönüşümü kaybettirdiği ödeme ve form alanında önemlidir.
Gerçek bir bağlantıda yavaş
Masaüstü testi genellikle hızlı ofis wifi'sinde yapılır. Trende, mobil veride, orta seviye bir işlemciyle bir telefon farklı bir makinedir. Ağır hero görselleri, otomatik oynayan video ve masaüstünde sorun olmayan bir yığın üçüncü taraf betiği, mobil sayfayı insanların beklediği noktanın ötesine itebilir. Yalnızca tarayıcının duyarlı modunda değil, kısıtlanmış bir bağlantıda ve gerçek bir cihazda test edin.
Araya giren katmanlar içeriği engelliyor
Geniş ekranda göze batmayan bir çerez bandı, bir bülten açılır penceresi ve bir sohbet balonu, bir telefonun çoğunu kaplayabilir. Üst üste geldiklerinde başlığı ve düğmeyi tamamen gizleyebilirler. Bir seferde tek bir şey gösterin, her birini kapatması kolay yapın ve birincil eylemi asla bir katmanın arkasına saklamayın.
Özetle
Mobil sürümü önce tasarlayın ve test edin; çünkü ziyaretçileriniz orada. Dönüşüm odaklı açılış sayfalarını web tasarımı ve geliştirme çalışmalarımızın bir parçası olarak yapıyoruz — mobil rakamlarınız masaüstü rakamlarınızla örtüşmüyorsa bizimle iletişime geçin.