本文講的是最激動(dòng)人心的視覺(jué)系統(tǒng)其實(shí)是最枯燥乏味的，

• 原文地址：The Most Exciting Design Systems Are Boring
• 原文作者：JOSH CLARK
• 譯文出自：掘金翻譯計(jì)劃
• 譯者：Nicolas(Yifei) Li
• 校對(duì)者：SareaYu,?yzgyyang

最激動(dòng)人心的視覺(jué)系統(tǒng)其實(shí)是最枯燥乏味的

讓我們歡迎中性和舒適的視覺(jué)系統(tǒng)

我們正在構(gòu)建另一個(gè)企業(yè)級(jí)視覺(jué)系統(tǒng)，并且我們極力把它變得枯燥。

Brad Frost,?Dan Mall?和我剛剛開(kāi)始幫助一家大型企業(yè)在他們眾多的互聯(lián)網(wǎng)產(chǎn)品上設(shè)計(jì)一個(gè)視覺(jué)系統(tǒng)。這家公司有著近 20 多年的數(shù)字產(chǎn)品的經(jīng)驗(yàn)和大量的產(chǎn)品團(tuán)隊(duì)。長(zhǎng)久以來(lái)，公司有關(guān)用戶(hù)體驗(yàn)、用戶(hù)界面和用于鞏固技術(shù)的接口已經(jīng)疏于同步。我們的目標(biāo)是賦予產(chǎn)品團(tuán)隊(duì)一個(gè)一致性的設(shè)計(jì)語(yǔ)言和模式庫(kù)，它可以解決常見(jiàn)的視覺(jué)、用戶(hù)體驗(yàn)和技術(shù)問(wèn)題。

和這個(gè)項(xiàng)目類(lèi)似的情況來(lái)說(shuō)，它會(huì)讓你忍不住要拋棄現(xiàn)有的內(nèi)容，然后使用最新的設(shè)計(jì)組件全新開(kāi)始?！?如果我們準(zhǔn)備建立標(biāo)準(zhǔn)，』(此時(shí)) 惡魔會(huì)在你身邊耳語(yǔ)道，『 那么，讓我們徹底擺脫所有的舊牽絆。讓我們用一個(gè)有著全新外觀、時(shí)髦交互方式和閃耀的技術(shù)框架徹底結(jié)束它吧?！?#xff08;或者我最?lèi)?ài)說(shuō)的：『 讓我們自己來(lái)設(shè)計(jì)?！?#xff09;

視覺(jué)系統(tǒng)工程師應(yīng)該抵住新事物的誘惑，不要把系統(tǒng)設(shè)計(jì)的工作和重塑或者技術(shù)棧的檢查相混淆。系統(tǒng)設(shè)計(jì)的模式應(yīng)該很相似，甚至是枯燥乏味的。

這份工作不是發(fā)明，而是策劃。

已經(jīng)解決的問(wèn)題和已解決的科學(xué)

設(shè)計(jì)系統(tǒng)包含了機(jī)構(gòu)內(nèi)的常用知識(shí)。他們?yōu)樵O(shè)計(jì)中的問(wèn)題提供了已經(jīng)過(guò)測(cè)試和驗(yàn)證的解決方案。當(dāng)這些解決方案被統(tǒng)一的視覺(jué)語(yǔ)言和用戶(hù)體驗(yàn)指導(dǎo)方案組合的時(shí)候，它們就代表了組織機(jī)構(gòu)或者平臺(tái)應(yīng)該有的良好設(shè)計(jì)。

對(duì)于和這個(gè)類(lèi)似的項(xiàng)目來(lái)說(shuō)，我們一次一次地和客戶(hù)端合作伙伴一起來(lái)確定他們團(tuán)隊(duì)的設(shè)計(jì)問(wèn)題直到他們滿(mǎn)意。之后，確定和提出對(duì)這些問(wèn)題的最優(yōu)解決方案。

問(wèn)題越常見(jiàn)越好。設(shè)計(jì)系統(tǒng)應(yīng)該優(yōu)先考慮常見(jiàn)的東西。

此時(shí)此刻，我們優(yōu)先考慮數(shù)據(jù)入口、表單的驗(yàn)證和信息傳遞。這些并不是完美的設(shè)計(jì)體驗(yàn)，但是它們卻是每個(gè)公司業(yè)務(wù)的重中之重，也是客戶(hù)們花費(fèi)時(shí)間最多的地方。這也是為什么枯燥乏味的事情卻令人興奮的地方：你如何對(duì)每天的設(shè)計(jì)更好的擴(kuò)展且保證一致性？

痛點(diǎn)在哪里？我們正嘗試從設(shè)計(jì)師和開(kāi)發(fā)人員處定位這些重復(fù)的任務(wù)。

和其他產(chǎn)品一樣，這個(gè)工作從很多用戶(hù)調(diào)研開(kāi)始。我們直面公司的程序員、設(shè)計(jì)師和產(chǎn)品經(jīng)理們來(lái)識(shí)別重復(fù)的任務(wù)和發(fā)掘重復(fù)使用的方法。我們進(jìn)行了對(duì)該公司網(wǎng)絡(luò)產(chǎn)品的深度研究并嘗試找到應(yīng)對(duì)這些問(wèn)題的最優(yōu)解決方案。我們也對(duì)該公司不一致的視覺(jué)風(fēng)格列出清單，并開(kāi)始重新強(qiáng)化一個(gè)通用的視覺(jué)語(yǔ)言。

在這個(gè)流程的最后，我們將會(huì)為該公司最有利的商業(yè)解決方案制作一個(gè)設(shè)計(jì)的參考。其中會(huì)包含很多干貨而非那些看似有用的知識(shí)。它會(huì)很有用。

創(chuàng)新性的設(shè)計(jì)來(lái)自于那些 『枯燥』 的設(shè)計(jì)

當(dāng)設(shè)計(jì)系統(tǒng)很枯燥乏味的時(shí)候，它能釋放設(shè)計(jì)師和開(kāi)發(fā)人員做更多新的東西，去解決新的問(wèn)題。設(shè)計(jì)系統(tǒng)解決了乏味的事情，所以設(shè)計(jì)師和開(kāi)發(fā)人員就不用操心了。

不必第 15 次的重復(fù)設(shè)計(jì)卡片的樣式，因?yàn)樗呀?jīng)被實(shí)現(xiàn)了。產(chǎn)品團(tuán)隊(duì)?wèi)?yīng)該把時(shí)間和精力放到如何創(chuàng)建新的體驗(yàn)、新的算法和新的商業(yè)邏輯上。

當(dāng)設(shè)計(jì)系統(tǒng)消減了了那些枯燥問(wèn)題的時(shí)候，那些設(shè)計(jì)師和開(kāi)發(fā)人員們才能放手去從事新技術(shù)和高階的問(wèn)題。

這也意味著一個(gè)不錯(cuò)的設(shè)計(jì)系統(tǒng)比能提供很多按鈕、顏色板和樣例代碼做的更多。這些組件都是常見(jiàn)的。奇妙的事情是伴隨著他們出現(xiàn)在指導(dǎo)手冊(cè)中。一個(gè)偉大的設(shè)計(jì)系統(tǒng)會(huì)對(duì)某些特定情況建議使用哪個(gè)設(shè)計(jì)模式（連同為什么和怎么做一起）。這將集合的用戶(hù)接口組件推向了一個(gè)成熟的設(shè)計(jì)模式。設(shè)計(jì)師對(duì)每天公司日常的問(wèn)題都有了現(xiàn)成的解決方案。

『 任何時(shí)候考慮，比如 「 這里應(yīng)該展示一個(gè)彈出窗口還是提示框？」這類(lèi)問(wèn)題都是浪費(fèi)時(shí)間?！贿@是一位設(shè)計(jì)經(jīng)理在這個(gè)最近項(xiàng)目上的調(diào)研過(guò)程中告訴我們的。

更快，更快

所有這些都能帶來(lái)速度上大的提升。Big Medium 公司?幫助一個(gè)重要的零售商搭建并且運(yùn)行起了他們的設(shè)計(jì)系統(tǒng)，并且結(jié)果出人意料。『 相比之前的工作，我們的速度提升了 10 倍，』團(tuán)隊(duì)經(jīng)理如實(shí)匯報(bào)道，『 也就是說(shuō)，我們能僅用四分之一的員工完成 10 倍的高質(zhì)量的工作?！?/p>

值得強(qiáng)調(diào)重申的是: 這樣的速度和一致性并不意味著是千篇一律的產(chǎn)品。相反，在設(shè)計(jì)系統(tǒng)中解決枯燥乏味的工作意味著產(chǎn)品團(tuán)隊(duì)有更多創(chuàng)造發(fā)明的空間。事實(shí)上，這些產(chǎn)品就是系統(tǒng)未來(lái)模式的孵化器。

在產(chǎn)品中發(fā)明創(chuàng)造

有些設(shè)計(jì)師和開(kāi)發(fā)人員常常小心謹(jǐn)慎地對(duì)待設(shè)計(jì)系統(tǒng)或者模式庫(kù)。盡管大部分人重視一致性的需求，但他們擔(dān)心一個(gè)設(shè)計(jì)系統(tǒng)會(huì)太過(guò)教條和有限制性，這會(huì)阻礙創(chuàng)新?！?設(shè)計(jì)系統(tǒng)就好像公共交通工具: 對(duì)其他人來(lái)說(shuō)，它是一個(gè)好主意?！灰晃话俑薪患脑O(shè)計(jì)師如是說(shuō)道。

設(shè)計(jì)系統(tǒng)其實(shí)是鼓勵(lì)產(chǎn)品團(tuán)隊(duì)創(chuàng)新，這應(yīng)當(dāng)是正確的。設(shè)計(jì)師和開(kāi)發(fā)人員能依賴(lài)它創(chuàng)建、提高，也可以偶爾替換設(shè)計(jì)系統(tǒng)中的建議。

它應(yīng)該是一個(gè)良性循環(huán)。新的理念應(yīng)該在新的產(chǎn)品上進(jìn)行嘗試和測(cè)試驗(yàn)證。當(dāng)好想法被證明是可行的時(shí)候，它們應(yīng)該被采納并且加入進(jìn)設(shè)計(jì)系統(tǒng)中，以便未來(lái)的產(chǎn)品能獲益。這些最新的解決方案都會(huì)赫然變成新常態(tài)。

設(shè)計(jì)系統(tǒng)應(yīng)該始終從當(dāng)前的代碼中提取它們的模式。?在我們的設(shè)計(jì)系統(tǒng)中，我們采用以下兩個(gè)方式:

從現(xiàn)存的應(yīng)用程序中提取被證明可行的模式。

和設(shè)計(jì)程序一起創(chuàng)建試點(diǎn)應(yīng)用程序，它能證明新的和必要的設(shè)計(jì)模式是可行的。

這就好像健壯的框架代碼是如何從持續(xù)發(fā)展的項(xiàng)目中顯現(xiàn)的。Ruby on Rails 是從第一代的 Basecamp 中提取出的，只有核心概念經(jīng)過(guò)產(chǎn)品的證明。設(shè)計(jì)模式和用戶(hù)體驗(yàn)指導(dǎo)手冊(cè)也同樣來(lái)自于那些量產(chǎn)的項(xiàng)目。

設(shè)計(jì)系統(tǒng)，如核心框架，容不下未經(jīng)測(cè)試的想法。請(qǐng)從量產(chǎn)接口中提取那些被證明過(guò)可行的想法。

這是規(guī)則

Dan?喜歡使用星球大戰(zhàn) (當(dāng)然) 作為一個(gè)對(duì)這個(gè)流程的暗喻。星球大戰(zhàn)的世界充滿(mǎn)了各種非官方的傳奇故事、動(dòng)漫圖書(shū)以及愛(ài)好者們的科幻作品，當(dāng)然它們都是基于電影原作的背景故事的。這個(gè)官方的故事是?星球大戰(zhàn)正典故事，它是由 Lucas 電影精心編排制作和管理的。其余的是我們所知的 ”衍生的宇宙“，所有的這些角色、種族、星系、聯(lián)盟和其他的那些都不被考慮在劇本中-除非他們進(jìn)入正典。

常常，星球大戰(zhàn)正典維護(hù)者們會(huì)采納 ”衍生的宇宙“ 中的元素納入官方故事。它們也就變成了正典中的一部分。

當(dāng)你能在設(shè)計(jì)系統(tǒng)（比如 正典故事）和應(yīng)用程序（衍生的宇宙）之間創(chuàng)建一個(gè)良性的循環(huán)系統(tǒng)，每個(gè)人都會(huì)很樂(lè)意看到這樣的結(jié)果。

在 Dan 的暗喻中，你公司的設(shè)計(jì)系統(tǒng)就是你的設(shè)計(jì)正典。其他人公布、創(chuàng)建的應(yīng)用程序和那些新的設(shè)計(jì)模式都基于它（比如，『 衍生的宇宙 』）。其中的有些設(shè)計(jì)模式將會(huì)是很有用出的，并且與你公司好的設(shè)計(jì)步調(diào)一致，它們也會(huì)變成正典。

這就是設(shè)計(jì)系統(tǒng)和量產(chǎn)產(chǎn)品之間的良性循環(huán)。如果你是一位設(shè)計(jì)系統(tǒng)的經(jīng)理，你將會(huì)成為這個(gè)故事中的 George Lucas 。當(dāng)然你將需要更加謙虛。

謙卑的工作

成功的設(shè)計(jì)系統(tǒng)不斷為許多設(shè)計(jì)師、開(kāi)發(fā)人員和產(chǎn)品經(jīng)理，當(dāng)然也少不了終端用戶(hù)服務(wù)。

這種服務(wù)精神意味著設(shè)計(jì)系統(tǒng)的維護(hù)者們切勿浮想聯(lián)翩，需要握緊手中的線。一個(gè)設(shè)計(jì)系統(tǒng)不是崇尚前沿科技的地方，而是匯集成功解決方案的地方。

打造一個(gè)設(shè)計(jì)系統(tǒng)是為其他人的創(chuàng)新和猜想掃清道路。那就意味著枯燥乏味的內(nèi)容從未如此令人興奮。

原文發(fā)布時(shí)間為：2017年5月24日
本文來(lái)自云棲社區(qū)合作伙伴掘金，了解相關(guān)信息可以關(guān)注掘金網(wǎng)站。

總結(jié)

以上是生活随笔為你收集整理的最激动人心的视觉系统其实是最枯燥乏味的的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。