[三沙網(wǎng)站建設(shè)公司]建立更好的設(shè)計(jì)系統(tǒng)的六個(gè)技巧

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

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

 

1.了解設(shè)計(jì)系統(tǒng)應(yīng)該工作的環(huán)境

 

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

 

2.保持獨(dú)特并節(jié)省開(kāi)銷(xiāo)

 

[三沙網(wǎng)站建設(shè)公司]網(wǎng)站建設(shè)認(rèn)為還要問(wèn)你的公司是否真的需要一個(gè)全新的設(shè)計(jì)系統(tǒng),來(lái)自Pingboard的前端開(kāi)發(fā)人員和用戶體驗(yàn)設(shè)計(jì)師James Y Rauhut說(shuō)。[三沙網(wǎng)站建設(shè)公司]“最強(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)?如果沒(méi)有,你可以采用現(xiàn)有的設(shè)計(jì)系統(tǒng)來(lái)節(jié)省技術(shù)債務(wù)。”[三沙網(wǎng)站建設(shè)公司]即使你有一個(gè)獨(dú)特的視角將你的系統(tǒng)與其他系統(tǒng)分開(kāi),你也不需要重新發(fā)明更小的輪子。以下是James建議的一些工具,可以簡(jiǎn)化設(shè)計(jì)系統(tǒng)的發(fā)布并保持公司的完整性:

 

.framer X的設(shè)計(jì)團(tuán)隊(duì)商店

 
 

.訪問(wèn)基本用戶界面組件以獲取輔助功能

 

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

 

3.定義流程,而不是項(xiàng)目

 

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

 

4.專注于溝通

 

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

 

5.通過(guò)模塊化增加貢獻(xiàn)

 

就其本質(zhì)而言,設(shè)計(jì)系統(tǒng)往往是單片而不是模塊化。GoDaddy的工程(UX平臺(tái))高級(jí)主管Charlie Robbins建議關(guān)注模塊化,因?yàn)樗鼮槟M谌魏卧O(shè)計(jì)系統(tǒng)中培養(yǎng)的社區(qū)帶來(lái)兩大好處。[三沙網(wǎng)站建設(shè)公司]“首先,模塊化和分離式設(shè)計(jì)系統(tǒng),鼓勵(lì)用戶采用單個(gè)組件并將其與其他設(shè)計(jì)系統(tǒng)相結(jié)合,以滿足他們的特定需求,”他解釋說(shuō)。“這增加了可能的貢獻(xiàn)者的數(shù)量。”然而,對(duì)于第一次貢獻(xiàn)者來(lái)說(shuō),即使是一個(gè)小型的設(shè)計(jì)系統(tǒng)也無(wú)法為之做出貢獻(xiàn)。“模塊化方法可以使您的設(shè)計(jì)系統(tǒng)更新或添加新組件或文檔更加平易近人,因?yàn)樾碌呢暙I(xiàn)者只需要了解一個(gè)組件,”Charlie指出。 “通過(guò)盡可能地采用模塊化和'空虛',您的社區(qū)將有更少的增長(zhǎng)障礙。”

 

6.注意決策債務(wù)

 

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