UI Tasarımcısı Mülakat Soruları ve Cevap Rehberi

Örnek Cevap

Önce tek bir kaynak üzerinden çalışan bir design system kurar ya da mevcut sistemi disiplinli biçimde kullanırım. Renk, boşluk, tipografi ve component kararlarını tokens mantığıyla tanımlar, varyasyonları sınırlı tutarım. Böylece ekipler arası ekranlar aynı dili konuşur; manuel kontrol ihtiyacı azalır, tasarım ölçeklenir.

Örnek Cevap

Ben estetiği, kullanılabilirliği destekleyen katman olarak görürüm; onun yerine geçen bir süsleme olarak değil. Görsel hiyerarşi ile kullanıcının önce neyi görmesi gerektiğini belirler, kontrast, boyut ve boşluk ile okunabilirliği güçlendiririm. Güzel görünen ama karar vermeyi zorlaştıran bir arayüz başarılı sayılmaz; hedef, net ve zarif bir deneyimdir.

Örnek Cevap

Dosyaları düzenli component yapısıyla hazırlar, spacing, state ve edge case'leri açıkça belirtirim. Handoff sırasında ölçü, asset ve davranış detaylarını paylaşır, ardından staging ortamında uygulamanın tasarıma ne kadar uyduğunu kontrol ederim. Gerekirse code review sürecine tasarım gözüyle katılır, sapmaları erken yakalarım.

Örnek Cevap

Sabit ve rastgele font seçimleri yerine kontrollü bir type scale kullanırım. Başlık, gövde ve yardımcı metinler için sınırlı sayıda boyut ve ağırlık belirleyip hiyerarşi oluştururum. Satır aralığı, satır uzunluğu ve kontrastı da erişilebilirlik açısından dikkate alırım; tipografi sadece marka değil, okunabilirlik meselesidir.

Örnek Cevap

Bir projede ana CTA görsel olarak geri planda kalıyordu. Renk, kontrast ve boşluk düzenini değiştirerek birincil aksiyonu öne çıkardım; ikincil aksiyonları da daha sakin hale getirdim. Değişikliği sezgiyle bırakmayıp A/B test ile doğruladık ve tıklanma oranında anlamlı artış gördük. Böylece görsel kararın iş sonucuna etkisini ölçmüş olduk.

Design token; renk, boşluk, tipografi gibi tasarım kararlarının isimlendirilmiş ve yeniden kullanılabilir değerleridir. Tasarımcı ve geliştirici aynı kaynaktan beslendiği için güncelleme tek yerden yapılır, tutarlılık korunur. Light/dark theme gibi varyasyonlarda da yönetim çok daha kolay olur.

Metinler için kontrast oranlarını kontrol ederim; normal metinde en az 4.5:1, büyük metinde 3:1 seviyesini hedeflerim. Anlamı yalnızca renkle taşımam; ikon, etiket ya da açıklayıcı metin ile desteklerim. Gerekirse tasarımı gri tonlarda ve farklı görme senaryolarında test ederim.

Grid sistemi, öğeleri hizalamak için kullanılan sütun ve boşluk yapısıdır. Arayüzde düzen hissi yaratır, kararları hızlandırır ve responsive tasarımı daha öngörülebilir hale getirir. Tutarlı spacing ile birleştiğinde ekranların ritmi ve profesyonel görünümü güçlenir.

Tek bir sabit çözünürlük yerine kırılımlarda nasıl yeniden akacağını düşünerek tasarlarım. Mobilde dokunma hedefleri, masaüstünde pointer hassasiyeti gibi kullanım farklarını hesaba katarım. Gerekirse vektör asset kullanır, yüksek yoğunluklu ekranlarda netliği korurum.

Variant, aynı temel yapının farklı durumlarını veya stillerini tek component içinde modellemektir; örneğin primary ve secondary button. Yapı ve amaç gerçekten farklıysa ayrı component gerekir. Doğru modelleme, design system'i şişirmeden düzenli tutar.

Bir lansman sayfasını kısa sürede çıkarmamız gerekiyordu. Mevcut design system component'lerini yoğun şekilde kullandım; custom emeğimi yalnızca hero alanı ve dönüşüm noktalarına verdim. En görünür yerlere polish uygulayıp, ikincil detaylarda sistemi koruyarak zaman kazandım. Sayfa planlanan tarihte yayımlandı ve marka algısı güçlü kaldı.

Bir projede renk paletimin markaya göre fazla soğuk bulunduğunu duydum. Savunmaya geçmek yerine, önce hangi duyguyu istediklerini netleştirdim ve birkaç alternatif paleti o hedefe göre hazırladım. Erişilebilirlik ve marka dili gerekçeleriyle seçenekleri sundum. Sonuçta daha sıcak bir palet üzerinde uzlaştık ve kontrast standardını da koruduk.

Bir dashboard'da her şey aynı önemde görünüyordu. Boyut, ağırlık, renk ve whitespace kullanarak en kritik bilgileri öne çıkardım, ikincil detayları geri plana attım. Ardından birkaç kullanıcıyla hızlı kontrol yapıp önceliklerin doğru okunup okunmadığını doğruladım. Kullanıcılar arayüzü daha sakin ve anlaşılır buldu.

Farklı ekiplerde button ve renk kullanımı dağınıktı. Mevcut UI'yi tarayıp tekrar eden pattern'leri birleştirdim, tokens ve component dokümantasyonu ile ortak bir kütüphane oluşturdum. Katkı süreci belirleyip ekipleri buna alıştırdım. Hem tasarım hem geliştirme hızı arttı, ürün tek bir bütün gibi görünmeye başladı.