Darboğazı ölçerek bulun
Önce kullanıcı açısından bekleme veya tekrar iş üreten adımı belirleyin. Ölçümü gerçekçi veri ve cihaz koşullarında yapın. Değişiklikten sonra aynı senaryoyu tekrarlamadan hız kazanımı sonucuna varmayın.
Ürün Tasarımı için bu kararın somut karşılığı: Kartın küçük olması metnin okunamaz olması anlamına gelmez. Mobil tasarım masaüstünü sadece küçültmek değildir.
Kart bilgi hiyerarşisi
Kartın küçük olması metnin okunamaz olması anlamına gelmez.
Başlık, açıklama ve eylemi sıralayın; gereksiz boşluğu azaltın. Örnek senaryo: Hizmet kartı sunduğu çözümü kısa ama somut biçimde açıklar.
Sabit yükseklikte uzun metni kesmek bilgi kaybettirir. Kontrol: Dar ekran ve uzun başlıkla kartı test edin.
Responsive içerik önceliği
Mobil tasarım masaüstünü sadece küçültmek değildir.
Temel eylemi koruyup ikincil bilgiyi uygun sıraya taşıyın. Örnek senaryo: Proje kartında açıklama görselden önce okunur.
Önemli içeriği mobilde tamamen gizlemek eşitsiz deneyim yaratır. Kontrol: Aynı görevi farklı ekran genişliklerinde tamamlayın.
Form alanı etiketleri
Yer tutucu metin kalıcı alan etiketi değildir.
Alan adını görünür tutun ve gerekli biçimi yardımcı metinle açıklayın. Örnek senaryo: Telefon alanı değer girilse de etiketini korur.
Placeholder kaybolunca kullanıcının bağlamı unutması kolaylaşır. Kontrol: Dolu form ve hata durumunda alanların anlaşılır kaldığını kontrol edin.
Karar ve kabul kaydı
Bu rehberin çıktısını üç ayrı kabul maddesine dönüştürün: Dar ekran ve uzun başlıkla kartı test edin. Aynı görevi farklı ekran genişliklerinde tamamlayın. Dolu form ve hata durumunda alanların anlaşılır kaldığını kontrol edin.
Öncelik, hız, kararlılık ve kullanıcı deneyimini birlikte geliştirme için en belirsiz noktayı görünür kılmaktır. Her kontrolün sorumlusunu, kullanılan örneği ve sonucunu kaydedin. Başarısız bir denemeyi gizlemek yerine hangi varsayımın değiştiğini açıklayın; kapsamı bu kanıta göre yeniden değerlendirin.