Mobil uygulama arayüz tasarımı hangi aşamada başlar?
Geliştirmeden önce başlar ve ayrı bir aşama olarak ilerler. Akış ile wireframe onayınızı aldıktan sonra yüksek çözünürlüklü ekranları hazırlıyor, prototipte son kontrolü yapıyoruz. Kod yazımına ancak bu onaydan sonra geçiyoruz.
Wireframe nedir, yüksek çözünürlüklü tasarımdan farkı ne?
Kısacası wireframe, ekranın iskeletini gösteren düşük ayrıntılı bir taslaktır. Renk, görsel ya da marka unsuru taşımaz; yalnızca yerleşimi ve akışı sınar. Yüksek çözünürlüklü tasarım ise aynı iskeleti tipografi, renk, ikon ve gerçek içerikle tamamlar.
Tasarımı kodlamaya geçmeden önce kullanıcılarla test ediyor musunuz?
Evet, tıklanabilir prototip üzerinde kullanıcı senaryolarını deniyoruz. Akışta takılma olan noktaları tasarım aşamasında düzeltiyoruz. Çünkü kodlamadan sonra yapılan bir değişikliğin maliyeti çok daha yüksektir.
Kontrast ve dokunma alanı kurallarına uymak neden önemli?
Kontrastı zayıf ya da dokunma alanı küçük bir ekran, kullanıcıların önemli bir kısmını uygulamadan uzaklaştırabilir. Üstelik bu sorun mağaza değerlendirmelerine olumsuz yansır. Platform kılavuzlarına uyan tasarım ise hem daha geniş kitleye ulaşır hem de mağaza incelemesini kolaylaştırır.
Figma dosyasını bize teslim ediyor musunuz?
Evet, dosya sizde kalır ve geliştirici modu açık gelir. Böylece mühendislik ekibiniz ayrı bir doküman beklemeden işe başlayabilir.
Var olan bir uygulamanın arayüzünü yenilemek, sıfırdan tasarlamaktan kısa mı sürer?
Analiz adımı kısalır, çünkü uygulamanın akışını ve veri yapısını zaten biliyoruz. Öte yandan ekran sayısı ve teknik borç kapsamı değiştirebilir. Süreyi ise proje bazında fiyatlandırma bölümünde görebilirsiniz.
Mobil uygulama arayüz tasarımında tasarım sistemi ne işe yarar?
Renk, yazı stili ve bileşen kararlarını tek bir kaynağa bağlar. Böylece uygulamaya yeni ekran ekledikçe görünüm dağılmaz. Kısacası tasarım sistemi, büyüyen bir uygulamanın ortak dilidir.
UI ve UX tasarım arasındaki fark nedir?
UX tarafı akışı, kullanıcı senaryolarını ve bilgi mimarisini kapsar. Buna karşın UI, bu iskeletin üzerine tipografi, renk ve mikro etkileşimleri ekler. Biz ikisini aynı süreçte, aynı ekiple yürütüyoruz.
