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

我看見一個(gè)又一個(gè)的設(shè)計(jì)師單單專注于第四個(gè)層面而完全忽視了其他因素，這樣自下而上的方式做出來的設(shè)計(jì)當(dāng)然不如至上而下。如果其他三個(gè)層面的問題還沒有解決好，那么諸如柵格、字體、色彩、美感等方面的深入都是無用功。許多設(shè)計(jì)師說他們這樣考慮過而沒有付諸行動(dòng)，是因?yàn)橛袝r(shí)候只是覺得畫一些好看的圖片，和把自己掩埋在像素中比處理一些復(fù)雜的商業(yè)決策和人際關(guān)系要更加有趣。只關(guān)注第四個(gè)層面的因素，這無傷大雅，但這只是畫畫而不是設(shè)計(jì)。這樣的話，你是一個(gè)數(shù)字藝術(shù)家，但并不是一個(gè)設(shè)計(jì)師。

網(wǎng)絡(luò)的發(fā)明將帶來自工業(yè)革命以來最大的社會(huì)變更。網(wǎng)絡(luò)滲透到每一個(gè)角落，它在我們的家里，在我們的辦公場(chǎng)所，當(dāng)我們熟睡的時(shí)候在床頭，在我們的口袋中走到哪里跟到哪里。網(wǎng)絡(luò)隨時(shí)隨地與我們同在。并逐漸來到我們的車?yán)�，衣服上，進(jìn)入到我們所擁有的一切，還被用來檢測(cè)我們的健康。到2020年為止，或更早，所有的業(yè)務(wù)都會(huì)基于網(wǎng)絡(luò)而存在。正如 Charles Eames 曾經(jīng)說過，“最終一切都會(huì)相互連接起來”：

靜態(tài)網(wǎng)頁設(shè)計(jì)是一個(gè)在垂死邊緣的職業(yè)。隨著移動(dòng)技術(shù)驚人的發(fā)展，不同的API、SDK涌現(xiàn)，以及平臺(tái)與產(chǎn)品之間開放的合作關(guān)系，這一切描繪出了一個(gè)無比清晰的未來，那時(shí)我們都將參與到系統(tǒng)化的設(shè)計(jì)中。將滿是線框圖的PDF作為交付品這樣的情況即將逝去，Photoshop也已經(jīng)是一個(gè)衰落中的設(shè)計(jì)工具。推動(dòng)我們水平進(jìn)步的設(shè)計(jì)師們，往往沉浸在手繪稿、白板稿和原型工具上（Quartz Composer，After Effects，Keynote，CSS/HTML）。

這就是有人說牛逼設(shè)計(jì)師應(yīng)該學(xué)學(xué)代碼的原因之一。無論你贊同與否，設(shè)計(jì)師的確需要通過探討系統(tǒng)中組件之間的聯(lián)系去定義問題和尋求解決方案，而不是通過摳像素來做這個(gè)事。實(shí)現(xiàn)可交互的原型，當(dāng)真實(shí)操作中不可避免地反饋出設(shè)計(jì)時(shí)被忽視的問題和沒有預(yù)先想到的狀況時(shí)，他們就可以對(duì)此進(jìn)行細(xì)節(jié)調(diào)整。在真實(shí)的交互中去感受，往往能令你對(duì)你設(shè)計(jì)的產(chǎn)品有更好的理解。

在 Intercom，我們用 Clay Christensen（哈佛商學(xué)院教授）法 來進(jìn)行產(chǎn)品設(shè)計(jì)。我們把每一個(gè)設(shè)計(jì)問題置于一個(gè)方法體系中，聚焦于引發(fā)問題的事件或者場(chǎng)景，動(dòng)機(jī)和預(yù)期，以及期望目標(biāo)：

當(dāng)_____的時(shí)候，我打算_____，這樣我就可以_____。

舉個(gè)栗子：當(dāng)重要的用戶注冊(cè)的時(shí)候，我們需要被告知，這樣我就可以和他們開始對(duì)話。

這給我們理清了思路。我們可以將這個(gè)方法使用到設(shè)計(jì)任務(wù)中，從而考慮優(yōu)先級(jí)。這確保我們始終能思考設(shè)計(jì)的四個(gè)層面。我們可以知道系統(tǒng)里的哪些組件是這個(gè)工作的一部分，明白產(chǎn)品內(nèi)不同模塊的相互關(guān)系和促成這些關(guān)系的必要互動(dòng)。在達(dá)到視覺設(shè)計(jì)之前，我們可以自上而下地從目標(biāo)、架構(gòu)，到交互這個(gè)順序來進(jìn)行設(shè)計(jì)。

在使用這個(gè)方法的同時(shí), 我們正在建立一個(gè)式樣庫，來幫助我們達(dá)到設(shè)計(jì)工作的系統(tǒng)性。我們將會(huì)通過運(yùn)用式樣庫的代碼而不是用Photoshop來進(jìn)行更多的設(shè)計(jì)。雖說這一過程并不完美，但我們會(huì)反復(fù)改進(jìn)。

我想了解在讀完這個(gè)以后你對(duì)于如何工作這方面有什么共鳴，請(qǐng)?jiān)谙路皆u(píng)論。

為了回復(fù)這里和twitter等地的評(píng)論，我寫了一篇新文章 —— 如何篩選一個(gè)設(shè)計(jì)師。

一些朋友在Twitter和HN上認(rèn)為我將視覺設(shè)計(jì)和體驗(yàn)設(shè)計(jì)弄混了，我并不贊同。我認(rèn)為，你無法在沒有考慮交互和系統(tǒng)的情況下，來做一個(gè)產(chǎn)品的視覺設(shè)計(jì)。我們并不是在畫圖，我們不只是設(shè)計(jì)海報(bào)或道標(biāo)而已。