Arayüz denetimi
Canlıda gerçekte ne olduğunun envanteri: her buton, renk, boşluk değeri ve örüntü, tüm platformlarda. Çıktı: elinizdeki ürün ile ihtiyacınız olan sistem arasındaki fark.
Mühendislerin gerçekten kullandığı tasarım sistemleri.
Tasarım sistemlerini bir ürün gibi kuruyoruz: token’lar, bileşenler, dokümantasyon ve yönetişim; Figma kütüphanesi ile kod kütüphanesi her zaman aynı hizada. Birden fazla platformda, birden fazla markayla ya da ikisiyle birden ürün çıkaran ekipler için.
N° 02 — Ne yapıyoruz
Denetimden kendi kendine işleyen bir sisteme.
Design token’lar
Renk, tipografi, boşluk, köşe, yükselti ve hareket; isimlendirilmiş token’lar olarak ve katmanlı. Böylece tek sistem çatallanmadan birkaç markayı ve karanlık temayı taşır.
Bileşen kütüphanesi
Tüm halleri ve uç durumlarıyla tasarlanan bileşenler; Figma’da kurulur, kodda birebir karşılığı yazılır: SwiftUI, Compose, React Native ya da web.
Baştan erişilebilirlik
Kontrast, odak sırası, dokunma alanları ve ekran okuyucu etiketleri bileşen düzeyinde kararlaştırılır; sistemle kurulan her ekran erişilebilir başlar.
Dokümantasyon
Açan kişi için yazılmış kullanım rehberi: bir bileşen ne zaman kullanılır, ne zaman kullanılmaz, kodda nasıl görünür. Sunum dosyasında değil, bileşenlerin yanında.
Yönetişim ve benimseme
Sürümleme, katkı modeli ve yayın ritmi, kendi ekibinizle birlikte kurulur; sistem biz teslim ettikten sonra da çalışmaya devam eder.
N° 03 — Neden biz
Sistemin hizmet ettiği ürünleri biz de yapıyoruz.
- 15 yıldır mobil ve web ürünleri tasarlayıp geliştiriyoruz; sistem ürün işinden doğuyor, tersinden değil.
- Figma ile kod arasında birebir karşılık: tasarladığımız bileşenleri kendi mühendislerimiz yazıyor.
- Bankacılık, sigorta ve perakendede, tek sistemin birkaç ürüne hizmet ettiği çok markalı deneyim.
- 10 uluslararası tasarım ödülü (FWA, Stevie, Awwwards).
- Türkçe, İngilizce ve İspanyolca; İstanbul ve Barcelona’dan.
N° 04 — Seçilmiş işler
Sistemlerimiz üzerine kurulan ürünler.
N° 05 — SSS
Tasarım sistemleri hakkında sık sorulanlar.
- Tasarım sistemine ihtiyacımız var mı?
- Genellikle aynı bileşen üç kez yeniden yazıldığında, ikinci bir platform ya da marka yoldayken veya tasarım ile mühendislik canlıda ne olduğu konusunda anlaşamadığında evet. Tek ekipli küçük bir ürünün çoğu zaman henüz ihtiyacı yoktur.
- Mevcut ürünümüzden başlayabilir misiniz?
- Evet, çoğu proje böyle başlar. Canlıdakinin denetimiyle başlıyor, işe yarayanı koruyor ve ekibe “yayını durdurun” demeden ekran ekran taşıyoruz.
- Kod mu teslim ediyorsunuz, yalnızca Figma mı?
- İkisi de. Figma kütüphanesi ve kod bileşenleri birlikte kurulur ve birebir eşleşir. Kod tarafını kendi ekibiniz yazmak isterse, sisteme göre gözden geçiriyoruz.
- Tek sistem birkaç markaya hizmet edebilir mi?
- Evet. Token’lar katmanlıdır: ortak bir temel, üstünde bir marka katmanı. Bileşenler aynı kalır; görünümü marka katmanı değiştirir.
- Bir tasarım sistemi projesi nasıl biter?
- Sahipliğin sizin ekibinize geçmesiyle. Sürümleme, katkı süreci ve dokümantasyonu kuruyor, tasarımcı ve mühendislerinizle birlikte, onlar değişiklikleri bizsiz yayınlayana kadar çalışıyoruz.
Bir fikir,
bir ürün, bir marka.
Konuşalım.
Sosyal