值得每個設(shè)計師閱讀思考的深度剖析文(2)

這就是為什么追波的許多“ReDesign”類的作品實屬愚蠢。因為許多人做設(shè)計的時候，并不清楚這個產(chǎn)品的淵源，用戶真實的需求，技術(shù)有哪些限制，深層的組織架構(gòu)又如何。

如果產(chǎn)品設(shè)計是在一個具體的約束中為用戶解決問題，這些自稱為產(chǎn)品/用戶體驗設(shè)計師的人實際上就是個美工而已。設(shè)計師應(yīng)當(dāng)是藝術(shù)家，是造型師，創(chuàng)造美麗事物是一項偉大的工程，而不是像這樣悶著腦袋亂畫。

從廣泛的構(gòu)思到像素級的細(xì)節(jié)，設(shè)計師應(yīng)該始終思考公司的使命、愿景和產(chǎn)品架構(gòu)。他們在設(shè)計中所做的每件事都需經(jīng)歷這個過程。

設(shè)計始于公司最頂層的使命，其次是公司的愿景。在一個沒有清晰和可執(zhí)行的使命與愿景的團(tuán)隊中，很難開展設(shè)計。不要低估這個問題的重要性，如果你所在的公司缺少清晰的使命，那就將締造它作為你工作的一部分。

在使命和愿景之后的，則是產(chǎn)品的架構(gòu)。不是指技術(shù)層面上的東西，而是產(chǎn)品內(nèi)各部分之間彼此的關(guān)聯(lián)，是一個總體的系統(tǒng)。我在 Facebook 上班的第一天早上，Chris Cox（產(chǎn)品VP）做了一個絕妙的演講 （你可以點開感受一下） 。下面的聽眾來自公司各個部門， Chris 侃侃而談，然后著重闡述產(chǎn)品的架構(gòu)，以及它是如何與公司的目標(biāo)關(guān)聯(lián)的。

對 Facebook 來說，架構(gòu)里有聯(lián)系人、好友、興趣點，上至世界名牌下到街邊小店，還有一個能夠顯示所有這些事物關(guān)系的示意圖。這是一個非常清晰簡潔的產(chǎn)品，直擊目標(biāo)需求點。以我的經(jīng)驗來說，在沒有一個清晰明了的構(gòu)架想法前是很難在這團(tuán)雜七雜八的玩意下做出一個超贊的設(shè)計的。在很多情況下，就像這個項目一樣，作為設(shè)計師應(yīng)該去解決問題并改進(jìn)架構(gòu)。比如談到Facebook跳轉(zhuǎn)其他應(yīng)用的時候，我通常會在白板上畫些類似這樣的概念圖：

產(chǎn)品的架構(gòu)不是信息堆砌，它不是一個頁面連著這個那個模塊和空間，或者一堆死板的演示告訴你點這里是干嘛的，一個交互原型通常就可以很好地處理這些信息。一個更深層次的表達(dá)方式，這就是產(chǎn)品的架構(gòu)圖。它能表現(xiàn)出各個模塊在整體系統(tǒng)中所處的位置以及它們的聯(lián)系。而在intercom我們是用這種方式進(jìn)行架構(gòu)設(shè)計的：

我甚至沒有印象在追波上有看到過類似上圖這種表述設(shè)計思路的架構(gòu)圖。很少能看到設(shè)計師講述他的作品如何匹配需求目標(biāo)，如何驅(qū)使產(chǎn)品的視野向前，或是在整個架構(gòu)中發(fā)揮了什么作用等等，以呈現(xiàn)這些設(shè)計的重要度。這應(yīng)當(dāng)是設(shè)計的基本，而非特例。

一旦你明確產(chǎn)品清晰的使命、愿景和架構(gòu)，你就可以開始思考其它的細(xì)節(jié)。只要用戶達(dá)成了目標(biāo)，他們就會開心、滿足，并獲得成就感。你產(chǎn)品的服務(wù)為用戶提供了哪些便利，又存在著哪些瑕疵。

這些粗糙的草圖遠(yuǎn)遠(yuǎn)要比追波上那堆PNG要重要得多。從產(chǎn)品創(chuàng)立伊始到成品的推出，在這一套程序當(dāng)中，PSD文件和PNG圖片是我認(rèn)為最不吸引人也是最無用的材料。更為重要的是設(shè)計中如何權(quán)衡輕重做出取舍的思考和討論的過程，比如產(chǎn)品的優(yōu)缺點考量，如何將設(shè)計匹配公司的愿景，抑或是解決產(chǎn)品的架構(gòu)問題。所有這些白板草圖，手繪稿，甚至在餐巾紙后面勾勾畫畫的解決方案才是設(shè)計者應(yīng)該發(fā)布在追波上的，我更希望看到這些。就連 產(chǎn)品敘述文檔 都比單單一個蒼白的PNG或者PDF文檔來的重要。

設(shè)計是一個多層面的過程。以我的經(jīng)驗而言，如何依次經(jīng)過這幾個層面來思考是有一個最佳順序的。最簡單的一種就是回想一下這四個層面：