Yapının Gücü – Sistem Modellerini Tasarlamak İçin Bir Kılavuz

Tasarım sistemleri, kuruluşların çeşitli ürünler, hizmetler ve işletmeler arasında deneyimsel tutarlılığı sürdürmelerine yardımcı olur. Görsel yönergeler ve bileşen kitaplıkları ile yaygın olarak ilişkilendirilmesine rağmen, tasarım sistemleri tamamen farklıdır. Daha fazla şirket tasarım sürekliliğinin değerini anladıkça, yeni oluşturulan tasarım sistemleri ekipleri, kuruluşlarının tasarım çabalarının uzun vadeli uygunluğunu sağlamak için en iyi uygulamaları oluşturuyor.

Birden fazla kişi aynı tasarım arayışına girdiğinde, ortak sorular ortaya çıkıyor. Bu soruların yanıtları hazır değilse veya kolayca anlaşılmıyorsa, tasarım tutarlılığı bir kenara bırakılır . Tasarım sistemlerine girin.

Çağdaş tasarım tartışmalarında popüler olmasına rağmen, tasarım sistemlerinin kökleri gazete ve dergi yayıncılığı dünyasında onlarca yıl öncesine uzanıyor. Şimdi bile, metin ve görsellerin tutarlı bir şekilde yerleştirilmesini sağlayan önceden yapılandırılmış kalıplarla, editoryal sayfaların sistematik hiyerarşisi açıktır.

2007'den sonra dijitalin akışı, işletmeleri ürünler ve platformlar arasında tasarım uyumu konusunda daha bilinçli olmaya zorladı. Bunu görsel yönergeler ve bileşen kitaplıkları üzerinde bir vurgu izledi, ancak bu tür belgeler PDF'lerin ve paylaşılan dosyaların sayfalarında hızla kireçlendi. Deneme yanılma yoluyla, modern tasarım sistemlerinin yapımcıları, çalışmalarını statik belgeler değil, yaşayan ürünler olarak görmeye başladılar.

Zalando, Avrupa'nın önde gelen çevrimiçi moda pazarıdır. Atlassian, yazılım geliştirme araçlarıyla dünya çapında kabul görmektedir. Her birinin büyük ürün ekipleri ve karmaşık tasarım ihtiyaçları vardır. Tasarım sistemi modellerinden neler öğrenilebilir?

Zalando: Bir Tasarım Sistemi Modeli Olarak İşbirliği

Zalando, Avrupa'nın en büyük çevrimiçi ayakkabı ve üst düzey sokak giyim perakendecisidir. 1.900'den fazla markaya sahip devasa dijital vitrini, yüzlerce tasarımcı ve geliştiriciden oluşan bir ekip tarafından yönetiliyor. Bu kadar geniş bir ürün koleksiyonu üzerinde tutarlı bir alışveriş deneyimi sağlamak için şirket, yüksek düzeyde yapılandırılmış bir tasarım sistemine güveniyor.

Böyle yüksek profilli bir marka için bir tasarım sistemini sürdürmenin, sıkı bir yönetim ve sıkı bir tasarım karar vericileri çemberi gerektireceği düşünülebilir. Bunun yerine, Zalando'nun yaklaşımı kesinlikle işbirlikçi. Zalando, tasarım sistemini entropi tehdidi altında mükemmel bir varlık olarak görmek yerine, özellik ekiplerini gerektiğinde yeni fikirlere katkıda bulunmaya teşvik ediyor. O nasıl çalışır?

Zalando'nun tasarım sistemi ekibinin (ZDS) birincil amacı, özellik ekiplerinin ürünleri parlatırmak için ihtiyaç duydukları bileşenleri geliştirmelerine yardımcı olmaktır. Aynı zamanda ZDS, tasarım sisteminin bütünlüğünden ödün verilmemesini sağlar. Bu şekilde, ZDS hem bir irtibat hem de bir güvenlik ağıdır.

Bir Zalando özellik ekibi, şirketin tasarım sistemiyle çelişen bir çözüme ihtiyaç duyduğunu fark ettiğinde, basit bir Google Formu kullanarak bir katkı sunar. Bir katkı bileti alındığında, ZDS değişiklik talebini inceler ve Hafif , Orta veya Ağır olarak sınıflandırır. Her kategorinin kendi ortak inceleme, tasarım ve yineleme dizisi vardır.

Bir katkı bu süreçten geçip gerçeğe dönüştüğünde, ZDS ekibi merkezi olarak paylaşılan tasarım sistemi portalını günceller, haftalık demosunda değişiklikleri gösterir ve güncellemeleri paydaşlara ve müşterilere iletir.

Zalando'nun katkı modelinin basitliği, şirketteki farklı seslerin sistemin evriminde söz sahibi olmasını sağlar. Felsefi olarak Zalando, sistemini yalnızca ürünleri görsel olarak uyumlu tutmayı amaçlayan bir belgeleme kaynağı olarak değil, bir ürün olarak görüyor. Bu görünümden, çeşitli tasarım sistemi modellerine uygulanabilir pratik çıkarımlar akar:

• Yönetişim önemlidir, ancak tasarım sistemlerini denetleyen ekipler, kuruluşları içindeki diğer ekiplerin başarısına odaklanmalıdır .
• Özellik katkı sürecini basit, şeffaf ve işbirliğine dayalı hale getirin ve tüm iletişimi belgeleyin.
• Tasarımcıların ve geliştiricilerin sistemdeki değişiklikler üzerinde birlikte çalışmasını sağlayın, böylece ortak bir sistem dili geliştirin.
• Sistemdeki her güncellemenin erişilebilirlik sorunlarını ele almasını sağlayan bir kontrol listesi oluşturun.

Atlassian: Tasarım Sistemi Düşüncesi Yeniden Tasarlandı

Atlassian, Jira ve Trello gibi yazılım geliştirme ve işbirliği için araçlar oluşturur.

Atlassian, 2017'de markasını değiştirdi ve tasarım yönergeleri için bir site başlattı. Aynı zamanda şirket, UI bileşenlerine ve bunlara karşılık gelen kod örneklerine ayrılmış ayrı bir siteye ev sahipliği yaptı.

Zamanla, iki site iç içe geçerek iç tasarım ve geliştirme ekipleri, ikinci taraf uygulama entegrasyon satıcıları ve Atlassian'ın müşterileri arasında hayal kırıklığına ve kafa karışıklığına neden oldu.

Tasarım ve geliştirme arasındaki büyüyen uçurumu fark eden Atlassian, tasarım sistemlerine yönelik yaklaşımını yeniden düşünmeyi seçti. Artık tasarım ve geliştirme belgelerine Atlassian ürünleri için kod ve grafik çıktıları üretmenin bir aracı olarak davranamaz. Tasarım sistemine kendi başına bir ürün olarak saygı duyulması gerekiyordu.

Atlassian, sorununu tam olarak anlamak için bir dış denetimden geçti ve müşteri memnuniyeti anketleri yayınladı. Tahmin edilebileceği gibi, iki site yanlış hizalanmış ve modası geçmiş olarak kabul edildi. Hat üzerindeki itibarı ve değişiklik isteyen geniş bir tasarımcı, geliştirici ve paydaş ekosistemi ile Atlassian, eksikliklerini kabul etti ve tasarım sistemini yeniden tasarlamaya başladı.

Atlassian'ın tasarım sistemi ekibi (ADS), Ağustos 2020'nin başında, marka, görsel, içerik, bileşenler ve desenler için yönergeleri birleştiren yeni bir site başlattı.

Ayrıca, ADS ekibi:

• UI bileşenlerinin yarısı yeni sisteme taşındı (geri kalanı devam ediyor)
• baştan sona yeniden yazılmış ve basitleştirilmiş belgeler
• Sistem içinde iyileştirilmiş arama
• Tıkla ve kopyala kod bağlantıları eklendi

Atlassian'ın olgunlaşan zihniyetinin en açıklayıcı kanıtı, ADS Baş Tasarımcısı Jennie Yip'ten geliyor: “Tasarım sistemleri hakkında yaygın bir yanlış anlama, bir kez yayınlandıklarında değişmez bir gerçek kaynağı haline gelmeleridir. Bir tasarım sistemi asla tamamlanmaz. Atlassian'da tasarım sistemimizi nasıl gördüğümüzü değiştirmeye başlıyoruz… yaşayan ve nefes alan bir varlığa.”

Hatırlanması Gereken 5 Tasarım Sistemi İlkesi

Bugünün keskin ucu, yarının kör bıçağıdır - tüm tasarım disiplinlerine nüfuz eden bir problem. Tasarım sistemleri oluşturmak ve barındırmak için araçlar ve platformlar çoktur, ancak dijital tasarımın hızlı gelişimi, tasarım sistemlerini yol gösterici ilkeler açısından düşünmeyi daha karlı hale getirir.

1. Tasarım sistemleri dijital ürünlerdir.

Tüm dijital ürünler gibi, tasarım sistemleri de düzenli bakım gerektirir. Uzun süre hareketsiz kalan sistemler kullanılmaz hale gelir ve çürür.

2. Tasarım sistemleri işbirlikçidir.

Tasarım sistemleri, birden fazla iş fonksiyonunu temsil eden paydaşların ihtiyaçlarına hizmet etmelidir. İşbirliği için yollar sağlamak, sistemlerin tasarım ve mühendislik silolarında var olmasını engeller ve ürün fikirlerinin göz ardı edilmemesini sağlar.

3. Tasarım sistemleri basitlik üzerine gelişir.

Tasarım sistemleri, gösterişli görseller, karmaşık animasyonlar veya esprili kopyalar için övgü toplamak değil, yanıtları bulmak için bir yerdir. Bilgiler iyi organize edilmiş, gezinmesi kolay ve aranabilir olmalı, metin açıklamaları ise bağlamı özlü talimatla dengelemelidir.

4. Tasarım sistemleri, iletişim ve katılım stratejileri gerektirir.

Tasarım sistemlerini yöneten ekiplerin, güncellemeleri ve yeni özellikleri paydaşlara düzenli olarak nasıl ileteceklerini düşünmesi gerekir. Bültenler, Soru-Cevap oturumları ve diğer sosyal yardım stratejileri, bilgi vermeli ve etkileşimde bulunmalıdır: “Bunlar değişiklikler. Bu yüzden ilgilenmelisin.”

5. Tasarım sistemleri merkezileştirilmiştir.

Tasarım sistemlerine tek, bulut tabanlı bir konumda erişilebilir olmalıdır. Sistemde gezinmek veya varlık elde etmek, belirli bir tasarım programı bilgisi gerektirmemelidir. Ve unutmayın, tasarım ve geliştirme için ayrı yönergeler yayınlamak, ürün uyumsuzluğuna giden kesin bir yoldur.

Tasarımda Yapısal Esnekliğin Gücü

Tasarım sistemlerinin tek parça, büyük ve heybetli, sonsuza kadar değişmeden olması amaçlanmamıştır. Ayrıca sadece tasarım bileşenleri ve stilleri için depolar da değildirler. Dikim ve budama gerektiren canlı, nefes alan ürünler, organik çalışmalardır. Bu nedenle, kendilerini sürekli bakım ve yenilemeye adamış tasarımcılardan oluşan özel ekipleri hak ediyorlar. Sonuçta, tasarım sistemleri asla bitmez.

Sonuç olarak, en iyi tasarım sistemleri basit, işbirliğine dayalı ve esnektir. Acil tasarım sorularına netlikle yanıt veriyorlar, birden fazla paydaştan gelen girdileri memnuniyetle karşılıyorlar ve dogmatik formüller yerine güçlü çözümlere öncelik veriyorlar.

Haydi ne düşündüğünü söyle! Lütfen düşüncelerinizi, yorumlarınızı ve geri bildirimlerinizi aşağıya bırakın.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• Tutarlılık Anahtardır – Bir Figma Tasarım Sistemi Nasıl Oluşturulur
• Tasarım Sistemlerini ve Kalıpları Anlama
• Figma - Sketch - Axure - Göreve Dayalı Bir İnceleme
• Neden Materyal Tasarımı Kullanılır? Artıları ve Eksileri Tartmak
• Geçmiş Hala Mevcut - Zamansız Tasarıma Genel Bir Bakış