İçerik
- Bir 'tasarım sistemi' nedir?
- Bir tasarım sistemini uygulamadan önce dikkat edilmesi gereken önemli noktalar
- 01. Ürün ve şirketin olgunluğunu göz önünde bulundurun
- 02. Bir vizyon ifadesi oluşturun
- 04. Yol gösterici tasarım ilkeleri belirleyin
- 05. Teknoloji yığınını gözden geçirin ve bir arayüz envanteri yapın
- 06. Çekirdek bir ekip kurun
- Bir tasarım sistemi oluşturmak
- 01. Fikri sat
- 02. Bir pilot proje seçin ve tamamlayın
- 03. Tasarla ve inşa et
- 04. Başlatma ve bakım yapma
Tasarım sistemleri, büyük endüstri oyuncularının tasarım sürecini standartlaştırmasına ve daha öngörülebilir hale getirmesine yardımcı olur. Birçok şirket kendi tasarım sistemlerini kurma girişimini üstlenmeye çalışıyor. Ancak çoğu zaman, herkesin en iyi niyetine rağmen, bir ürün ekibinin düşünceli bir tasarım sistemi oluşturmak için harcadığı tüm çaba doğrudan boşa gidebilir.
Bu makale boyunca, bir tasarım sisteminin ne olduğunu, bir tasarım sistemi oluşturmadan önce nelere dikkat etmeniz gerektiğini ve organizasyonunuzda bir tasarım sisteminin en iyi nasıl uygulanacağını tanımlayacağız. Daha fazla harika kaynak için web tasarım araçları derlememize bakın.
Bir 'tasarım sistemi' nedir?
"Tasarım sistemi" adı, yalnızca tasarımcılar için değer sağlayan bir şey hakkında yanlış bir izlenim yaratabilir. Ancak gerçekte bir tasarım sistemi sadece tasarımcıları ilgilendiren bir şey değildir; bunun yerine, tüm bir kuruluşun ürünlerini nasıl oluşturduğuyla ilgilidir (bu bir web sitesi içeriyorsa, en iyi web sitesi oluşturucuya ve mükemmel web barındırmaya ihtiyacınız olacaktır).
Başarılı tasarım süreçleri genellikle ürünün yaratılmasında yer alan tüm ekipler arasında sıkı bir çapraz işlevli işbirliği olmasına bağlıdır. Ve bir tasarım sistemi, ekiplerin daha etkili bir şekilde işbirliği yapmasını sağlayan ortak bir dil oluşturmakla ilgilidir. Bu ilkelere, kurallara ve standartlara ulaşmak için gereken araç setiyle (tasarım desenleri, görsel stiller ve yeniden kullanılabilir UI bileşenlerinden oluşan bir kod kitaplığı) birlikte eksiksiz bir tasarım ilkeleri, kuralları ve standartları kümesidir. Bir tasarım sistemi, bir ürün ekibinin, tasarımı yeniden kullanılabilir hale getirerek (varlıklarınızı depolamak için güvenilir bulut depolamaya sahip olduğunuzdan emin olun) herhangi bir kaliteden ödün vermek zorunda kalmadan bir ürünü daha hızlı oluşturmasını sağlar.
Bir tasarım sistemini uygulama zahmetine girmenin nihai amacı, işletmenin öğrenmesine ve büyümesine yardımcı olmaktır. Bu nedenle bir tasarım sistemi her zaman bir işletmenin hedeflerine dayanmalıdır. Aynı nedenden ötürü, tüm tasarım sistemleri aynı şekilde inşa edilmez, ancak yine de çoğu tasarım sistemi birkaç ortak unsuru paylaşır:
- Tasarım ilkeleri - tasarım çabalarının doğru yönde ilerlemesini sağlayan değerler.
- Bileşenler ve desen kitaplıkları - bunlar bir tasarım sisteminin yapı taşlarıdır.
- Tasarım kılavuzları - belirli bir bölümün nasıl tasarlanacağına dair belirli kurallar
ürün. Bunlar stil yönergelerini (tipografi, renkler, boşluk vb.) Ve UX yazma yönergelerini (ses ve ton, dil, yazma ilkeleri vb.) İçerebilir. - Tasarım uygulamaları - sistemin canlı ve ürün ekibi için değerli kalmasına yardımcı olur.
Bir tasarım sistemini uygulamadan önce dikkat edilmesi gereken önemli noktalar
01. Ürün ve şirketin olgunluğunu göz önünde bulundurun
Bir tasarım sistemi oluşturmaya başlamadan önce, neden buna ihtiyacınız olduğunu net bir şekilde anlamanız gerekir. Pek çok şirket, teknik borçlarını azaltmak ve ürün geliştirme sürecini hızlandırmak için tasarım sistemleri uygular (sıkıcı, monoton faaliyetlere daha az zaman harcayarak). Ancak tüm şirketler bu tür sorunlarla karşılaşmaz çünkü şirketler farklı düzeylerde tasarım olgunluğuna sahiptir.
Sıfırdan bir tasarım sistemi oluşturmak zaman alan bir faaliyettir ve küçük, hızlı hareket eden ekipler muhtemelen onları yavaşlatacağı için bir tasarım sistemine ihtiyaç duymazlar. Hala bir ürün-pazar uyumu bulmaya çalışan üç ila beş kişilik bir girişim, bir sistem oluşturmak için muhtemelen önemli miktarda zaman harcayacaktır. Kaynaklar bir tasarım sistemi oluşturmak için harcanırken, ürünü oluşturmaya harcanmazlar. Bu nedenle, bir şirket ürünüyle net bir yön belirleyene kadar, bir tasarım sistemi oluşturmak için zaman harcamak çok fazla atık üretme riski taşır.
02. Bir vizyon ifadesi oluşturun
Bir tasarım sistemi, ortak bir hedefe ulaşmak için birlikte nasıl çalıştıklarıyla ilgilidir. Ve insanlar aşağıdaki soruların cevaplarını bilmek istiyorlar:
- Nereye gidiyoruz?
- Neyi başarmak istiyoruz?
- Bunu neden başarmak istiyoruz?
Bunlar ortak bir vizyon oluşturmak için cevaplamanız gereken temel sorulardır. Paylaşılan bir vizyon, ekiplere ürün sorunlarına yönelik çözümler oluşturmaları için rehberli bir yol sağlayacak bir tasarım sistemi için temel oluşturacaktır.
Bir vizyon ifadesi, ekibinizin, ürününüzün veya şirketinizin neyi başarmaya çalıştığını ve daha da önemlisi nedenini tanımlar. Ekipleri net bir ortak hedefler kümesi etrafında hizalar ve tüm organizasyon için bir Kuzey Yıldızı haline gelir - ürün geliştirmeye dahil olan kişileri birleştirir ve onları ortak bir hedefe yönlendirir.
Bir vizyon ifadesi oluşturmanın basit bir yolunu arıyorsanız, ürününüzün veya kuruluşunuzun beş yıl içinde nasıl görünmesi gerektiğini açıklamayı düşünün. Bunu yaparak, bir hedef koşul tanımlarsınız ve ona ulaşmanıza yardımcı olacak bir strateji oluşturmak çok daha kolay olacaktır.
04. Yol gösterici tasarım ilkeleri belirleyin
İyi tasarımı nasıl tanımlarsınız? Bir şeyin uygulamaya hazır olduğunu nasıl anlarsınız? Bir tasarımın kalitesini değerlendirmek söz konusu olduğunda, tasarımcılar genellikle kendi standartlarına güvenirler. Ancak böyle bir yaklaşımı takip etmek, ürün tasarım sürecinde çok fazla kaos yaratabilir çünkü her tasarımcı öznel fikirlere sahip olacaktır. Tasarım ilkelerinin günü kurtarabileceği yer burasıdır.
Sağlam tasarım ilkeleri, işleyen herhangi bir sistemin temelidir. İyi tasarımın şirket için ne anlama geldiğini kavramalı ve bunu nasıl başaracakları konusunda ürün ekiplerine pratik öneriler sağlamalıdırlar (tasarım ilkeleri her zaman uygulanabilir olmalıdır). Tasarım ilkeleri, ürün ekibi için standartlar görevi görür ve çalışmalarını ölçmelerine yardımcı olur.
Tasarım ilkeleri üzerinde çalışırken hatırlamanız gereken birkaç nokta şunlardır:
- Tasarım ilkeleri ürünün doğasını yansıtmalıdır. Örneğin, otomobiller için insan-makine arayüz tasarımı söz konusu olduğunda, en önemli tasarım ilkesi "Önce güvenlik" olmalıdır (amaç sürücüyü ve yolcuları güvende tutmaktır). Bu nedenle her tasarım kararı güvenlik açısından ölçülmelidir.
- Tasarım ilkeleri kurallar gibi gelmemelidir. Yaratıcı enerjiyi engellememelidirler. Ürün yaratıcıları kendilerini sınırlı veya kısıtlanmış hissetmemelidir.
- Tasarım ilkeleri, açık bir tartışmanın sonucu olmalıdır. Çoğu durumda, insanların kurallara uymasını sağlamak zor değildir, aksine insanların yönergeler üzerinde anlaşmasını sağlamak zordur. Bir organizasyonun birçok tasarım ekibi varsa, onları bir tartışmaya dahil etmek hayati önem taşır. Tasarım ilkeleri hakkında geri bildirimlerini alarak, ilkeleri kullanıcıların ihtiyaçlarına göre uyarlayabilirsiniz.
05. Teknoloji yığınını gözden geçirin ve bir arayüz envanteri yapın
Birçok şirket mevcut arayüzün üzerine bir tasarım sistemi oluşturma eğilimindedir, ancak bu yaklaşım birçok nedenden dolayı en iyisi değildir. Şirketinizin uzun süredir sistemsiz bir ürün geliştirdiğini hayal edin.
Ürün muhtemelen tasarımda bir miktar tutarsızlığa sahiptir. Tutarsızlık genellikle tasarım öğelerinin kopyalanmasından kaynaklanır. Tasarım öğelerinin yinelenmesinin belirlenmesi, bir ekibin, ekip üyelerinin bir öğeyi sıfırdan oluşturduğu senaryodan kaçınmasına ve bir süre sonra bunun bir sürümünün zaten var olduğunu öğrenmesine yardımcı olur.
Bu nedenle, bir tasarım sistemi getirmeyi planlıyorsanız, bir denetimle başlayın - neyin kullanıldığını anlamak için bir arayüz envanteri yapın.
Mevcut etkileşimleri keşfedin, arayüzü oluşturan tüm UI öğelerini toplayın ve gözden geçirin. Gerçek tasarım sistemini oluşturmadan önce bunu yapmak önemlidir çünkü prosedür iki şeyi anlamanıza yardımcı olacaktır:
- Kuruluşunuzun tasarım borcu ne kadar ve daha fazla dikkat gerektiren alanlar nelerdir?
- Tutarsızlığın nedenleri ve gelecekte bu tür sorunlardan kaçınmak için tasarım sürecinde yapmanız gereken değişiklikler. Belki süreci değiştirmeniz gerekecek veya belki de yeni teknolojiyi tanıtmanız gerekecek.
06. Çekirdek bir ekip kurun
Bir tasarım sistemi oluşturmaya kimler katılmalıdır? Tasarım bir takım sporudur ve bir tasarım sistemi oluşturmak da bir istisna değildir. Bir tasarım sistemi oluşturmak için işlevler arası işbirliğinin sağladığı uzmanlık ve yaratıcı enerji gereklidir. Bu nedenle, bir sistemi gerçekten oluşturan çekirdek insan ekibinde genellikle mühendisler, tasarımcılar, ürün yöneticileri ve paydaşlar bulunur. Bir tasarım sistemi oluşturmaya başladığınızda, çekirdek ekip için küçük bir boyuta sahip olmak (altı ila sekiz kişi) çok önemlidir çünkü bu, ivme yaratmanıza ve hızlı bir şekilde bir şeyler inşa etmenize yardımcı olacaktır.
Bir tasarım sistemi oluşturmak
Proje olarak bir tasarım sistemi uygulamayı düşünün. Ve diğer herhangi bir proje gibi, bu da aşağıdaki adımlarla sağlam bir sürece sahip olmalıdır:
- Fikri sat
- Bir pilot proje tamamlayın
- Tasarla ve inşa et
- Başlatma ve bakım
01. Fikri sat
Bir tasarım sistemi fikrini satmak, bir tasarım sistemini tanıtmanın ilk ve en önemli adımıdır. Genellikle, ödünleşmeler nedeniyle tasarım sistemlerini satmak zordur - hem yönetim hem de ürün ekibi üyeleri, bir tasarım sistemi oluşturmak için harcanan kaynakların nakliye özelliklerine harcanmadığını anlar. Bu nedenle, biraz geri tepmeyi beklemek doğaldır. Bir tasarım sistemi satmak için iki şey yapmanız gerekir:
Paydaşlardan satın alın
Finansman yapmaya karar veren insanlar onaylamazsa bir tasarım sistemi işe yaramaz. Sistemin gerçek iş sorunlarını çözdüğünü gösterdiğinizde yöneticilerden katılım sağlamak çok daha kolay. İşle ilgili kilit noktaları (şirketin para kaybettiği alanlar) belirleyin ve tasarım sisteminin günü nasıl kurtarabileceğini gösterin. Net bir teklif içeren bir strateji yazın ve bunu kararları veren kilit kişilere sunun.
Paydaşları bu projeye yatırım yapmaya ikna etmek için bir sunum (veya bir dizi sunum) oluşturmanız önerilir. Sunumunuzu bir hikaye şeklinde tamamlayabilirsiniz. Başarı öyküleri anlatarak, paydaşları dahil etme şansınız artar.
Kullanıcılarınızdan destek alın
Paydaşların katılımını sağlamak savaşın sadece yarısıdır. Potansiyel kullanıcılarınızdan destek almanız gerekiyor. Öncelikle hedef kitlenizi belirlemelisiniz. Tasarım sisteminizi kim kullanacak ve nasıl kullanacak? İşte birkaç yaygın kullanıcı grubu:
- Ürün ekipleri (yani tasarımcılar, geliştiriciler)
- Üçüncü taraflar (yani satıcılar)
- İşletme (yani pazarlama, satış, yasal)
Farklı kullanıcı gruplarının sorunlu noktalarını belirlemeniz ve sistemin onlara getireceği değeri göstermeniz gerekecektir. Her kullanıcı grubunun farklı satın alma tetikleyicileri vardır - bir tasarım sistemi kullanmak istemelerinin nedenleri. Örneğin, geliştiriciler için tetik, uygulama yöntemlerinde daha fazla tutarlılık veya kodu yeniden düzenlemek için daha az zaman harcamak olabilir.
02. Bir pilot proje seçin ve tamamlayın
Tasarım sisteminiz için temel bir konsept yarattığınız anda, onu doğrulamak önemlidir. Konsepti doğrulamanın en iyi yolu, onu bir pilot projede test etmektir.
Örnek bir gerçek ürün seçin ve gerçek bir çözüme güç veren bir tasarım sistemi oluşturun. Seçtiğiniz proje, gelecekteki tasarım sisteminiz için bir temel olarak kullanılmalıdır, böylece sistemin kuruluşunuz için çalışıp çalışmadığını test edebileceksiniz.
Bir pilot uygulamanın potansiyel etkinliğini belirlemek için kullanabileceğiniz bir dizi kriter aşağıda belirtilmiştir:
- Bir proje, ortak bileşenler ve modeller için potansiyele sahip olmalıdır. Diğer ürünler içinde yeniden kullanılabilen bileşenler ve modeller içermelidir.
- İyi bir teknik fizibiliteye sahip olmalı ve gerekli tüm değişiklikleri uygulamak zor olmamalıdır.
- Proje makul bir sürede (ideal olarak, birkaç hafta) gerçekleştirilebilir olmalı ve çeşitli departmanlardan pek çok kişinin katılımını gerektirmemelidir (bağımsızlığı korumak esastır).
- Bir projenin pazarlama potansiyeli olmalıdır. Proje, diğer ekiplere tasarım süreçlerinde tasarım sistemlerini tanıtmaları için ilham vermelidir.
03. Tasarla ve inşa et
Yeniden kullanılabilir bileşenler oluşturun
Tekrar tekrar gördüğüm bir hata, ekiplerin tek kullanımlık bir duruma fazla odaklanan bileşenler oluşturmasıdır. Sonuç olarak, sistem çok esnek olmaz ve kullanıcıları, belirli bir senaryoyu kapsamaları gereken her seferinde kendi bileşenlerini oluşturmak zorunda kalır.
Tek bir kullanım durumuna bağlı olmayan, ancak
birden çok bağlamda yeniden kullanılabilir. Yeniden kullanılabilir ve ölçeklenebilir olması için bileşenlerin aşağıdaki özelliklere sahip olması gerekir:
- Modüler: modüler bileşenler bağımsızdır - herhangi bir bağımlılıkları yoktur.
- Birleştirilebilir: yeni bileşenler oluşturmak için bileşenleri birleştirmek mümkündür.
- Özelleştirilebilir: Bileşenleri çeşitli bağlamlarda çalışmaları için ayarlamak ve genişletmek mümkündür.
Ekip üyeleri her yeni bir bileşen tanıtmak istediklerinde, bunun için tasarladıkları çeşitli platformlarda nasıl çalışacağını düşünmeleri gerekir. İdeal olarak, tasarladıkları her bileşen tüm platformlarda çalışmalıdır.
Korumalı alan ortamı aracılığıyla değeri gösterin
İnsanlar için değeri görmenin en iyi yolunun onu deneyimlemek olduğu iyi bilinmektedir. Bu nedenle, ürün ekibi üyelerinin tasarım sisteminizi kullanarak ürünlerin prototipini oluşturmaları için bir sandbox ortamı oluşturun.
04. Başlatma ve bakım yapma
Bazı ürün ekipleri, bir tasarım sistemi kurulduktan sonra işin tamamlandığına inanır. Doğru değil. Bir tasarım sistemi bir üründür ve onu bir proje yerine bir ürün olarak yönetmek hayati önem taşır - bir tasarım sistemi, ihtiyaçlar ortaya çıktıkça sürekli bakım ve iyileştirmeler gerektirir.
Tasarım sisteminizin benimsenmesini teşvik edin
Diğer ürünler gibi, bir tasarım sistemi de aktif kullanıcılara ihtiyaç duyar. Dünyadaki en iyi tasarım sistemini yaratabilirsiniz, ancak bunu organizasyonunuzda aktif olarak tanıtmazsanız, tüm çaba büyük ölçüde zarar görecektir. Bu nedenle, sisteminizin ilk sürümünden itibaren, benimsenmesini teşvik etmek için çok çalışmanız gerekir:
- Destekçilerden oluşan bir topluluk oluşturun. Yetkili etkileyiciler veya tasarımcılar tarafından yönetilen, tasarım sisteminiz hakkında fikir üretecek ve satacak bir grup müjdeciyi bir araya getirin. Evanjelistler, sistemin var olduğuna dair farkındalık yaratmak ve insanları sistemin nasıl kullanılacağı konusunda eğitmek amacına sahip atölye çalışmaları ve buluşmalar gibi faaliyetlere katılmalıdır.
- Güncellemeleri tanıtın. Güncellemeler için bekleme süresi, tasarım sisteminin benimsenmesinde önemli bir rol oynar. Büyük tanıtımlar yerine düzenli artımlı sürümleri uygulayın ve her zaman bir değişiklik günlüğü ile güncellemeler gönderdiğinizden emin olun.
İnsanların tasarım sistemini nasıl kullandığını analiz edin
Tasarım sistemleri, kullanımlarının ne kadar kolay olduğuna bağlı olarak yükselir ve düşer. Kuruluşunuzun tasarım sürecine bir tasarım sistemi eklemeye yeni başladıysanız, insanların onu nasıl kullandığını anlamak için kullanıcılarla bir dizi röportaj yapın. Bunu yaparak, hedef kitlenizin karşılaşabileceği yaygın sorunları tespit edebilirsiniz.
Bir süre bir tasarım sürecine dahil edilecek sistemler için, sistemi güncel tutmak için gereken süreyi ölçmek çok önemlidir. Tasarım sistemini güncel tutmak zorlaşırsa, hızla güncelliğini yitirecektir.
Tasarım kararlarınızı test edin
Bir şeyleri tahmin etmede ne kadar başarılı olursanız olun, belirli bir değişikliğin kullanıcı deneyimini nasıl etkileyeceğini tahmin etmek zor olabilir. Bu nedenle kararlarınızı doğrulamak önemlidir.
İşte size yardımcı olacak üç tür test:
- Kullanılabilirlik testi
- Bileşen stillerinde istenmeyen görsel değişiklikleri yakalamanıza yardımcı olan görsel regresyon testi
- Bileşenlerinizin erişilebilir olmasını sağlayan manuel ve otomatik erişilebilirlik testi
Sürüm oluşturmayı tanıtın
Tasarım sistemleri sürümlere sahip olmalıdır çünkü sürüm oluşturma, değişiklikleri izlemeyi çok daha kolay hale getirir. Sürümlendirilmiş sürümlerle, kullanıcılar belirli bir sürüme bağımlılık olarak başvurabilir. Ayrıca, yeni sürümlere yükseltmelerin ne zaman ve nasıl gerçekleştirileceğini de kontrol ederler.
İki tür sürüm oluşturma vardır:
- Tüm sistemi versiyonlamak. Burada sistemdeki her şey tek bir sürüm numarasına aittir. Kullanıcılar olarak, mobil işletim sistemimizi güncellediğimizde tüm sistem için sürüm belirleme ile ilgileniyoruz - iOS'u güncellediğimizde, tüm yazılım parçasını güncelliyoruz.
- Modüllere göre versiyon oluşturma. Bu, tasarım sistemindeki her bileşen veya stil için bir sürüm numarasına sahip olmayı içerir. Tüm sistemin versiyonlanması ile karşılaştırıldığında, modüle göre versiyonlama daha fazla esneklik sağlar - kullanıcılar sadece ihtiyaç duydukları öğeleri yükseltmeyi seçebilirler.
Bir tasarım sistemi oluşturmak tek seferlik bir faaliyet değildir; aslında yinelemelidir. Bir tasarım sistemi oluşturmaya dahil olan kişilerin, onu tüm organizasyonu birbirine bağlayan canlı bir organizma olarak düşünmesi gerekir. Başarılı bir tasarım sistemi, bir kuruluşun DNA'sının bir parçası haline gelir ve tutarlı kullanıcı deneyimleri üretilmesine yardımcı olur.
Bu içerik ilk olarak netmag'de göründü.
