[三沙網站建設公司]建立更好的設計系統(tǒng)的六個技巧

閱讀 ?·? 發(fā)布日期 2019-07-08 10:55 ?·? admin

這是設計系統(tǒng)的一年。公司幾乎每周都會推出新的設計系統(tǒng),大多數高管現在都了解它們的價值。設計系統(tǒng)包括樣式指南、模式庫、CSS框架和設計操作。設計師和開發(fā)人員感受到大量資源的支持,并且有一些會議完全致力于設計系統(tǒng)(主要是美國的Clarity和歐洲的倫敦設計系統(tǒng))。[三沙網站建設公司]進入的門檻現在已經降低了,但是由于信息太多,可能會非常難以確切地知道哪些建議適用于您自己的工作 - 特別是如果您正在嘗試在較小的組織中構建設計系統(tǒng)。[三沙網站建設公司]網站建設已經向在Slack,HubSpot,GoDaddy,IBM和Lloyds Banking Group建立設計系統(tǒng)的內部人員詢問了他們如何構建更好的設計系統(tǒng)的技巧。以下是他們推薦的內容:

 

1.了解設計系統(tǒng)應該工作的環(huán)境

 

Lloyds Banking Group的設計語言開發(fā)負責人Lily Dart表示,“每個新的設計系統(tǒng)都渴望成為下一個Airbnb DLS或Google Material Design。但對于我們這些不能真正靈活運作的人來說,組織用戶,如AirBnb或Google,試圖重現這些例子可能是一個錯誤。”[三沙網站建設公司]根據Lily的說法,創(chuàng)建一個有效的設計系統(tǒng)的真正訣竅是,理解它應該工作的環(huán)境和文化。一個靈活的組織不會每六個月欣賞一次“完美”版本,而瀑布的組織需要緩慢發(fā)布,但他們也希望你支持舊版本,如果它們正在生產中。[三沙網站建設公司]“一旦你理解了你的背景和文化,你就可以考慮你的設計系統(tǒng)如何改進它”Lily解釋說。想提高效率嗎?確定盡可能多的預建模板,因為您可以加快團隊的工作。創(chuàng)造力?相反的方式 - 保持模板最小化,而不是讓原子具有設計師的靈活性。[三沙網站建設公司]最后,設計系統(tǒng)正是Lily所指出的 - 系統(tǒng)。“如果你不孤立地工作。如果您不在Airbnb上工作,請不要重新創(chuàng)建專為其團隊和用戶設計的產品。專注于解決您每天面臨的問題,并創(chuàng)建一個優(yōu)秀的設計系統(tǒng)。”[三沙網站建設公司]Google Material Design很棒,但不要使用不同的上下文重新創(chuàng)建設計系統(tǒng)。相反,要關注你所面臨的問題。[三沙網站建設公司]網站建設:建立更好的設計系統(tǒng)的六個技巧

 

2.保持獨特并節(jié)省開銷

 

[三沙網站建設公司]網站建設認為還要問你的公司是否真的需要一個全新的設計系統(tǒng),來自Pingboard的前端開發(fā)人員和用戶體驗設計師James Y Rauhut說。[三沙網站建設公司]“最強大的設計系統(tǒng)源于公司堅持的獨特理念,”他解釋道。 -  Google的材料設計認為,體驗超越了您與之交互的玻璃屏幕。Microsoft Fluent Design認為體驗適應它所占用的窗口。設計系統(tǒng)是否具有獨特的觀點?如果沒有,你可以采用現有的設計系統(tǒng)來節(jié)省技術債務。”[三沙網站建設公司]即使你有一個獨特的視角將你的系統(tǒng)與其他系統(tǒng)分開,你也不需要重新發(fā)明更小的輪子。以下是James建議的一些工具,可以簡化設計系統(tǒng)的發(fā)布并保持公司的完整性:

 

.framer X的設計團隊商店

 
 

.訪問基本用戶界面組件以獲取輔助功能

 

.CSS grid wiz網格框架生成器用于布局[三沙網站建設公司]在James加入Pingboard之前,他曾在IBM Design工作。在演講中,他解釋了CSS Grid等工作如何讓您能夠宣傳設計系統(tǒng)的功能,以及IBM如何為其350,000名員工創(chuàng)建設計系統(tǒng)。

 

3.定義流程,而不是項目

 

HubSpot的高級經理(產品設計)Lara Tacito承認:“考慮重新設計或創(chuàng)建設計系統(tǒng)作為一個項目是很誘人的。”,“事實上,它可能需要以這種方式開始獲得買入或動力。但是,看到真正成功而不必每年重新設計的唯一方法是定義流程并將流程定義為產品。”[三沙網站建設公司]Lara建議,與任何標準設計過程一樣,第一步應該是弄清楚將使用設計系統(tǒng)的人員的當前工作流程。這在《上海網站制作除了DIY網站提供商之外,如何設置自己》中也說過。[三沙網站建設公司]“一些簡單的采訪將會有很長的路要走,”她解釋道。 “然后找到簡化這個過程的方法,仍然可以滿足用戶的需求,并且無疑可以很容易地做出正確的事情。”[三沙網站建設公司]Lara還建議將您的設計和實施文檔整合在一起。“對此有一些復雜的權衡,但最終我們發(fā)現越多設計人員了解實施情況,他們就越好 - 而對設計指南更多了解的工程師會為用戶做出更好的決策。 ”[三沙網站建設公司]最后,Lara建議參與將在此過程中使用設計系統(tǒng)的團隊,因為它有助于教育他們如何運作過程,允許更廣泛的技能和貢獻,并幫助問責制和自治。[三沙網站建設公司]觀看Lara的Talk UX演示文稿,了解如何構建一個常綠的設計系統(tǒng),讓您的客戶和團隊的生活更輕松。[三沙網站建設公司]網站建設:建立更好的設計系統(tǒng)的六個技巧

 

4.專注于溝通

 

“設計系統(tǒng)是80%的溝通和20%的工作”,Slack的工程師Garrett Miller指出。[三沙網站建設公司]雖然建立基礎組件架構是絕對必要的,但Garrett發(fā)現,在更廣泛的組織內部進行資源配置和優(yōu)先級劃分的工作涉及更多工作。[三沙網站建設公司]“這需要大量關注協作,”他建議道。 “這需要與利益相關方協商,以便為您的設計基礎設施進行如此大規(guī)模的投資。設計系統(tǒng)的成功是其倡導者,能夠好地解決參與這些對話的各方之間緊張關系的結果。“加勒特建議關注投資溝通的商業(yè)案例。[三沙網站建設公司]“設計系統(tǒng)使我們能夠以更低的回歸風險加速增長。驚喜花費金錢和時間,這兩件事都是貴公司可能試圖挽救的。”

 

5.通過模塊化增加貢獻

 

就其本質而言,設計系統(tǒng)往往是單片而不是模塊化。GoDaddy的工程(UX平臺)高級主管Charlie Robbins建議關注模塊化,因為它為您希望在任何設計系統(tǒng)中培養(yǎng)的社區(qū)帶來兩大好處。[三沙網站建設公司]“首先,模塊化和分離式設計系統(tǒng),鼓勵用戶采用單個組件并將其與其他設計系統(tǒng)相結合,以滿足他們的特定需求,”他解釋說。“這增加了可能的貢獻者的數量。”然而,對于第一次貢獻者來說,即使是一個小型的設計系統(tǒng)也無法為之做出貢獻。“模塊化方法可以使您的設計系統(tǒng)更新或添加新組件或文檔更加平易近人,因為新的貢獻者只需要了解一個組件,”Charlie指出。 “通過盡可能地采用模塊化和'空虛',您的社區(qū)將有更少的增長障礙。”

 

6.注意決策債務

 

Adobe公司的設計工程師Sarah Federman警告說:“在大規(guī)模設計系統(tǒng)工作時,最大的問題之一就是不做出決定的想法實際上是一個決定。”[三沙網站建設公司]“每當你做出選擇推遲制定標準或創(chuàng)建流程時,你就會累積決策債務,這可能與設計債務或技術債務一樣。如果不是更多有害,”她解釋道。 “當你推遲在你的系統(tǒng)中做出決定時,你就要把責任放在你的用戶身上做出決定。結果可能不是你喜歡的,它肯定不會是一個產品一致的。”[三沙網站建設公司]在Sarah的經驗中,當您需要圍繞排版和間距做出深遠的設計決策時,尤其是當您需要制定流程決策(例如如何對系統(tǒng)進行版本控制)時,決策債務才會發(fā)揮作用。“用戶將圍繞他們將獲得的支持或系統(tǒng)的穩(wěn)定性發(fā)展期望,”她建議道,“而且你將來會對抗這些期望。”[三沙網站建設公司]同樣重要的是創(chuàng)建包容性系統(tǒng)的決策 - 或者更理想的要求。 “事后建立可訪問性要困難得多,影響系統(tǒng)最基本的部分,如顏色和尺寸。”[三沙網站建設公司]最后,設計系統(tǒng)應該具有適應性,但從堅實靈活的基礎開始是實現變革的最簡單方法。“決策債務并不總是壞事,但需要注意并采取戰(zhàn)略性措施,”Sarah總結道。