UX/UI tasarım / DIJION
Metin büyüdüğünde arayüz bozulmasın: mobil test planı
Başlık, düğme, form ve oyun yönergelerini büyük metinle inceleyen; kırpılmayı görev kaybından ayıran bir kontrol matrisi.
Standart font boyutunda düzgün görünen bir ekran, metin büyüdüğünde kullanılamaz hâle gelebilir. Özellikle sabit yükseklikte düğmeler, tek satıra zorlanan başlıklar ve ekranın altına sabitlenen eylemler sorun çıkarabilir. Kontrolün amacı her şeyi aynı pikselde tutmak değil, kullanıcının bilgiye ve eyleme ulaşmasını korumaktır.
Büyütme türünü açıkça kaydedin
Tarayıcı yakınlaştırması, web metin boyutu ve işletim sisteminin uygulama font ayarı aynı mekanizma değildir. Test kaydında hangisini değiştirdiğinizi yazın. WCAG metin boyutlandırma ölçütü web içeriğinde belirli koşullar altında yüzde 200 büyütmeyi ele alır; bunu bütün native uygulamalar için tek başına uygunluk belgesi gibi kullanmayın.
Sabit kutudan esnek düzene geçin
Metin alanına sabit yükseklik vermek yerine satırların büyümesine alan tanıyın. Yan yana duran etiket ve değer dar ekranda alt alta geçebilir. Bir düğmenin iki satıra çıkması, eylem adının kesilmesinden daha anlaşılır olabilir. Temel bilgi kayboluyorsa yalnız fontu küçülterek sorunu gizlemeyin.
Tüm sütunlar için tabloyu yatay kaydırabilirsiniz.
| Bileşen | Kontrol | Kabul işareti |
|---|---|---|
| Düğme | Uzun eylem adı | Etiket tam ve dokunulabilir |
| Form | Hata ve yardım metni | Alanla ilişkisi korunuyor |
| Liste | Uzun başlık ve ikincil bilgi | Seçim için gereken bilgi görünür |
| Sabit alt alan | Klavye ve büyük metin | İçerik ve odak kapanmıyor |
Ekran görüntüsü yerine görevi tamamlayın
Kurmaca bir kayıt formunda metni büyütün, hata oluşturun, hatalı alana dönün ve formu tamamlayın. Yalnız açılış ekranına bakmak, aşağıdaki düğmenin kaybolduğunu göstermeyebilir. Klavye açıkken kaydırmayı ve görünür odağı ayrıca kontrol edin.
Oyun yönergesini oynanışla birlikte test edin
Büyüyen yardım metni kritik oyun alanını kapatıyorsa açıklamayı ayrı bir duraklatılmış katmanda sunmak değerlendirilebilir. Ancak yardımın kapatılabilirliği ve yeniden bulunması da gerekir. Puan, hedef ve kontrol etiketlerini dekoratif metinle aynı öncelikte ele almayın.
Sorunu tekrar üretilebilir yazın
- Cihaz, ekran yönü, dil ve büyütme yöntemini kaydedin.
- Kaybolan bilgi veya erişilemeyen eylemi belirtin.
- Normal boyutta ve büyütülmüş durumda aynı görevi karşılaştırın.
- Düzeltmeden sonra komşu bileşenleri ve uzun çeviriyi tekrar kontrol edin.
Sonuç “ekran biraz sıkıştı” olmamalı. Örneğin “Hata metni büyüyünce Kaydet düğmesine kaydırılamıyor” düzeltilebilir bir bulgudur. Görsel tercih ile görevi engelleyen sorunu ayırmak, önceliği doğru belirlemeyi sağlar.