Tasarım sistemi nedir?

Bir sitede ana sayfa, blog, sözlük ve hizmet detayları hazırlanıyor. Aynı düğme dört ayrı dosyada farklı boşluklarla yeniden yazılmış, başlıkların ölçüsü sayfadan sayfaya değişmiş. Tasarım sistemi bu tekrarları ortak kurallara bağlayabilir. Ancak hedef bütün sayfaları aynı kart dizisine çevirmek değildir. Ortak kimlik ve davranış korunurken içeriğin ihtiyacına göre farklı kompozisyonlar kurulabilmelidir.

Örnek bir sistemde düğmenin görünümü, odak davranışı ve eylem dili ortaktır. Blog uzun okumaya, sözlük tanım ile karşılaştırmaya, hizmet sayfası kapsam ile örneğe odaklanır. Bu sayfaların hepsinde aynı düğme çalışır, fakat bütün bölüm düzenlerinin aynı olması gerekmez. Sistemin olgunluğu yalnız bileşen sayısıyla değil, farklı içeriklerde tutarlı kararlar üretmesiyle anlaşılır.

Tasarım dosyası ile kod arasında ilişki de önemlidir. Tasarımda yeni bir varyant eklenirken uygulamadaki bileşen değişmiyorsa iki ayrı sistem oluşur. İsimler, kullanım koşulları ve değişikliklerin sorumlusu açık olmalıdır. Küçük bir ekip için sade bir bileşen kümesi ve kısa kullanım notları yeterli olabilir. Büyük bir katalog kurmak, kimsenin güvenle kullanamadığı bir sistemi iyi hale getirmez.

Sistemin benimsenmesi için örneklerin günlük üretimle ilişkili olması gerekir. Hiçbir gerçek sayfada kullanılmayan kusursuz bir bileşen sayfası, içerik ekibinin sorularına cevap vermeyebilir. Kısa ve uzun başlık, eksik görsel, farklı dil ve küçük ekran gibi gerçek durumları göster. Bir parçanın sınırı açık olduğunda yanlış kullanım daha erken fark edilir. Kullanım örnekleri yalnız geliştiriciler için değil, metin ve görsel hazırlayan kişiler için de yol gösterir. Böylece sistemin karakteri yeni içerik geldiğinde de korunur; tasarım kararları tek bir kişinin sürekli müdahalesine bağımlı kalmaz.

Eski bileşenlerin değiştirilmesi de sistemin parçasıdır. Yeni bir sürüm çıkarıldığında bütün ekranların aynı anda güncellenip güncellenmeyeceğini ve eski varyantın ne zaman bırakılacağını belirle. İki geçerli görünen çözüm uzun süre yan yana kalırsa kullanıcılar kadar ekip de hangisinin tercih edildiğini bilemeyebilir. Değişikliğin nedenini kısa notla açıklamak, gelecekte aynı kararı tekrar tartışmayı azaltır. Tasarım sistemi yalnız yeni parçaların kataloglandığı yer değil, eski kararların nasıl geliştiğinin de kaydıdır. Bu bakım yaklaşımı ortaklığın zaman içinde dağılmasını önler ve yeni ihtiyaçlara kontrollü alan açar.