Tasarım Sistemleri Rehberi I: “Design system” nedir ve neden önemlidir?
Bir stil rehberi ya da patern kütüphanesi bir tasarım sistemi oluşturmak için iyi bir başlangıç olsa da, tasarım sistemleri sadece bu bileşenlerden oluşmaz. Gelin, tasarım sistemlerinin temeline dalalım, kendi organizasyonunuzda bir tasarım sistemini nasıl oluşturabileceğinizi planlayalım.
Airbnb, Uber ve IBM gibi şirketler dijital ürün tasarlama yöntemlerini, kendilerine özgü tasarım sistemleri oluşturarak değiştirdi. Bu şirketler, tekrar tekrar kullanılabilen tasarım komponentleri ve bu komponentlerin kullanımına yönelik standartlar tanımlayarak takımları içinde yaratıcılık ve yenilikçilik hızlarını artırmayı başardılar. Birçok kurum, bir “design system” olduğunu iddia ettikleri şeylere sahipler ancak bunlar tipik olarak, bir grup elementten ve kod parçacıklarından daha fazlası değil. Bir stil rehberi ya da patern kütüphanesi bir tasarım sistemi oluşturmak için iyi bir başlangıç olsa da, tasarım sistemleri sadece bu bileşenlerden oluşmaz. Gelin, tasarım sistemlerinin temeline dalalım, kendi organizasyonunuzda bir tasarım sistemini nasıl oluşturabileceğinizi planlayalım ve başarıyı artırmak için tasarım sistemlerinden faydalanan birkaç örnek organizasyona göz atalım.
Bu içerik ücretsiz!
Okumaya devam etmek ve SHERPA Blog okuru olmak için aşağıdakilerden birini seç. Her hafta yenileri eklenen yüzlerce içeriğe ücretsiz ve sınırsız eriş.
“Tasarım sistemleri size yeni şeyler keşfedebilmeniz için, markanın bilinen ürün yaklaşımlarına yönelik olarak — nereye bakacağınızı gösteren oklar da içeren — tutarlı, merkezileşmiş ve sürekli evrimleşen haritalar sunar.
– Chris Messina, teknoloji lideri ve Uber Yazılımcı Deneyimi Eski Yöneticisi
Tasarım sistemlerinin önemi
Tasarım sistemi nedir?
Bir tasarım sistemi, bir araya getirilerek sayısız yeni uygulama inşa etmenizi sağlamak amacıyla yeniden kullanılabilir komponentler ve net tanımlanmış standartlardan oluşan bir koleksiyondur.
Bir tasarım sistemi ile bir stil rehberinin ya da patern kütüphanesinin farkı nedir?
Bir tasarım sistemi, sadece dijital ürünler oluşturabilmenizi sağlayan varlıklar ve bileşenlerin bir koleksiyonu değildir. Intercom’un Ürün Tasarım Direktörü Emmet Connolly’ye göre,
Çoğu tasarım sistemi sadece birer patern kütüphanesinden ibarettir: sayısız şekilde bir araya getirilebilen kocaman bir kutu dolusu arabirim tasarımı lego parçası. Bütün bu parçalar birbirleriyle uyumlu olabilir fakat bu, bu parçalar birleştirilince ortaya çıkan şeylerin birbiriyle uyumlu olacağının garantisini vermez. Ürününüz, yeniden kullanılabilir arabirim (UI) öğelerinden çok daha fazlasıdır: Bir yapısı vardır ve bir anlama sahiptir. Ürününüz standart bir web sayfası değil, konseptlerden oluşan bir sistemin vücut bulmuş halidir.
InVision ürün tasarımcılarından Marco Suarez ise şunu ekliyor:
Tasarım sistemlerine yönelik olarak “Ne?” sorusuna ek olarak, “Neden?” sorusunun yanıtını da anlamak, fevkalade bir kullanıcı deneyimi yaratabilmek için elzemdir. Standartları tanımlamak ve bu standartlara bağlı kalmak, bu anlayışı oluşturan şeydir.
Daha basitçe ifade edecek olursak; fark, standartlarda ve varlıklara eşlik eden belgelerde yatıyor. Tasarım komponentleri, onları neden ve nasıl kullanabileceğinize yönelik bir rehberle, daha kolay kullanılabilir ve daha net ayrıştırılabilir hale gelir.
Tasarım sistemleri sürekli evrimleşir. Onları paylaşma ve yeni iterasyonların kullanımını teşvik etme yönteminiz de…
– Diana Mounter, Tasarım Sistemleri Yöneticisi, GitHub
Tasarım sistemlerine genel bakış ile ilgili değerli içerikler
Diana Mounter: Design Systems, when and how much?
Diana Mounter, Tasarım Sistemleri Yöneticisi, GitHub — GitHub’dan tasarım sistemi oluşturma örnekleri, bunun tasarım ve geliştirme akışlarınızı nasıl geliştireceği ve ne zaman ve hangi büyüklükte tasarım sistemleri inşa etmeye başlama ihtiyacı duyacağınız hakkında harika bir video.
Diana Mounter, Tasarım Sistemleri Yöneticisi @GitHub
Designing at scale: How industry leaders leverage design systems
InVision Blog— Tasarım iterasyonları güvenli şekilde yürütebilmek için, tasarım takımları her ihtiyaç duyduklarında dönüp bakabilecekleri, ölçeklenebilir bir arayüz tasarımı dili ve elverişli bir kullanıcı deneyimi (UX) rehber dokümanı sunan tek ve ortak bir bilgi kaynağına ihtiyaç duyarlar. Markanın çok sayıda kanal ve platform üzerinden kullanıcılara temas ettiğini hesaba katacak olursak, tutarlı bir kullanıcı deneyimi sunmak merkezi bir tasarım diliyle mümkün olabilir.
Tasarım paternleri, kurallar ve kullanıcı deneyimi (UX) kılavuzları oluşturmak, büyük ölçekli ürünleri piyasaya çıkarırken tutarsızlıklardan uzak durmayı sağlayacaktır.
Atomic Design, Brad Frost — Cihazların, tarayıcıların ve ortamların sayısı şaşırtıcı bir oranla artmaya devam ederken, iyi düşünülmüş ve planlanmış arayüz tasarım sistemleri her geçen gün daha da öne çıkıyor.
Intercom Blog— Atomik Tasarım (Atomic Design) gibi arayüz tasarımı metodolojileri, tekil ekranlara mantık ve yapısallık kazandırıyor. Şimdi ise sıra, bu yaklaşımı ürüne her açıdan yansıtma adımında.
On Design Systems: Sell The Output, Not The Workflow
Smashing Magazine — Henüz, atomik tasarım metodolojisi ya da bir “modül isimlendirme workshop’ı” konusunda gerçekten ve tutkuyla heyecanlanan bir müşteri görmedik. Ancak herkes zaman kazandıran özellikler ve daha iyi, daha hızlı çıktılar konusunda heyecanlanır. Eğer birisi modüler yaklaşımınızın faydalarını idrak edemezse, onları ikna etmek için somut faydalardan ve çıktıdan söz edin — kullandığınız iş akışından (workflow) değil.
Innovatemap — Hayatım boyunca en az 3 kez tasarım sistemi yaratım süreçlerine dahil oldum. Bundan 10 yıl önce, bunlara “patern kütüphaneleri” derdik. Birkaç yıl önce, Atomik Tasarım sahneye çıktı ve tasarım sistemleri hakkında daha kapsamlı bir gramer sundu. Google 2014 yılında Material Design’ı ortaya çıkardığında, tasarım sistemleri kavramı nihayet olgunlaşmıştı.
Şimdiyse tasarım sistemleri konusu her gün yeni bir makalenin yayınlanmasını tetikler hale geldi ve bu makaleler, tipik olarak sistemlerin tutarlılık, verimlilik ve ölçeklenebilirlik sağladığından söz ediyor. Fakat ne pahasına? Tasarım sistemleri tüm kullanıcı deneyimi (UX) derdine deva gelen bir ilaç mı?
Design Systems’ Role in the Evolution of Enterprise User Experience
Projekt202 — Kıdemli kullanıcı deneyimi (UX) tasarımcısı Anne Grundhoefer ve Çözüm Mimarı Drew Loomer, bu videoda tasarım sistemlerinin kurum içi kullanıcı deneyimini nasıl etkilediğine derin ve bilgilendirici bir bakış getiriyor.
