Uygulamalar için Profesyonel UI/UX Tasarımı: Adım Adım Ne Alırsınız?

Uygulamalar için Profesyonel UI/UX Tasarımı: Adım Adım Ne Alırsınız?

> Hızlı Özet: UI/UX tasarım hizmeti, bir fikri geliştirilebilir ekranlara çevirir: kullanıcı akışları, wireframe’ler, görsel tasarım, tıklanabilir prototip ve geliştiriciye teslim. Tipik bir mobil uygulamada tasarım aşaması, projeye bağlı olarak tur başına 2 ila 4 gün sürer. Dokunma alanları iOS’ta en az 44 x 44 point, Android’de en az 48 x 48 dp olmalı; gövde metninde en az 4,5’e 1 kontrast gerekir.

Geliştirmenin yanında, ayrı bir hizmet olarak profesyonel UI/UX tasarımı da veriyoruz. Profesyonel UI/UX tasarımcı ortaklarımla çalışıyorum; ekranları tasarlayan ekip aynı zamanda onları geliştiriyor. Bu sayfa, hizmetin içinde ne olduğunu ve hangi ölçülere göre tasarladığımızı listeliyor.

Hizmet neleri kapsar

• Kullanıcı akışları: kullanıcının izleyebileceği her yol, tek bir ekran tasarlanmadan önce çizilir.
• Wireframe’ler: her ekranda neyin, hangi sırayla duracağını belirleyen sade yerleşimler.
• Görsel tasarım: renkler, yazı tipi, boşluklar, ikonlar ve görseller; her ekran ve her durum için.
• Tıklanabilir prototip: ekranlar birbirine bağlanır; tek satır kod yazılmadan uygulamayı gezebilirsiniz.
• Tasarım sistemi: renkler, yazı stilleri ve tekrar kullanılan bileşenler tek yerde toplanır; onuncu ekran birinciyle aynı görünür.
• Geliştiriciye teslim: ölçüleri, görselleri ve notları içeren, bir geliştiricinin doğrudan üzerinden çalışabileceği Figma dosyası.
• Figma’dan koda: ürünü biz geliştiriyorsak tasarım, animasyonlar ve duyarlı yerleşimler dahil, tasarlandığı gibi uygulanır.

Adımlar

1. Brif. Sorun, kullanıcılar, ana akış ve varsa mevcut marka materyali.
2. Akışlar ve wireframe’ler. Görsel çalışma başlamadan önce yapıyı onaylarsınız.
3. Görsel yön. İki üç ana ekran eksiksiz tasarlanır; görünüm erken netleşir.
4. Tüm ekranlar ve durumlar. Boş, yükleniyor, hata ve başarı durumları dahil; en sık unutulanlar bunlardır.
5. Prototip ve inceleme. Gerçek bir telefonda gezip geri bildirim verirsiniz.
6. Teslim ya da geliştirme. Dosya geliştiricinize gider ya da geliştirmeye biz başlarız.

Kendi sürecimde tasarım ve prototipleme adımı, projeye bağlı olarak genellikle 2 ila 4 gün sürer.

Tasarlarken uyduğumuz ölçüler

• Dokunma alanları: iOS’ta en az 44 x 44 point (Apple Human Interface Guidelines), Android’de en az 48 x 48 dp (Material Design).
• Metin kontrastı: gövde metninde en az 4,5’e 1, büyük metinde en az 3’e 1 (WCAG 2.1 AA düzeyi).
• Metin boyutu: iOS’ta gövde metni varsayılan olarak 17 point; Android’de genellikle 14 ila 16 sp. Kullanıcı sistem yazı boyutunu büyüttüğünde yerleşim bozulmamalı.
• Boşluklar: 4 ya da 8 point’lik ızgara; her kenar boşluğu ve aralık aynı birimin katıdır.
• Güvenli alanlar: çentiğin, Dynamic Island’ın ve ana ekran çizgisinin altında etkileşimli öğe olmaz.
• Koyu mod: ters çevrilmiş bir kopya olarak değil, kendi renk seti olarak tasarlanır.
• Sağdan sola diller: uygulama Arapça ya da İbraniceye çevrilecekse yerleşimler aynalanır.

Ne teslim alırsınız

• Her ekranı ve durumu içeren Figma dosyası
• Tıklanabilir prototip bağlantısı
• Tasarım sistemi sayfası: renkler, yazı stilleri, bileşenler
• Her platformun istediği boyutlarda dışa aktarılmış ikon ve görseller
• Kapsamdaysa uygulama ikonu ve mağaza ekran görüntüleri

Kapsamı ne değiştirir

• Ekran sayısı. En büyük etken. Yalnızca giriş akışı genellikle beş altı ekrandır.
• Platformlar. iOS ve Android tek tasarımı paylaşabilir ya da her biri kendi alışkanlıklarına göre ayrı tasarlanabilir. Web ya da tablet sürümü yeni yerleşimler ekler.
• Marka. Var olan bir markadan başlamak, sıfırdan marka oluşturmaktan hızlıdır.
• Özel illüstrasyon ve animasyon. İkisi de ayrı iş kalemidir.
• Revizyon turu sayısı. Başta kararlaştırın.

Sıkça Sorulan Sorular (SSS)

Bir uygulama, oyun ya da web platformu için tasarım istiyorsanız sorunu, kullanıcıları ve ana akışı anlatan kısa bir brif gönderin; gerisini biz yürütelim.