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

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

最激動人心的視覺系統(tǒng)其實是最枯燥乏味的

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

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

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

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

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

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

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

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

對于和這個類似的項目來說，我們一次一次地和客戶端合作伙伴一起來確定他們團隊的設(shè)計問題直到他們滿意。之后，確定和提出對這些問題的最優(yōu)解決方案。

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

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

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

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

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

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

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

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

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

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

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

更快，更快

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

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

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

有些設(shè)計師和開發(fā)人員常常小心謹(jǐn)慎地對待設(shè)計系統(tǒng)或者模式庫。盡管大部分人重視一致性的需求，但他們擔(dān)心一個設(shè)計系統(tǒng)會太過教條和有限制性，這會阻礙創(chuàng)新。『 設(shè)計系統(tǒng)就好像公共交通工具: 對其他人來說，它是一個好主意。』一位百感交集的設(shè)計師如是說道。

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

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

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

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

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

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

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

這是規(guī)則

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

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

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

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

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

謙卑的工作

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

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

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

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

總結(jié)

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

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