Mobil kalite; okunur yazı, ulaşılabilir kontroller, anlaşılır menü ve kullanılabilir form demektir. Ekrana sığmak başlangıçtır. Bir sayfanın telefon ekranına sığması mobil deneyimin yalnız başlangıcıdır. Dar telefonda menüyü açıp hizmeti seçin ve yana kaydırmadan, gizlenen buton olmadan formu tamamlayın. Masaüstü ekran görüntüleri mobil etkileşimin çalıştığını kanıtlamaz.
Mobil uyumu gerçek görevlerle değerlendirin
Bir sayfanın telefon ekranına sığması mobil deneyimin yalnız başlangıcıdır. Ziyaretçi metni okuyabiliyor, doğru düğmeye dokunabiliyor, menüden geri dönebiliyor ve form hatasını anlayabiliyor olmalıdır. Masaüstü görüntüsünü daraltıp hiçbir taşma görmemek bu görevlerin tamamlandığını kanıtlamaz. Kontrolü görünüş ve işlev olarak iki ayrı bölümde yapın.
İlk görevi ana ekranda tanımlayın. Ne sunulduğu anlaşılmalı, önemli fiyat veya kapsam bilgisi kırpılmamalı ve başlıca eylem okunabilir olmalıdır. Büyük dekoratif görsel bütün ilk ekranı kaplıyorsa ziyaretçi temel açıklamaya ulaşmak için gereksiz kaydırabilir. Mobil düzen masaüstü kompozisyonunu aynen korumak zorunda değildir; bilgi önceliğini koruması gerekir.
İkinci görev gezinmedir. Menü düğmesi rahat dokunulabilir olmalı ve açık durumu anlaşılmalıdır. Menü kapatılınca kullanıcının odağı mantıklı yere dönmelidir. Uzun menü ekranın dışına taşıyorsa içindeki son bağlantıya ulaşılabilmelidir. Arka sayfanın yanlışlıkla kayması veya sabit düğmenin menüyü örtmesi gibi sorunlar yalnız gerçek etkileşim sırasında fark edilir.
Formu ve uzun içeriği özellikle sınayın
Form alanlarında uygun klavye türü deneyimi kolaylaştırır. E-posta için e-posta, telefon için telefon girişi kullanılabilir; bu, sunucu doğrulamasının yerini almaz. Zorunlu alanlar açık olmalı, hata mesajı yalnız kırmızı çizgiyle anlatılmamalıdır. Gönderim başarısız olduğunda kullanıcının yazdığı bütün bilgilerin silinmesi mobilde özellikle zorlayıcıdır.
Klavye açıldığında ekranın kullanılabilir yüksekliği azalır. Sabit başvuru düğmesi veya yapışkan alt çubuk bu durumda formun son alanlarını kapatmamalıdır. Birkaç kısa alanı doldurup göndermek yerine uzun açıklama, geçersiz e-posta ve geri adımı da deneyin. İki adımlı formda önceki adıma dönüş veriyi korumalı, ilerleme durumu anlaşılır olmalıdır.
Blog veya hizmet metninde uzun kelimeler, e-posta adresleri ve URL'ler yatay taşma yaratabilir. Tablo varsa kaydırma alanı açıkça anlaşılmalı; bütün sayfanın yana kaymasıyla karıştırılmamalıdır. Farklı diller de farklı sonuç verir. Almanca uzun bileşik sözcükler, Arapça sağdan sola düzen ve Japonca satır kırılması aynı telefon üzerinde ayrı örneklerle incelenmelidir.
Ekran ölçüsünü değil, kapsanan sorunları raporlayın
Tek telefon modeliyle kontrol yapmak yeterli kapsama sağlamaz. Küçük ve büyük telefon genişlikleri, tablet ile masaüstü arasındaki geçişler ve yatay görünüm örnekleri incelenebilir. Ancak amaç uzun bir cihaz listesi üretmek değildir. Başlık taşması, kırpılan fiyat, daralan dokunma alanı ve yanlış sıralanan içerik gibi gerçek sorunların hangi koşullarda ortaya çıktığını kaydedin.
Metin büyütme ve yakınlaştırmayı da deneyin. Kullanıcı daha büyük yazıyla okumak istediğinde bilgi kaybolmamalıdır. Odak göstergesinin görünmesi, bağlantı metinlerinin anlaşılması ve yalnız hover ile açılan bilginin dokunmatik cihazda erişilebilir olması temel kontrollerdir. Rahat dokunma alanı tasarlamak yararlıdır; bir ölçü hedefinin tek başına tam erişilebilirlik uygunluğu sağladığını iddia etmeyin.
Sonuç raporunda ekran görüntülerine kısa notlar ekleyin: hangi sayfa, hangi genişlik, hangi görev ve hangi sorun düzeltildi? Sadece ekran görüntüsü dosyası üretmek inceleme yapmak değildir. Mobil uyum, kullanıcıların işini gerçek koşullarda tamamlayabilmesini sağlayan tasarım ve geliştirme kararlarının toplamıdır. Küçük ekranı ayrı bir son kontrol olarak bırakmak yerine içerik ve form planının başlangıcından itibaren düşünmek daha iyi sonuç verir.
Yavaş bağlantıda sayfanın ana metninin görsellerden önce anlaşılır kalmasını da kontrol edin. Bir görsel yüklenemediğinde başlık, kapsam ve başvuru yolu kaybolmamalıdır.
Telefon kontrolünü küçük bir görev dizisine dönüştürün: Önce ana sayfadan paket ayrıntısını bulun, ardından başvuruya geçin. Bir alanı bilerek yanlış doldurun, hatayı düzeltin ve önceki adıma geri dönün. Menüye klavyeyle ulaşmayı ve sayfayı daha büyük metinle okumayı da deneyin. Böylece yalnız ekran genişliğine bakan bir kontrolden gerçek kullanım incelemesine geçersiniz.
Görsel sorunları kayıt altına alırken ekrandaki konumu ve koşulu belirtin. “Mobil bozuk” yerine “Dar telefonda ikinci fiyat kartındaki tutar sağ kenardan kesiliyor” gibi bir açıklama çözüm üretmeyi kolaylaştırır. Sorun yalnız belirli dilde oluşuyorsa dil ve kullanılan başlık da kayıtta bulunsun. Uzun metinlerin kısa örneklerle değiştirilmesi sorunu gizler; kalıcı çözüm gerçek içerikle doğrulanmalıdır.
Dokunma hedefleri arasındaki boşluğu da gözlemleyin. İki küçük ikon birbirine çok yakınsa yanlış eyleme basmak kolaylaşabilir. Metin bağlantısı yerine bütün kartı tıklanabilir yapmak bazı durumlarda yararlı olabilir, fakat kart içindeki ayrı bağlantılarla çakışmamalıdır. Form gönderimi gibi önemli eylemin üstünde başka sabit öğe bulunmamalıdır. Son kontrolü yalnız geliştirici araçlarının cihaz görünümüyle bırakmayın; mümkünse gerçek dokunmatik cihazda da inceleyin. Tarayıcı emülasyonu değerli bir araçtır, farklı cihazların bütün davranışlarını otomatik olarak temsil etmez.
Döndürülmüş telefon ekranını da kısa süre inceleyin. Yükseklik azaldığında açık menü veya büyük dialog tüm kullanılabilir alanı kaplayabilir. Kapatma düğmesine ve son form alanına ulaşılabildiğinden emin olun. Bu kontrol, yalnız genişlik değişimini izlemekten farklı bir sorunu yakalar.
Mobil kontrolü yalnızca ekranı daraltarak bitirmeyin. Telefon klavyesi açıldığında form alanı ve hata mesajı görünür kalıyor mu? Sabit iletişim düğmesi gönderme düğmesini kapatıyor mu? Sayfa yatay kaymadan büyütülebiliyor mu? Bu koşullar, masaüstünde küçük pencereyle yapılan bakışta fark edilmeyebilir. En az bir gerçek cihazda günlük kullanım akışını tamamlamak yararlıdır.
Dokunma hedeflerinin birbirine yakınlığına da bakın. Menüde veya paket kartında yan yana duran küçük bağlantılar yanlış seçimlere yol açabilir. Alanı büyütmek yalnızca düğmenin çevresine renk eklemek değildir; gerçek tıklanabilir bölgenin de yeterli olması gerekir. Odak göstergeleri ve klavye davranışı mobil cihaz kullanan herkesin yalnızca dokunarak gezmediğini hatırlatır.
Test içeriklerini çeşitlendirin. Uzun bir e-posta adresi, Türkçe karakterli işletme adı ve birkaç paragraflık mesaj düzeni zorlayabilir. Başarı durumuna ek olarak boş alan, geçersiz değer ve ağ hatası ekranlarını da inceleyin. Hata olduğunda daha önce girilen bilgilerin korunması, kişinin yeniden yazma yükünü azaltır. Böylece mobil uygunluk, güzel görünen bir ekran görüntüsünden çalışan ve toparlanabilen bir kullanım deneyimine dönüşür.
Uygulama kontrolü
- Tek elle gezinmeyi deneyin
- Hatalı form gönderin
- Yakınlaştırma ve klavyeyi kontrol edin
Somut örnek: Dar telefonda menüyü açıp hizmeti seçin ve yana kaydırmadan, gizlenen buton olmadan formu tamamlayın.
Dikkat edilmesi gereken sınır: Masaüstü ekran görüntüleri mobil etkileşimin çalıştığını kanıtlamaz.
