Mobil ziyaretçilerde hayal kırıklığı nasıl önlenir?

Web siteniz masaüstünde derli toplu görünebilir, ama mobilde yine de hayal kırıklığı yaratabilir. Metin çok küçüktür, düğmeler birbirine çok yakındır ya da önemli bilgi, önce yolu kesen büyük bir bloğun hemen altında kalır. Bu sık görülen bir durumdur: Site teknik olarak duyarlıdır (responsive), ama telefonda kullanmak henüz keyifli değildir.

Bu da yazık, çünkü pek çok web sitesinde ziyaretçilerin büyük kısmı artık mobilden geliyor. Birisi yakınlaştırmak zorunda kalırsa, yanlış yere dokunursa ya da aradığını bulmak için fazla uğraşırsa daha hızlı vazgeçer. Bu yazıda mobil ziyaretçilerde hayal kırıklığını nasıl önleyeceğinizi ve bunun için ideal düzenin, metin boyutunun ve yapının ne olduğunu anlatıyoruz.

Mobil kullanım neden bu kadar çabuk can sıkıcı hâle gelir?

Mobil ziyaretçilerin daha az ekran alanı, daha az sabrı ve çoğu zaman net bir amacı vardır. Hızlıca okumak, dokunmak veya iletişime geçmek isterler. Google da uzun süredir mobil uyumlu sayfaların, diğer şeylerin yanında yakınlaştırmadan okunabilen metinlere ve dokunulabilir öğeler arasında yeterli boşluğa sahip olması gerektiğini vurguluyor.

Hayal kırıklığı genellikle tek bir büyük hatadan değil, aynı anda birkaç küçük engelden doğar. Karmaşık bir üst menü, uzun bir metin yığını, çok fazla alanı olan bir form ya da sayfanın en altına gizlenmiş bir eylem çağrısı gibi. Bunlar tam da mobilde daha ağır basan şeylerdir.

Bir sayfanın ideal mobil düzeni

İyi bir mobil sayfa basit, mantıklı ve sakin kurgulanmıştır. Masaüstünde yan yana duran her şey, telefonda alt alta da iyi çalışmaz. Bu yüzden masaüstü düzeninizin kendiliğinden alt alta dizilmesine izin vermek yerine mobil sıralamayı bilinçli olarak belirlemek akıllıca olur.

En iyi yapı genellikle şudur: Önce net bir başlık, sonra kısa bir açıklama, ardından en önemli faydalar ve ancak bundan sonra ek ayrıntılar. Böylece ziyaretçi sayfanın ne hakkında olduğunu ve bir sonraki adımın ne olduğunu hemen görür. Bu, web siteniz için mantıklı bir menü yapısıyla da iyi örtüşür.

Mobilde genellikle iyi çalışanlar

• dikkati fazla dağıtmayan sade bir üst menü
• 2 ila 4 cümlelik kısa paragraflar
• bloklar arasında yeterli boşluk
• her bölümde tek bir net eylem çağrısı
• sayfanın üst kısmında yer alan önemli bilgiler

İşletmeler çoğu zaman mobilde aynı anda çok fazla şey göstermek ister. Oysa daha az seçenek ve daha fazla odak, genellikle daha keyifli bir deneyim ve daha iyi dönüşüm sağlar.

Mobilde metin ne kadar büyük olmalı?

Okunabilirlik belki de en önemli etkendir. Metin çok küçükse kullanıcı yakınlaştırmak zorunda kalır. Satırlar birbirine çok yakınsa okuması yorucu olur. Digital.gov ve W3C gibi kaynakların yönergeleri, mobilin rahat kullanılabilmesi için okunabilir metnin ve yeterli satır aralığının önemli olduğunu gösteriyor.

Pratikte mobilde gövde metni yaklaşık 16 pikselden itibaren rahat okunur. Ara başlıklar elbette daha büyük olabilir; yeter ki fark belirgin kalsın ve yapı sakin görünsün. Ayrıca metnin sıkışık görünmemesi için yeterli satır yüksekliği bırakın.

İçeriğinizin iyi okunup okunmadığından emin değil misiniz? O zaman yalnızca yazı boyutuna değil; kontrasta, paragraf uzunluğuna ve boşluklara da bakın. Bunlar, iyi kurgulanmış tasarım ilkelerinde olduğu gibi, sayfanızın ne kadar kolay taranabildiğini büyük ölçüde etkiler.

Düğmeler, menüler ve formlar kolay kullanılmalı

Görebildiğiniz şeye kolayca dokunabilmelisiniz de. W3C’ye göre dokunma hedefleri yeterince büyük olmalıdır; en az 24 x 24 CSS pikseli. Pek çok platform yönergesi ise daha da geniş alan önerir. Pratikte bu şu anlama gelir: Yan yana dizilmiş küçük metin bağlantıları ve kalabalık bölümlerde minicik düğmeler olmamalı.

Düğmelerin göze çarpmasını, yeterli yüksekliğe sahip olmasını ve çevrelerinde yeterli boşluk bulunmasını sağlayın. Bu menü öğeleri, akordeonlar ve filtreler için de geçerlidir. Bir mobil menü hemen anlaşılmalı, bulmaca gibi hissettirmemelidir.

Formlar bilinen bir hayal kırıklığı kaynağıdır. Bu yüzden yalnızca gerçekten gerekli olanı isteyin. Ad, e-posta ve mesajdan oluşan bir iletişim formu, mobilde genellikle uzun bir ek alan listesinden daha iyi çalışır. WordPress’te iletişim formlarını kurgularken kullanım kolaylığının rolünü iyi düşünmek de yardımcı olur.

Hız ve sadelik mobili anında iyileştirir

Mobil ziyaretçi gecikmeye karşı daha da hassastır. Büyük görseller, ağır betikler ve hareketli efektler bir sayfayı yalnızca yavaşlatmaz, aynı zamanda daha yorucu hâle getirir. Özellikle mobilde sitenin hızlı açılmasını ve hemen kullanılabilir hissettirmesini istersiniz.

Bu yüzden web sitenizin hızını düzenli olarak test etmek ve görsel tercihlerin deneyimi gereksiz yere ağırlaştırıp ağırlaştırmadığını kontrol etmek akıllıca olur. Masaüstünde güzel görünen şey, mobilde tam tersine yolunuzu kesebilir.

Mobil ziyaretçilerin vazgeçmesini böyle önlersiniz

Mobil hayal kırıklığını önlemek sonuçta netlikle ilgilidir. Okunabilir metin, yeterli boşluk, büyük dokunulabilir öğeler ve mantıklı bir yapı sağlayın. Ziyaretçilerin aradığını bulmak için uğraşmasına, tahmin yürütmesine veya yapmak istediği şeyi düzeltmek zorunda kalmasına izin vermeyin.

Sık sorulan bir soru, bir web sitesinin neden ziyaretçi çektiği hâlde az talep getirdiğidir. Cevap şaşırtıcı derecede sık mobil kullanımda saklıdır. Web siteniz telefonda rahat okunuyor ve kolay çalışıyorsa, birinin gerçekten tıklama, iletişime geçme veya müşteri olma ihtimalini anında artırırsınız. Kantex’in web sitesi paketlerinde mobil kullanım bu yüzden en baştan tasarımın bir parçasıdır.