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