Bir web sitesinin telefona sığması, mobilde iyi çalıştığı anlamına gelmez. Ziyaretçi bir hizmeti araştırırken, numaranızı bulurken veya form doldururken gereksiz çaba harcamamalıdır. Mobil uyum; görünüm, etkileşim ve içerik kararlarının birlikte ele alınmasıyla ortaya çıkar.
Menü gerçek bir başlangıç noktası olsun
Küçük ekranda masaüstü menüsünü saklamak tek başına çözüm değildir. Açılan menüde temel sayfalar anlaşılır biçimde sıralanmalı, kapatma düğmesi kolay bulunmalıdır. Klavyeyle ve yardımcı teknolojilerle kullanım da dikkate alınmalıdır. Çok katmanlı bir yapı yerine açık isimler, ziyaretçinin doğru sayfayı seçmesini kolaylaştırır.
Metni okutmak için yakınlaştırma gerektirmeyin
Gövde metni rahat okunacak boyutta, yeterli satır aralığında olmalıdır. Masaüstünde etkili görünen çok büyük bir başlık telefonda birkaç satıra bölünebilir. Bu her zaman hata değildir; önemli olan sözcüklerin kesilmemesi ve başlığın anlamının korunmasıdır. Uzun bağlantılar veya tablo hücreleri sayfayı yatayda taşırmamalıdır.
Dokunulan alanı düşünün
Bir simgenin görünür olması kolay dokunulabildiği anlamına gelmez. Menü, kapatma, form gönderme ve sayfalama kontrolleri çevresinde yeterli alan bırakın. Yan yana gelen bağlantıların yanlışlıkla seçilmesini önleyin. Kritik bir işlem yalnızca fareyle üzerine gelindiğinde görünmemelidir.
Formun klavyesi ve hata mesajı
E-posta alanında uygun klavye, telefon alanında sayı girişini kolaylaştıran bir düzen kullanılmalıdır. Alan etiketleri sadece yer tutucu metinlerden oluşmamalıdır; kullanıcı yazmaya başladığında ne istendiğini görmeye devam etmelidir. Hata mesajı ilgili alana yakın ve anlaşılır olmalı. Form gönderildikten sonra gerçekten ne olduğuna dair açık bir sonuç gösterilmelidir.
Görsel kalitesi ile yük arasında denge
Masaüstü için hazırlanmış çok büyük görselleri telefona aynen yüklemek gereksiz veri tüketebilir. Kullanıldığı boyuta uygun görseller, önceden ayrılmış görüntü alanları ve ekranın aşağısındaki içerik için uygun yükleme tercihleri deneyimi iyileştirir. Görsellerin boyutlarını tanımlamak, sayfa yüklenirken içeriğin yer değiştirmesini azaltır.
İletişim bir sonraki adıma dönüşsün
Telefon bağlantısı arama ekranını, e-posta bağlantısı ilgili uygulamayı açabilmelidir. WhatsApp bağlantısı kullanılacaksa bunun başka bir hizmete götürdüğü anlaşılmalıdır. Her ekranda büyük bir sabit reklam veya çerez kutusu göstermek yerine içeriği kapatmayan çözümler tercih edin.
Gerçek görevlerle kontrol edin
Ana sayfaya bakmakla yetinmeyin. Bir hizmeti bulun, yazı okuyun, menüyü açıp kapatın ve form doldurun. Farklı ekran genişliklerinde ve mümkün olduğunda gerçek cihazlarda deneyin. Yönetim paneli de telefondan kullanılacaksa aynı yaklaşım orada da geçerlidir.
Mobil deneyimi yeni site projesinin başından itibaren planlamak için web tasarım hizmetimizi inceleyebilirsiniz.