Part 1. 我有個(gè)好朋友，叫框框

曾有人問(wèn)我：為什么你們?cè)O(shè)計(jì)師都喜歡戴黑框？
我說(shuō)：因?yàn)槠綍r(shí)畫圖第一步總是畫個(gè)框框，手機(jī)是個(gè)框，電腦是個(gè)框，紙也是個(gè)框，所以眼里的世界也必須加個(gè)框~

其實(shí)當(dāng)時(shí)，我就這么一說(shuō)?，F(xiàn)在想起來(lái)，大概冥冥之中注定要幾年后我才能領(lǐng)會(huì)當(dāng)時(shí)這話的深意。這叫自己挖的坑，自己跳。

至于這個(gè)框框，有很多種解釋的方法，歸納成兩個(gè)字就是：約束。

說(shuō)約束的具體內(nèi)容之前，先叨一下故事背景。許多人，包括我從小對(duì)設(shè)計(jì)的幻想，就是充滿美感的藝術(shù)家做著天馬行空的夢(mèng)，然后用巧奪天工的手，做出一件件嘆為觀止的藝術(shù)品。直到我本科畢業(yè)之前，我都這么天真的以為（高中搞著物理競(jìng)賽，本科學(xué)著通信工程，從小我都教育自己，你是只理工女漢子，不要做少女的夢(mèng)。然而事實(shí)證明我是一只文藝的女漢子，終究逃不過(guò)人文藝術(shù)的吸引）。好在研究生靈魂得到解放，奔到美帝學(xué)人機(jī)交互，把我一直遠(yuǎn)遠(yuǎn)憧憬的藝術(shù)、莫名累積的技術(shù)、和悠遠(yuǎn)深刻的人文興趣（星座學(xué)和心理測(cè)驗(yàn)呵呵）完美的合在了一起。然而沒(méi)有一點(diǎn)點(diǎn)防備，開(kāi)篇老師就強(qiáng)調(diào) “設(shè)計(jì)不是藝術(shù)”！所以，漂洋過(guò)海的來(lái)填補(bǔ)內(nèi)心對(duì)藝術(shù)的渴望，還沒(méi)開(kāi)始就結(jié)束了嗎？

接著的話我一輩子都記得：

設(shè)計(jì)是實(shí)現(xiàn)別人的需要，藝術(shù)是自我表達(dá)的需要。

請(qǐng)看我的超現(xiàn)實(shí)主義圖解：

在后來(lái)的學(xué)習(xí)和工作中，這個(gè) “別人” 的定義在不斷地豐富著：設(shè)計(jì)的東西給誰(shuí)用，誰(shuí)拍腦子想主意，誰(shuí)搬磚，誰(shuí)拍板，誰(shuí)買單，誰(shuí)背黑鍋（亂入，這個(gè)還是默認(rèn)自己吧，在決策過(guò)程中會(huì)更有使命感）。。。是的，你的設(shè)計(jì)都是為了服務(wù)這些 “別人”。設(shè)計(jì)師要無(wú)我，超脫自己，忘記私人恩怨和個(gè)人喜好，做出客觀公正的最大化滿足所有 “別人” 的需求。并且時(shí)刻記著，這些需求隨時(shí)會(huì)變，所以面對(duì)不斷更迭的設(shè)計(jì)稿，不用玻璃心。設(shè)計(jì)只有更好，沒(méi)有最好。

現(xiàn)在再來(lái)說(shuō)約束。既然有這么多的 “別人” 這么多的需求，自然就形成了各種各樣的約束。設(shè)計(jì)是在各種框框里找最優(yōu)解的過(guò)程。用戶的年齡、性別、習(xí)慣、興趣、教育、文化、地域、信仰 bla bla bla 的分布，是個(gè)框框，決定了我們的第一個(gè)問(wèn)題：who’s your user / audience（用戶是誰(shuí)）。他們面臨的問(wèn)題和需求是我們的核心框框 ：what problem we are solving（解決他們的什么問(wèn)題/滿足他們的什么需求，從而帶來(lái)什么價(jià)值）。團(tuán)隊(duì)和資源的需求又畫上了 timeline（項(xiàng)目時(shí)間表）和 staffing（項(xiàng)目成員）的框框。東西做多大，全套系統(tǒng)還是小功能翻新，改流程還是做視覺(jué)/文字游戲，是 scoping（確定項(xiàng)目范圍）的框框。東西做不做得出來(lái)是 feasibility（可行性）的框框。有多少錢是budgeting（預(yù)算）的框框。公司的形象認(rèn)知度再來(lái)個(gè) branding（品牌）的框框。等等等等。而這些都是在一張大白紙上畫框框，接著就在最后規(guī)劃出來(lái)的小小空間里做設(shè)計(jì)。

啊摔！這么狹小的空間怎么馳騁我們天馬行空的想象力？這個(gè)問(wèn)題我有一個(gè)非（no）常（zuo）科（no）學(xué)（die）的解釋：要把框框們想象成很高維的東西，這樣把他們的重疊處展開(kāi)成低維（UI算二-三維，UX算四維）的時(shí)候就會(huì)非常非常宏大！宇宙會(huì)閃爍呢！（此處水很深，不懂的請(qǐng)回家看《三體》）

就是這些條條框框構(gòu)成了shaping the product（給產(chǎn)品定型）的基礎(chǔ)。然而這一切都還沒(méi)開(kāi)始做設(shè)計(jì)呢，然而這一切又都是在做設(shè)計(jì)哦。

Part 2. 設(shè)計(jì)是門邏輯學(xué)

解釋了這么久框框，終于可以點(diǎn)題啦。如此復(fù)雜的條件下，要判斷情勢(shì)，權(quán)衡利弊，揣測(cè)人心，給出多種解決辦法，還要隨機(jī)應(yīng)變，口吐蓮花。做設(shè)計(jì)很大部分的時(shí)間和腦力都是在許多噪音（哦不，PM和程序員你們有最美妙的聲音）中迂回尋找一個(gè)答案，用思辨的邏輯，不是憑空想象或東搬西湊。然后在強(qiáng)大的邏輯支撐下，妙筆生花即可。

這就是為什么考察設(shè)計(jì)師的一個(gè)重要因素是他們是否能 justify design decisions（辯解設(shè)計(jì)決定）。當(dāng)開(kāi)會(huì)時(shí)有非設(shè)計(jì)人員問(wèn)你“為什么不用。。。/你有沒(méi)有考慮。。?！钡臅r(shí)候，潛臺(tái)詞也許是“你智商在線嗎”，這時(shí)候你就可以搬出理由123，試過(guò)的其他123，利弊123，然后對(duì)方大寫的服；要是不服，那么請(qǐng)?jiān)诶碛沙浞值臅r(shí)候?yàn)t灑的甩出一句 thank you for your feedback, we can follow up on that（謝謝你的建議，我們可以私聊），潛臺(tái)詞是 you’ll never see me again（走好不見(jiàn)）。所以如何在被圍攻的時(shí)候逆襲是設(shè)計(jì)師的必備生存技能。本例是夸張修辭的玩笑話，認(rèn)真的孩子不要當(dāng)真。

突然想起之前有人問(wèn)我，面試遇到 “當(dāng)你和工程師或者產(chǎn)品經(jīng)理意見(jiàn)不合的時(shí)候，要怎么辯護(hù)自己的設(shè)計(jì)？” 是不是把上面的過(guò)程描述一遍就好了？我私以為這還不夠，陳述了自己的理念就揚(yáng)長(zhǎng)而去，有沒(méi)有種自我為中心的感覺(jué)？不要忘了，那些 “別人”！想的再周到的設(shè)計(jì)師依然只是個(gè)人的經(jīng)歷累積，而其他部門的人通常能帶入全新的視角。所以除了解釋“我”的設(shè)計(jì)思想，那 “你” 的考慮是什么呢？如果的你的考慮意義重大，那我虛心接受你的意見(jiàn)。這樣既可以學(xué)習(xí)到新的知識(shí)，讓未來(lái)思考問(wèn)題的版圖立體化一點(diǎn)，又可以照顧到同事的使命感，促進(jìn)健康的團(tuán)隊(duì)氣氛。別和他們翻船，要升華成合作伙伴的巨輪。

每次和優(yōu)秀設(shè)計(jì)師的共事，真的分分鐘提醒我自己：智商，智商，不要下線！他們邏輯清晰，條理清楚，思考全面，論證充分；對(duì)其他部門的運(yùn)作有充分理解，有對(duì)用戶的忠貞理想，也有對(duì)企業(yè)的利益責(zé)任；思維的整體性很強(qiáng)，有上帝視角的感覺(jué)（這是在說(shuō)我老板星星眼）。他們提的問(wèn)題總是直中要害，語(yǔ)言溫婉得體又針針見(jiàn)血。他們總能一眼看穿問(wèn)題的本質(zhì)，而不是淺顯的被視覺(jué)上的細(xì)枝末節(jié)迷惑。設(shè)計(jì)的不是產(chǎn)品，是體驗(yàn)，用戶在他們腦海里規(guī)劃的世界里一步步打怪升級(jí)，盡在掌握之中。他們很多的時(shí)間在思考問(wèn)題和價(jià)值，跟人交談深入了解需求，作信息架構(gòu)，畫 user story，鋪一墻的便利貼。等一切明朗了畫起界面流程什么的行云流水。當(dāng)然也免不了反復(fù)完善，但他們深知這是過(guò)程，不是抓瞎。

所以下次見(jiàn)到一個(gè)玉樹(shù)臨風(fēng)的設(shè)計(jì)師的時(shí)候，請(qǐng)把他想象成何以琛，不要跟他辯論，因?yàn)槟憧倳?huì)輸。就算辯論不輸，顏值也輸。

Part 3. 感受用戶體驗(yàn)，不只是眼睛

說(shuō)了這么多寬泛的設(shè)計(jì)，再來(lái)小談一下我的領(lǐng)域，用戶體驗(yàn)設(shè)計(jì)。

用戶體驗(yàn)，聽(tīng)著多玄妙啊。這得是怎樣的體驗(yàn)呀。歪果仁稱之為 User Experience，簡(jiǎn)稱 UX，業(yè)界有很多不同的定義。有的把 UX design 分為 visual design（視覺(jué)設(shè)計(jì)）和 interaction design（交互設(shè)計(jì)）；有的按 UI 和 UX 分，UI 是畫界面，UX 是畫界面之外的流程/功能規(guī)劃；有的大 UX 概念除了視覺(jué)和交互，還包括了 motion design（動(dòng)效設(shè)計(jì)）、user research （用戶研究）、content strategy（文案）、production design（畫 redlines 或者素材庫(kù)）。一千個(gè) UXer 簡(jiǎn)直有一千種解釋 UX 的方式。所以當(dāng)我們聽(tīng)到“哦，畫界面的”，“你是設(shè)計(jì)師嘛，幫我畫個(gè) logo 唄” 的反應(yīng)時(shí)，內(nèi)心是萬(wàn)馬奔騰的。將心比心，就跟 “你是程序員呀，幫我修個(gè)電腦好嗎”，“你是攝影師嘛，給我美圖秀秀一個(gè)啦”，“北郵畢業(yè)的，去哪家當(dāng)郵遞員啊”，“大廚呀，是不是碗洗的特別干凈”之類相通。因?yàn)檫@樣的對(duì)話不僅不理解我們的辛苦腦力活動(dòng)，更不理解我們每小時(shí)的收費(fèi)標(biāo)準(zhǔn)哈哈。

跟沒(méi)接觸過(guò)設(shè)計(jì)的或者剛接觸設(shè)計(jì)的人，要糾正設(shè)計(jì)跟視覺(jué)的直接聯(lián)系這個(gè)誤區(qū)。我覺(jué)得，體驗(yàn)是各種感知在時(shí)間上的集合，看到的，說(shuō)出的，摸到的，感覺(jué)到的，聽(tīng)到的，想到的。如下圖：

以我們互聯(lián)網(wǎng)行業(yè)的體驗(yàn)為例，眼睛看的是界面的樣子，摸的是輸入設(shè)備，嘴巴說(shuō)的是用戶對(duì)產(chǎn)品的評(píng)價(jià)（或者語(yǔ)音類產(chǎn)品作為輸入），耳朵聽(tīng)的是別人的評(píng)價(jià)和推薦（或產(chǎn)品的聲音輸出），想的是對(duì)功能的理解和操作選擇，心里感受的是用產(chǎn)品的愉悅，上癮，困惑，或惱怒。不敢說(shuō)用戶體驗(yàn)設(shè)計(jì)師能操控所有的這些體驗(yàn)，只是說(shuō)在做一個(gè)設(shè)計(jì)的時(shí)候最開(kāi)始會(huì)考慮這些方面，作為另一種框框。

不僅體驗(yàn)有方方面面，用戶也有多面性。以 Airbnb 為例，做 marketplace 就有市場(chǎng)的兩面，房東和房客；Airbnb 滋生了第三方的產(chǎn)業(yè)鏈，于是他們也是我們的用戶；客服人員也需要很復(fù)雜的一套體系；內(nèi)部員工平時(shí)的日常也需要一些效率/人力/文化傳承的工具。當(dāng)在為某一類用戶設(shè)計(jì)的時(shí)候，有時(shí)候也要抽離一下看看全局，或許會(huì)獲得不一樣的靈感。

一些對(duì)設(shè)計(jì)不了解的人包括每日相處的非設(shè)計(jì)師同事，都可能覺(jué)得我們總是在畫UI，其實(shí)那是在激烈的框框大戰(zhàn)和群雄舌戰(zhàn)的空隙，全套界面出來(lái)之后還有反復(fù)用戶測(cè)試和修改的過(guò)程。界面只是冰山一角，這一點(diǎn)希望能給需要給產(chǎn)品項(xiàng)目預(yù)算時(shí)間成本的人一些啟發(fā)。

Part 4. 但人還是視覺(jué)動(dòng)物

說(shuō)了這么多，應(yīng)該不會(huì)再問(wèn)我是不是搞藝術(shù)的了吧。但有了金玉其中，也不好敗絮其外吧？畢竟在互聯(lián)網(wǎng)，眼睛看到的直接關(guān)系到對(duì)這個(gè)虛擬世界的感官。道理如同只有懶女人，沒(méi)有丑女人。不求驚艷，至少要得體。有多少人是因?yàn)?App Store 的截屏美嘗試新 App 的？雖然下了發(fā)現(xiàn)不太實(shí)用，不多久就刪了。但要是看著太凄慘，直接不會(huì)下哦。就好像遇到長(zhǎng)得美的產(chǎn)品談個(gè)戀愛(ài)，實(shí)用又貼心就結(jié)婚吧！之前說(shuō)的一切是為了讓產(chǎn)品伴人長(zhǎng)久，而視覺(jué)的包裝是為了“讓你在人群中多看我一眼”。

這里又插播一條面經(jīng)，常聽(tīng)要面試的人問(wèn)交互設(shè)計(jì)師需不需要視覺(jué)很好？官方說(shuō)法可能是 “有一定的視覺(jué)品味”，不代表可以忽略視覺(jué)。因?yàn)橐曈X(jué)真的是無(wú)處不在：界面本身的美感，交互動(dòng)畫，產(chǎn)品的包裝和推廣，presentation 的風(fēng)格和細(xì)節(jié)，面試者的品貌氣質(zhì)衣著，眼神的交流…… 別忘了這是看臉的世界。交互設(shè)計(jì)師的確不需要在視覺(jué)上有多大造詣，但不會(huì)做包子也得知道包子好不好吃吧？

再說(shuō)，美感是個(gè)比較主觀的東西。跟之前強(qiáng)調(diào)的邏輯性是對(duì)立面。一些人覺(jué)得好看的另一些人很可能會(huì)無(wú)感或者反感，反之亦然。設(shè)計(jì)師辨識(shí)時(shí)代的潮流，然后創(chuàng)造新的潮流。過(guò)多追求好看也可能在功能上碰壁。最后都是各種力量的權(quán)衡和折中。所謂美感度強(qiáng)的設(shè)計(jì)也就是獲得更多人欣賞的幾率高一點(diǎn)，沒(méi)什么正確答案。大概這就是設(shè)計(jì)師永遠(yuǎn)不會(huì)失業(yè)的原因吧，需求在變審美也在不斷刷新，所以永遠(yuǎn)可以有下一個(gè)版本。

因個(gè)人興趣，我最近在做一個(gè)小小的一百天項(xiàng)目，畫一百條我認(rèn)為很美的裙子。滿足一下少女心和對(duì)時(shí)裝插畫的興趣，訓(xùn)練一下手感并熟悉不同畫材，同時(shí)也從新的角度找點(diǎn)靈感。覺(jué)得在這個(gè)過(guò)程中，不說(shuō)對(duì)衣服的品味有多少升級(jí)，至少對(duì)線條、層次、結(jié)構(gòu)、和整體輪廓有了更高的敏感度。讓我想起剛開(kāi)始做設(shè)計(jì)，從糾結(jié)于字體、顏色、可交互元素的樣式，到空間的層次和布局，到有意圖的導(dǎo)航人眼看的位置，到留白的設(shè)計(jì)；從炫技到做減法；不斷嘗試、學(xué)習(xí)、吸收，逐漸形成自己的風(fēng)格但又能適應(yīng)不同場(chǎng)景的需要。這是一場(chǎng)永無(wú)止境的修行啊。

Part 5. 尾記

這是一篇非典型意識(shí)流的設(shè)計(jì)工作小感悟。自大學(xué)畢業(yè)就沒(méi)有寫過(guò)中文的文章了，平時(shí)在英文環(huán)境中漢語(yǔ)記憶被沖刷了不少。若語(yǔ)句不通或比喻不當(dāng)，請(qǐng)多多包涵不吝指正。

最后特別感謝我們鎮(zhèn)司女神安姐約稿！我都不知道自己對(duì)設(shè)計(jì)工作有這么多可扯的。想法不分享就遺忘了，寫出來(lái)留個(gè)紀(jì)念也好。感謝閱讀！

Sunny Wang
Experience Designer @ Airbnb
http://iamsunnywang.com
Dribbble, Instagram: @yingsunnywang