Godzilla. 2019-02-20
網(wǎng)站建設(shè)
上海網(wǎng)站建設(shè):建立更好的設(shè)計系統(tǒng)的六個技巧
這是設(shè)計系統(tǒng)的一年。公司幾乎每周都會推出新的設(shè)計系統(tǒng),大多數(shù)高管現(xiàn)在都了解它們的價值。設(shè)計系統(tǒng)包括樣式指南、模式庫、CSS框架和設(shè)計操作。設(shè)計師和開發(fā)人員感受到大量資源的支持,并且有一些會議完全致力于設(shè)計系統(tǒng)(主要是美國的Clarity和歐洲的倫敦設(shè)計系統(tǒng))。
進入的門檻現(xiàn)在已經(jīng)降低了,但是由于信息太多,可能會非常難以確切地知道哪些建議適用于您自己的工作 - 特別是如果您正在嘗試在較小的組織中構(gòu)建設(shè)計系統(tǒng)。
上海網(wǎng)站建設(shè)已經(jīng)向在Slack,HubSpot,GoDaddy,IBM和Lloyds Banking Group建立設(shè)計系統(tǒng)的內(nèi)部人員詢問了他們?nèi)绾螛?gòu)建更好的設(shè)計系統(tǒng)的技巧。以下是他們推薦的內(nèi)容:
1.了解設(shè)計系統(tǒng)應(yīng)該工作的環(huán)境
Lloyds Banking Group的設(shè)計語言開發(fā)負責人Lily Dart表示,“每個新的設(shè)計系統(tǒng)都渴望成為下一個Airbnb DLS或Google Material Design。但對于我們這些不能真正靈活運作的人來說,組織用戶,如AirBnb或Google,試圖重現(xiàn)這些例子可能是一個錯誤。”
根據(jù)Lily的說法,創(chuàng)建一個有效的設(shè)計系統(tǒng)的真正訣竅是,理解它應(yīng)該工作的環(huán)境和文化。一個靈活的組織不會每六個月欣賞一次“完美”版本,而瀑布的組織需要緩慢發(fā)布,但他們也希望你支持舊版本,如果它們正在生產(chǎn)中。
“一旦你理解了你的背景和文化,你就可以考慮你的設(shè)計系統(tǒng)如何改進它”Lily解釋說。想提高效率嗎?確定盡可能多的預建模板,因為您可以加快團隊的工作。創(chuàng)造力?相反的方式 - 保持模板最小化,而不是讓原子具有設(shè)計師的靈活性。
最后,設(shè)計系統(tǒng)正是Lily所指出的 - 系統(tǒng)。“如果你不孤立地工作。如果您不在Airbnb上工作,請不要重新創(chuàng)建專為其團隊和用戶設(shè)計的產(chǎn)品。專注于解決您每天面臨的問題,并創(chuàng)建一個優(yōu)秀的設(shè)計系統(tǒng)。”
Google Material Design很棒,但不要使用不同的上下文重新創(chuàng)建設(shè)計系統(tǒng)。相反,要關(guān)注你所面臨的問題。
2.保持獨特并節(jié)省開銷
上海網(wǎng)站建設(shè)認為還要問你的公司是否真的需要一個全新的設(shè)計系統(tǒng),來自Pingboard的前端開發(fā)人員和用戶體驗設(shè)計師James Y Rauhut說。
“最強大的設(shè)計系統(tǒng)源于公司堅持的獨特理念,”他解釋道。 - Google的材料設(shè)計認為,體驗超越了您與之交互的玻璃屏幕。Microsoft Fluent Design認為體驗適應(yīng)它所占用的窗口。設(shè)計系統(tǒng)是否具有獨特的觀點?如果沒有,你可以采用現(xiàn)有的設(shè)計系統(tǒng)來節(jié)省技術(shù)債務(wù)。”
即使你有一個獨特的視角將你的系統(tǒng)與其他系統(tǒng)分開,你也不需要重新發(fā)明更小的輪子。以下是James建議的一些工具,可以簡化設(shè)計系統(tǒng)的發(fā)布并保持公司的完整性:
.framer X的設(shè)計團隊商店
.訪問基本用戶界面組件以獲取輔助功能
.CSS grid wiz網(wǎng)格框架生成器用于布局
在James加入Pingboard之前,他曾在IBM Design工作。在演講中,他解釋了CSS Grid等工作如何讓您能夠宣傳設(shè)計系統(tǒng)的功能,以及IBM如何為其350,000名員工創(chuàng)建設(shè)計系統(tǒng)。
3.定義流程,而不是項目
HubSpot的高級經(jīng)理(產(chǎn)品設(shè)計)Lara Tacito承認:“考慮重新設(shè)計或創(chuàng)建設(shè)計系統(tǒng)作為一個項目是很誘人的。”,“事實上,它可能需要以這種方式開始獲得買入或動力。但是,看到真正成功而不必每年重新設(shè)計的唯一方法是定義流程并將流程定義為產(chǎn)品。”
Lara建議,與任何標準設(shè)計過程一樣,第一步應(yīng)該是弄清楚將使用設(shè)計系統(tǒng)的人員的當前工作流程。這在《上海網(wǎng)站制作除了DIY網(wǎng)站提供商之外,如何設(shè)置自己》中也說過。
“一些簡單的采訪將會有很長的路要走,”她解釋道。 “然后找到簡化這個過程的方法,仍然可以滿足用戶的需求,并且無疑可以很容易地做出正確的事情。”
Lara還建議將您的設(shè)計和實施文檔整合在一起。“對此有一些復雜的權(quán)衡,但最終我們發(fā)現(xiàn)越多設(shè)計人員了解實施情況,他們就越好 - 而對設(shè)計指南更多了解的工程師會為用戶做出更好的決策。 ”
最后,Lara建議參與將在此過程中使用設(shè)計系統(tǒng)的團隊,因為它有助于教育他們?nèi)绾芜\作過程,允許更廣泛的技能和貢獻,并幫助問責制和自治。
觀看Lara的Talk UX演示文稿,了解如何構(gòu)建一個常綠的設(shè)計系統(tǒng),讓您的客戶和團隊的生活更輕松。
4.專注于溝通
“設(shè)計系統(tǒng)是80%的溝通和20%的工作”,Slack的工程師Garrett Miller指出。
雖然建立基礎(chǔ)組件架構(gòu)是絕對必要的,但Garrett發(fā)現(xiàn),在更廣泛的組織內(nèi)部進行資源配置和優(yōu)先級劃分的工作涉及更多工作。
“這需要大量關(guān)注協(xié)作,”他建議道。 “這需要與利益相關(guān)方協(xié)商,以便為您的設(shè)計基礎(chǔ)設(shè)施進行如此大規(guī)模的投資。設(shè)計系統(tǒng)的成功是其倡導者,能夠很好地解決參與這些對話的各方之間緊張關(guān)系的結(jié)果。“加勒特建議關(guān)注投資溝通的商業(yè)案例。
“設(shè)計系統(tǒng)使我們能夠以更低的回歸風險加速增長。驚喜花費金錢和時間,這兩件事都是貴公司可能試圖挽救的。”
5.通過模塊化增加貢獻
就其本質(zhì)而言,設(shè)計系統(tǒng)往往是單片而不是模塊化。GoDaddy的工程(UX平臺)高級主管Charlie Robbins建議關(guān)注模塊化,因為它為您希望在任何設(shè)計系統(tǒng)中培養(yǎng)的社區(qū)帶來兩大好處。
“首先,模塊化和分離式設(shè)計系統(tǒng),鼓勵用戶采用單個組件并將其與其他設(shè)計系統(tǒng)相結(jié)合,以滿足他們的特定需求,”他解釋說。“這增加了可能的貢獻者的數(shù)量。”然而,對于第一次貢獻者來說,即使是一個小型的設(shè)計系統(tǒng)也無法為之做出貢獻。“模塊化方法可以使您的設(shè)計系統(tǒng)更新或添加新組件或文檔更加平易近人,因為新的貢獻者只需要了解一個組件,”Charlie指出。 “通過盡可能地采用模塊化和'空虛',您的社區(qū)將有更少的增長障礙。”
6.注意決策債務(wù)
Adobe公司的設(shè)計工程師Sarah Federman警告說:“在大規(guī)模設(shè)計系統(tǒng)工作時,最大的問題之一就是不做出決定的想法實際上是一個決定。”
“每當你做出選擇推遲制定標準或創(chuàng)建流程時,你就會累積決策債務(wù),這可能與設(shè)計債務(wù)或技術(shù)債務(wù)一樣。如果不是更多有害,”她解釋道。 “當你推遲在你的系統(tǒng)中做出決定時,你就要把責任放在你的用戶身上做出決定。結(jié)果可能不是你喜歡的,它肯定不會是一個產(chǎn)品一致的。”
在Sarah的經(jīng)驗中,當您需要圍繞排版和間距做出深遠的設(shè)計決策時,尤其是當您需要制定流程決策(例如如何對系統(tǒng)進行版本控制)時,決策債務(wù)才會發(fā)揮作用。“用戶將圍繞他們將獲得的支持或系統(tǒng)的穩(wěn)定性發(fā)展期望,”她建議道,“而且你將來會對抗這些期望。”
同樣重要的是創(chuàng)建包容性系統(tǒng)的決策 - 或者更理想的要求。 “事后建立可訪問性要困難得多,影響系統(tǒng)最基本的部分,如顏色和尺寸。”
最后,設(shè)計系統(tǒng)應(yīng)該具有適應(yīng)性,但從堅實靈活的基礎(chǔ)開始是實現(xiàn)變革的最簡單方法。“決策債務(wù)并不總是壞事,但需要注意并采取戰(zhàn)略性措施,”Sarah總結(jié)道。
文章評論: