Z Yuhan：我上周參加了一個(gè)工作坊，也算是ThoughtWorks與我所在團(tuán)隊(duì)的交流活動(dòng)。如果你有了解過IXDC，你能夠在15年的活動(dòng)中找到四個(gè)由他們團(tuán)隊(duì)組織的工作坊，其在一個(gè)就與我上周參加的那個(gè)相同——《從1到100》。如果我今天把這篇文章發(fā)出去，就算是這個(gè)工作坊的劇透了吧（也是經(jīng)過他們?cè)试S了的）。

這個(gè)工作坊講的是一個(gè)完整的設(shè)計(jì)方法，即拿到一個(gè)項(xiàng)目需求，如何從設(shè)計(jì)思考（DesignThinking）開始，確定用戶畫像，構(gòu)建場(chǎng)景地圖，頭腦風(fēng)暴，繪制故事版，設(shè)計(jì)產(chǎn)品，直至用戶測(cè)試。他們把整個(gè)流程分為四個(gè)階段：

• 探索：用戶、需求
• 定義：目標(biāo)、資源
• 設(shè)計(jì)：產(chǎn)品形態(tài)
• 驗(yàn)證：測(cè)試反饋

我的評(píng)價(jià)

因?yàn)橄挛牡倪^程會(huì)有點(diǎn)長(zhǎng)，所以先把我個(gè)人的評(píng)價(jià)寫在前面。

好處

• 內(nèi)容我是認(rèn)可的。這一套東西，其實(shí)和我當(dāng)年在知乎上的一篇回答非常相似——一個(gè)完整的設(shè)計(jì)流程是怎樣的？（知乎怎么加不了連接了）區(qū)別在于，我的設(shè)計(jì)方法是來自更加嚴(yán)謹(jǐn)?shù)膶W(xué)術(shù)界，而不是注重展示的商業(yè)公司，我寫的步驟更細(xì)一點(diǎn)更詳細(xì)一點(diǎn)，并且把很多需要繪圖技巧的步驟（如故事版、用戶畫像等）替換成了不需要繪畫技巧的步驟（腳本和人物側(cè)寫）?？偠灾?，因?yàn)槲覍?duì)工作坊的內(nèi)容比較認(rèn)可，所以決定寫一篇文章說一說。
• 介紹的方法在可行性、實(shí)用性和表現(xiàn)性上平衡得不錯(cuò)。例如利用三種維度的評(píng)分海選idea的方式我覺得很贊（詳見下文中的步驟四）。
• 案例質(zhì)量不錯(cuò)（雖然我不能具體描寫）。
• PPT質(zhì)量不錯(cuò)。
• 主講人口才不錯(cuò)（相較一般的設(shè)計(jì)師而言）。

壞處

• 任務(wù)太多，做不完。
• 信息量太大，缺乏背景知識(shí)的人難以理解。
• 互相做用戶訪談，獲取不到有意義的信息。

結(jié)論

這個(gè)工作坊非常適合想要了解和體驗(yàn)設(shè)計(jì)流程的人，但是如果不提前做點(diǎn)功課未必能夠當(dāng)場(chǎng)聽得懂并了解其意義。因?yàn)楣?jié)奏很快，能動(dòng)力較低的人還是不要勉強(qiáng)自己參加了，很容易迷失。

我的一位組員（也是工作上的導(dǎo)師）感嘆走完這套流程后，得出的方案和最開始自己悶頭想的方案差不了多少（我也這么認(rèn)為）。這是不是說明所謂設(shè)計(jì)流程并無意義？

我作為經(jīng)常走這種設(shè)計(jì)流程的人，想要提醒大家其實(shí)并不是這樣的。這種工作坊參加后，有可能反倒讓你覺得設(shè)計(jì)流程沒有意義。這是因?yàn)榱鞒讨械年P(guān)鍵點(diǎn)，即調(diào)研部分遺漏了，所以導(dǎo)致最終得出的方案不可能脫離自己的思維局限。簡(jiǎn)單來講，你沒有獲取到新的信息，自然不會(huì)得出新的結(jié)論。

例如本次工作坊的用戶訪談階段，我們因?yàn)闀r(shí)間場(chǎng)地問題，只是小組之間相互訪談了一下。這就是問題所在了，因?yàn)槲覀冞@幫設(shè)計(jì)師年齡、背景、習(xí)慣差不多，而且很多都是生活在同一個(gè)圈子里的，我們的思維行動(dòng)方式?jīng)]有很大的差異。所以我們?nèi)枌?duì)方，和自己悶頭想并無區(qū)別。但是這個(gè)世界上的人形形色色，諸如廣場(chǎng)舞大媽、素食主義者、教徒、低齡兒童、土豪等普通設(shè)計(jì)師不能夠理解的的人群大有所在，而他們統(tǒng)統(tǒng)有可能是我們需要關(guān)注的用戶。如果沒有設(shè)計(jì)調(diào)研，我們的設(shè)計(jì)就很有可能局限于自己淺薄的人生閱歷，止步于眼前的井口。

所以這里就牽扯到了設(shè)計(jì)調(diào)研的意義，即突破設(shè)計(jì)師本人的思維局限，真正為目標(biāo)用戶而設(shè)計(jì)。

過程

任務(wù)

工作坊的任務(wù)就是小組協(xié)作，為餐館里食品浪費(fèi)的問題提供解決方案。這里說的浪費(fèi)主要指吃不完、不打包這類現(xiàn)象。解決方案的形式雖然沒有明說，但是介于還有原型測(cè)試步驟，可見少了一句潛臺(tái)詞——最好設(shè)計(jì)一款I(lǐng)T產(chǎn)品。

步驟一：用戶訪談

既然現(xiàn)在已經(jīng)了解了你的老板/甲方想要什么（解決食品浪費(fèi)問題），那么接下來顯然就時(shí)要了解用戶想要什么了。這一步驟中，只需要解決四個(gè)問題即可：

• 誰(shuí)是用戶
• 訪談什么
• 找誰(shuí)訪談
• 統(tǒng)計(jì)分析

關(guān)于訪談內(nèi)容，PPT給出了這樣一個(gè)提綱（但是為了加快進(jìn)度，每組只設(shè)計(jì)了3個(gè)問題）：

• 從?標(biāo)出發(fā)提問：?標(biāo)、機(jī)會(huì)、優(yōu)先級(jí)、信息
• 從系統(tǒng)?度提問：功能、頻率、偏好、問題、捷徑
• 從?作流程?度提問：流程、重復(fù)?作、異常?作
• 從態(tài)度?度提問：?jiǎn)l(fā)、喜好、動(dòng)機(jī)

我們小組是這么做的：

• 誰(shuí)是用戶：為了不給自己增加沒有必要的麻煩，用戶就定為餐廳顧客。
• 訪談什么：每位成員提了5個(gè)問題，并解釋討論。最終我們將所有問題歸類為三個(gè)：餐前、餐后和打包。
• 餐前的問題是：你點(diǎn)餐時(shí)以什么為依據(jù)確定菜品的數(shù)量（這里無形之中將場(chǎng)景具體到了中餐館聚餐）？
• 餐后的問題是：你用餐后大概還剩下百分之多少菜？打包的問題是：如果有剩菜你會(huì)不會(huì)打包？
• 找誰(shuí)訪談：由于工作坊的時(shí)間場(chǎng)地限制，我們只是小組之間相互采訪了9人，所以注定了這次訪談的結(jié)果只能代表某一圈人的想法。
• 統(tǒng)計(jì)：當(dāng)時(shí)的統(tǒng)計(jì)結(jié)果忘記拍照了，我這里大致回憶一下。餐前：大部分人會(huì)點(diǎn)“就餐人數(shù)+1”個(gè)菜，也有一兩人會(huì)按照“+2”或“相同數(shù)量”的方式點(diǎn)菜。餐后：絕大部分人表示會(huì)剩下約25%的菜。打包：過半人不會(huì)打包剩菜，剩下的小半人里面，一半說會(huì)，一般說如果好吃才會(huì)。

統(tǒng)計(jì)結(jié)果前兩問高度相似，畢竟我們中很多人平時(shí)都一起吃飯的不是嗎？

步驟二：用戶畫像

用戶畫像什么的還需要解釋嗎？我這里就扔一張PPT上的圖例吧：

我們小組是這么做的（我下次再也不忘記拍照了，這是重畫的）：

步驟三：體驗(yàn)地圖

簡(jiǎn)單來說，就是把用戶在與我們?cè)O(shè)計(jì)相關(guān)的場(chǎng)景中，可能發(fā)生的行為整理列出。以下是PPT給出的例子。

蛋蛋的體驗(yàn)地圖：

花花的體驗(yàn)地圖：

步驟四：解決痛點(diǎn)

根據(jù)體驗(yàn)地圖的場(chǎng)景步驟，為用戶可能遇到的痛點(diǎn)想象解決方案。因?yàn)槊總€(gè)人都可以提出很多想法，所以最終需要通過三個(gè)維度（創(chuàng)意、可信性和實(shí)用性）的評(píng)分來進(jìn)行取舍：

我們小組的最終想法：

• 免費(fèi)提供打包盒。
• 光盤折扣：剩菜較少買單時(shí)有折扣。
• 寄存、寄送打包盒：如果用戶吃完飯后不直接回家，可以寄存打包盒，并收費(fèi)寄送到家。
• 用餐提醒：打包盒取走后，保質(zhì)期之前提醒用戶不要忘記吃掉打包的剩菜、什么時(shí)候過期需要扔掉。

步驟五：故事版

將你的創(chuàng)意通過繪圖講故事的方式表現(xiàn)出來。

我們小組的故事版：

步驟六：用戶測(cè)試

工作坊時(shí)間預(yù)留不夠，這部分沒有做，所以我只放兩張PPT了：

歡迎關(guān)注作者的知乎專欄：交互進(jìn)階（https://zhuanlan.zhihu.com/advancedhci）

「完整的設(shè)計(jì)流程合集」

1. UI 設(shè)計(jì)丨http://76r.com.cn/full-ui-design-process
2. 品牌設(shè)計(jì)丨http://76r.com.cn/complete-design-work-flow
3. 交互設(shè)計(jì)丨http://76r.com.cn/complete-interactive-design-workflow
4. 圖標(biāo)設(shè)計(jì)丨http://76r.com.cn/icon-design-flow-skills
5. UED 團(tuán)隊(duì)設(shè)計(jì)丨http://76r.com.cn/china-ued-teams-workflow

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com