Mobil Uygulama Geliştiricileri İçin UI/UX Tasarımcısıyla Çalışma Rehberi

Mobil uygulama geliştiricisi için iyi bir tasarım teslimi, yalnız ölçüleri belli ekranlardan oluşmaz. Etkileşim kuralları, bileşen durumları ve açık kararlar da paylaşılmalıdır. UI/UX tasarımcısıyla kurulacak çalışma düzeni, kod yazarken tekrar tekrar ürün kararı vermeyi azaltmayı amaçlar.

Tasarım başlamadan teknik sınırları paylaşın

Desteklenecek platformları, hazır bileşenleri, mevcut API sınırlarını ve kullanılacak tasarım sistemini konuşun. Ekranda canlı gösterilmesi istenen veri gerçekte gecikmeli güncelleniyorsa tasarım bunu yansıtmalıdır. Uygulanamayacak bir fikri son gün reddetmek yerine erken bir teknik değerlendirme noktası belirleyin.

Örneğin bir arama alanında her harfte sunucu isteği göndermek uygun olmayabilir. Aramanın ne zaman başladığı, bekleme göstergesinin ne zaman göründüğü ve sonuç bulunamayınca ne önerildiği tasarım ile geliştirme arasında kararlaştırılır. Bu kararlar dosyanın yorumlarında kaybolmamalıdır.

Bileşen ile ekranı birlikte teslim alın

Bir düğmenin normal, basılı, devre dışı ve işlem sürüyor durumları aynı sistemin parçalarıdır. Giriş alanının etiket, yardım metni ve hata ilişkisi de tanımlanmalıdır. Tasarımda kullanılan isimlerle kod tarafındaki isimleri mümkün olduğunca eşleştirmek iletişimi kolaylaştırır; birebir aynı araç kullanmak zorunlu değildir.

Design system çalışması yalnız renk ve font listesinden ibaret olmamalıdır. Bileşenin nerede kullanılacağı, hangi durumda kullanılmayacağı ve uzun içerikle nasıl davranacağı da anlatılmalıdır. Gerçekçi veri örnekleri bu kuralları sınamak için değerlidir.

Karar kaydı ve değişiklik sınırı kurun

Onaylanan dosyanın sürümünü belirleyin. Tasarımcı sonradan bir akışı değiştirdiğinde hangi ekranların ve bileşenlerin etkilendiği görünür olmalıdır. Yeni ürün talebi ile hatalı uygulanmış tasarımın düzeltmesini aynı revize başlığında toplamayın.

Haftalık kısa bir kontrol toplantısında şu üç çıktı yeterli olabilir: uygulanmış akışlar, açık sorular ve sıradaki teslim. Toplantıdan sonra kararın sahibi ve çözüm tarihi yazılmalıdır. Her ayrıntı için toplantı yapmak yerine, gerçekten karar gerektiren konuları ayırın.

Gerçek cihazda tasarım kontrolü yapın

• Klavye açıkken ana işlem erişilebilir mi?
• Uzun isimler veya büyük yazı ayarı düzeni bozuyor mu?
• Kullanıcı geri döndüğünde girdiği bilgi korunuyor mu?
• Hata ve boş durumlar yalnız teknik kod olarak mı görünüyor?
• Görsel beklenirken yerleşim gereksiz şekilde sıçrıyor mu?

Bu kontroller teknik testlerin yerine geçmez; ürünün tasarım niyetini koruyup korumadığını sınar. Geliştiriciye devir yazısı dosya teslimine odaklanırken bu rehber devam eden iş birliğini ele alır.

Freelance UI/UX tasarımcısı Selçuk Aker ile mobil uygulama arayüzü, bileşen sistemi ve uygulama sonrası tasarım kontrolünü ayrı kapsamlar halinde planlamak için iletişime geçebilirsiniz.