Bir tasarım sistemi oluşturmaya yeni başlayanlar için işte bazı tavsiyeler:
En başından itibaren belgelere yatırım yapın.
Tasarımlarınız iyi belgelenmişse geliştiricileri kazanacaksınız. Bileşen belgelerini eklemeyi ihmal ederseniz, ürün benimsemeniz zarar görecek ve daha sonra destek talepleriyle boğulacaksınız.
Uzun yıllar boyunca tasarım dokümantasyonu sonradan düşünülmüş veya elde edilmesi güzel bir şeydi. Bazen bir son teslim tarihine uymak için tamamen terk edildi. Tasarım tamamlandıktan sonra paydaşları tasarım belgelerinin değerine ikna etmek imkansız bir işti. Materyal tasarımı piyasaya çıkana kadar .
Google Materyal tasarımını yayınlamadan önce , tasarım dokümantasyonu için çok fazla standart yoktu. Bazı tasarımların kenar boşluklarına madde işaretleri çizilmişti; diğerleri tamamen kırmızı çizgili. Bu yeni bir döneme işaret ediyordu.
Günümüzde tasarım dokümantasyonu, bir ürünü başarılı bir şekilde teslim etmenin temelidir. Tasarım kararlarının arkasındaki mantığı sağlar ve etkileşim modelini uygulayıcılar için tercüme eder.
Bir tasarım sisteminin önemli bir parçası, bir bileşenin tasarımını yönlendiren gerekli bağlamı içerir. Belgeler yalnızca tasarım kararlarını ve bir bileşenin ne zaman/nerede/nasıl kullanılacağını açıklamamalıdır. Ancak aynı zamanda davranışları, boyutu, renkleri, animasyonu vb. açıklamalıdır. Bu ayrıntılar, bir bileşenin bir ürün bağlamında kullanılmasının tutarlılığına katkıda bulunur.
Tüm belgeler, diğer tasarım öğeleri bağlamında bileşenin bir görüntüsünü içermelidir. Ancak bileşen davranışlarına, renklere, boyutlara, ADA uyumluluk yönergelerine, animasyona ve daha fazlasına da ihtiyacınız olacak. Kuruluşunuzun ihtiyaçlarını göz önünde bulundurun ve bunlara dayalı bir taslak oluşturun.
Diğer tasarım sistemi belgelerini araştırarak başlayın. Biraz ilham topladıktan sonra, belgelerinizin bir tel çerçevesini tasarlayın ve ilk adımda ana hatlarıyla belirttiğiniz kategorileri ekleyin.
Ana hatlarıyla belirttiğiniz kategorileri, resim örneklerini ve daha fazlasını ekleyin. Başkaları için bir şablon olacağı için bunun kullanılabilirliğini düşünün.
Kullanıcılar her bölüme ne koyacaklarını bilecek mi? Bileşen örneklerinin nasıl stillendirileceğini bilecekler mi? Kırmızı çizgilerin nasıl oluşturulacağını bilecekler mi?
Kimse belge yapmaktan hoşlanmaz. Ancak bu, sürecin önemli bir parçasıdır ve bir tasarım sisteminin çalışmasını sağlayan şeydir. Sanki makinede bir dişli yokken yokmuş gibi. Bir kişinin hepsini tamamlamasını sağlamak yerine , sorumluluğu ekibiniz arasında paylaşmanızı
öneririm .
Bileşen öykülerini belge öyküleriyle eşleştiren bir ekiple çalıştım. Bir ekip üyesi bir bileşen hikayesini her aldığında, dokümantasyondan da sorumluydu.
Niye ya?
Bileşeni tasarlayan kişi en iyisini biliyordu. Tasarımcı neden belirli kararlar aldıklarını biliyordu ve belgelerdekilerle konuşabiliyorlardı. Tamamlandığında, tasarımcı bir inceleme sırasında tasarım ve belgeleri ekiple paylaştı.
Tasarımcılar ve geliştiriciler olarak yazmak her zaman bizim güçlü yanımız değildir. Belgeleme sürecini kolaylaştırmak için ekibinizle paylaşabileceğiniz iki yazma aracı:
Muhtemelen tüm belgeleri nasıl yöneteceğinizi, yayınlayacağınızı ve güncelleyeceğinizi merak ediyorsunuz. Her takımın kendi gereksinimleri vardır ve bu karar herkes için benzersiz olacaktır. Ancak şunları göz önünde bulundurun: mevcut işbirliği araçları, süreç, gizlilik/güvenlik gereksinimleri ve bütçe.
Hem geliştiricilerin hem de tasarımcıların belge ihtiyaçlarını karşılayan bir çözüm bulun . Pek çok çözüm tasarım dokümantasyonu veya geliştirici dokümantasyonu konusunda uzmanlaşsa da, bu sadece resmin bir kısmını boyar. Daha da kötüsü, tasarımcıların ve geliştiricilerin kendi silolarında çalışmaya devam etmelerine de olanak tanır.
Örneğin, bir geliştiricinin bir bileşenin davranışı konusunda netliğe ihtiyacı varsa, bağlam için tasarım yönergelerine başvurmalıdır. Ayrı bir araçta saklanırlarsa, onları bulmanın zorluğu geliştiricinin harekete geçmesini engelleyebilir. Ürünün uyumuna zarar verebilecek kendi varsayımlarına göre hareket edebilirler.
TL; DR:
Tasarımcı ve geliştirici belgelerini merkezi bir konumda tutmak, her iki kullanıcı grubunun daha sorunsuz bir şekilde işbirliği yapmasına yardımcı olacaktır.
En etkili tasarım sistemleri yüksek kaliteli belgelere sahiptir. Kullanıcı arabirimi bileşenleri, açıklamalar, kırmızı çizgiler, öneriler, hata durumları, kod ve kullanım durumları örneklerini içerir. İyi dokümantasyon ucuz değildir: Organizasyon, planlama, zaman ve dikkat gerektirir. (Yukarıdaki Sketch bileşenlerinin örneklerine bakın.) Ancak yatırım, uzun vadede bir kuruluşa çok para kazandırabilir.
İyi tanımlanmış bileşenler , etkili tasarım kararlarını destekler ve geliştirmeyi hızlandırır . Odağı küçük tasarım öğelerinden kaldırırlar ve bir ekibin, kullanıcı arayüzü yerine asıl ürünü geliştiren yeniliklere odaklanmasına olanak tanırlar.
Bu yardımcı olduysa , çalışmamı desteklemek için bana bir kahve ısmarlayabilirsin . Destegine gercekten minnettarim!
OTHER POPULAR ARTICLES ON DESIGN SYSTEMS: 1. Why design systems are one of the most powerful tools transforming the design discipline to date Disecting the impact of design systems on the design industry 2. 9 stunning design systems that will leave you awe-inspired A look at todays most influential design systems 3.The fundamentals of design systems An overview to get you started with design systems.
Tasarım sistemleri oluşturmak ve sürdürmek inanılmaz derecede ilginç bir iştir. Hem bir tasarımcının hem de bir geliştiricinin becerilerini birleştirmenize ve geliştirmenize olanak tanır.
Bir süreci takip etmek, düşüncemize bir yapı kazandırır ve odağımızı bireysel fikirlerimizden ortak hedeflerimize kaydırmamıza yardımcı olabilir. İyi kurulmuş bir süreç, ekibimizin ölçeklenmesini sağlar, işimizi daha öngörülebilir hale getirir ve şirket için finansal riskleri azaltır.
Bugünden itibaren, bültenimizi haftalık bir baskıya ve 26.000 üyeli güçlü Learn AI Together Discord Topluluğumuza (buradan katılın) ve 2.000 Towards AI yazarına katkıda bulunan yeni bir formata dönüştürüyoruz. AI Topluluğu için, topluluğumuzda yer alan bazı tartışmalarla birlikte geçen haftanın en önemli haber öğelerini ve makalelerini sergileyeceğimiz faydalı, eğlenceli ve ilgi çekici bir haber bülteni oluşturmayı amaçlıyoruz.
En deneyimli tüccarlar, kafalarındaki sesin onlara ne yapmalarını söylediğini ifade etmenin bir yolunu bulmadıkça işlemlerini otomatikleştiremezler. Verilen verilere ve deneyime ve ayrıca bazı dış bilgilere dayalı olarak mantıklı gerekçelerle ifade edin.
En son güncellemeleri almak için bizi takip edin.Bülten: https://www.
1. Dizi izledikten sonra iş kurma fikriniz var mı? İşletmeniz bir darboğazla mı karşılaştı? Eğer bir yönünüz yoksa ve çözemiyorsanız, o zaman içtenlikle gitmenizi tavsiye ederim... dramaların peşinden gidin. (?) Blöf değil, en mükemmel iş örneğini gizleyen bir dram var. 2. Breaking Bad ve avukatı "Breaking Bad" dizisini izleyen arkadaşları, oyundaki avukat Saul Goodman'dan çok etkilenmiş olmalı, yüzünde nazik bir ifadeyle, ağzı açık ve duygusuz bir paralı asker karakteriyle Sal Goodman bilmeden oyunda vazgeçilmez bir rol oynadı ve hatta kendi dizisi "Desperate Lawyer" (Saul'u daha iyi çağırın) yarattı. Wentou'nun metin ve videosu, oyundaki Sal Goodman'ın TV reklamları, biliyor musunuz? Üründen (hizmet), rekabet stratejisinden, pazar konumlandırmasından, marka adından, hedef müşteri grubundan, iletişim ekseninden reklamcılığa, Sal Goodman'ın rolünün iş ortamı, "en düşük" olarak kabul edilebilecek süper süper süper süper süper süper süper eksiksizdir. marka iletişiminin maliyeti" Bir "değişim" modeli. Neden? Lütfen analizime bakın. 3. Sal Goodman'ın "İş Stratejisi" 1. Temel bilgiler Marka adı: Saul Goodman Ürün: Hukuki danışmanlık hizmeti Hedef müşteriler: Uyuşturucu bağımlılığı, alkollü araç kullanma, kaza... vb. Hukuki bilgi eksikliği, genellikle yalnızca kamu avukatlarının parasını karşılayabilir, ciddi avukatlar da "Özel Hukuki Bilgiye Sahip Tüketicilerden" kaçınır Korkulmaması gereken "ihtiyaçlar. Ana iletişim ekseni: Bu ülkedeki tüm erkek, kadın ve çocukların mahkum olana kadar masum olduğuna inanıyorum. Bölge: Albuquerque Şehri Slogan: Thrall'ı aramak daha iyi! (Saul'u aramak daha iyi) Reklam: İki olası + Saul'un iddiası + Saul'un Sloganı 2'yi aramak daha iyi suç durumunu simüle edin.