Mobil Kullanım Bağlamı: Neyi Ölçebilirsiniz, Neyi Gözlemlemeniz Gerekir
Mobil bir arayüz tasarlarken elinizdeki en zayıf varsayım, kullanıcının masa başında oturduğudur. Aynı ekran otobüste ayakta, çocuk kucaktayken ya da gece yatakta tek elle açılıyor. Bağlam dediğimiz şey bu koşulların toplamı ve tasarım kararlarının çoğu, farkında olmadan bunlardan yalnızca birine göre alınıyor.
Ekran genişliği bağlam değildir
Responsive tartışmaları bağlamı tek bir değişkene indirger: genişlik. 390 piksel görülünce “mobil kullanıcı” varsayılır, 1440 görülünce masa başı. Oysa o 390 piksel, metroda sallanan bir telefonda da kanepeye uzanmış birinin elinde de aynı sayıdır. Mobildeki sorunu ekran boyutuna bağlamam; boyut bir sonuç, sebep değil.
Davranışı asıl şekillendirenler daha dağınık duruyor:
- Çevre: gürültü, güneş altında okunmayan ekran, yürürken kayan dokunma hedefleri.
- Bölünme: kullanıcı işin tamamına değil, arada bir bakabildiği kadarına sahip.
- Sosyal durum: yanında biri varken hangi ekran açılır, hangisi açılmaz.
- Cihaz ve bağlantı: üç yıllık bir Android, kesik kesik bir hat, yüzde sekiz pil.
Peki bunların hangisini gerçekten ölçebiliyorsunuz?
Tarayıcı bağlamın bir kısmını doğrudan söyler. En sağlamı kullanıcı tercihleridir, çünkü kişi onları bilerek açmıştır ve CSS seviyesinde bedava gelirler: prefers-reduced-motion, prefers-color-scheme, prefers-contrast.
@media (prefers-reduced-motion: reduce) { .karusel { animation: none; } }Sonra güvenilirliği düşen bir bölge başlıyor. navigator.connection üzerinden gelen effectiveType ve saveData yalnızca Chromium tabanlı tarayıcılarda var; Safari ve Firefox bunu uygulamıyor. Yani “bağlantı yavaşsa videoyu yükleme” kuralını buna dayandırdığınızda kullanıcıların azımsanmayacak bir bölümü kuralın dışında kalır ve sizin düzelttiğinizi sandığınız sorunu tam olarak yaşamaya devam eder. Bu sinyali ipucu olarak kullanın, karar mekanizması olarak değil. Pil durumu için de benzer bir tablo geçerli, gizlilik gerekçesiyle daraltıldı ve her yerde bulunmuyor.
Asıl liste ölçemediklerinizdir: acelesi var mı, yanında biri var mı, bu ekranı ilk kez mi görüyor, telefonu tutan el hangisi. İvmeölçer yürüdüğünü söyler, neden yürüdüğünü söylemez. Ölçülebilir sinyaller erişilebilirlik tarafını iyi kapatıyor, niyet tarafını hiç kapatmıyor.
Gözlem, anketin söylemediğini söyler
Bir kullanıcıya “uygulamayı nerede kullanıyorsunuz” diye sorduğunuzda aldığınız cevap, evde sakin bir anda hatırlanmış bir cevaptır. Aynı kişiyi durakta izlediğinizde başka bir şey görürsünüz: ekranı açıyor, üç saniye bakıyor, otobüs gelince cebine atıyor, iki durak sonra baştan açıyor. O üç saniyede yüklenmeyen bir liste, analitikte “düşük etkileşim” diye görünür.
Yarım günlük saha gözlemi, bir aylık analitik yorumundan daha fazla karar değiştirir. Analitik nerede düşüldüğünü gösterir, neden düşüldüğünü göstermez, aradaki farkı kapatmak için de genelde uydurma bir hikâye anlatırız.
Aynı arayüz her pazarda aynı işi görmez
Uber’in Hindistan’da oto-rikşa seçeneği sunması sık verilen bir örnek, çünkü mesele çeviri değil. Ürünün kendisi farklı. Adres kavramının tarif üzerinden yürüdüğü yerlerde harita üstünde pin bırakmak temel akış haline gelir, ödeme yöntemi kart yerine nakit ya da yerel bir cüzdan olur. Arayüzün dili çevrilmiş ama akışı çevrilmemiş ürünler, tam da bu yüzden yerelde tutunmaz.
Erişilebilirlik ile durumsal zorluk aynı yere çıkıyor
Güneş altında düşük kontrastlı bir metni okuyamayan kişi, o an düşük görmeye sahip biri gibi davranır. Elinde poşetle tek eliyle telefon kullanan kişi, motor kısıtı olan birinin karşılaştığı hedefe ıskalama sorununu yaşar. Çözümler de ortaklaşıyor: yeterli kontrast, büyük dokunma alanı, sesli içerikte altyazı.
Somut bir eşik isterseniz WCAG 2.2, dokunma hedefleri için 24x24 CSS pikseli AA seviyesinde asgari kabul ediyor, 44x44 ise AAA tarafında duruyor. iOS ve Android’in yerleşik ekran okuyucularını (VoiceOver, TalkBack) hesaba katmak da ayrı bir proje kalemi değil; semantik işaretleme doğruysa çoğu iş zaten olmuş oluyor.
Sırayı nereden başlatmalı
Bütçe sınırlıysa sıralama şöyle işliyor: önce ölçülebilir ve ucuz olanı düzeltin (kontrast, hedef boyutu, hareket tercihi), sonra en sık kullanılan iki akışı gerçek ortamda izleyin, cihaz sinyallerine göre ince ayarı en sona bırakın. Tersten başlayan ekipler bağlantı hızına göre dallanan karmaşık bir mantık yazıyor, ama aynı ekranda güneşte okunmayan gri bir metin duruyor.