最近正好閱讀了關(guān)于斯坦福DT的設(shè)計(jì)理念，拿一個(gè)小項(xiàng)目練練手，當(dāng)然這是一個(gè)虛擬項(xiàng)目。

Design thinking（以下簡(jiǎn)稱DT）它可看作一整套解決問題的方法論，可以適用于各種問題的解決上，并不只是設(shè)計(jì)上。流程包括5步驟：

• 第一步：Empathize（“移情”，意思是要有同情心，同理心，去當(dāng)一次客戶，體會(huì)客戶有些什么問題，社會(huì)化的思考在此最有體現(xiàn)）
• 第二步：Define（下定義）在了解了客戶之后，我們要做的事情是寫出一個(gè)Problem Statement來(lái)闡述一個(gè)Point of View（POV）。
• 第三步：Ideate（“設(shè)想”，其實(shí)就是做頭腦風(fēng)暴，盡可能多的去想解決方案，想自己項(xiàng)目可能涉及到的人，然后再簡(jiǎn)化為一個(gè)具體的方法）。
• 第四步：Prototype（“原型”，用最短的時(shí)間和花銷來(lái)做出解決方案）
• 第五步：Test（顧名思義，測(cè)試產(chǎn)品原型）

詳細(xì)介紹請(qǐng)至：https://www.zhihu.com/question/21481878

需求說(shuō)明：

• 背景：根據(jù)移動(dòng)端修圖場(chǎng)景，為某修圖軟件設(shè)計(jì)一個(gè)摳圖功能。
  
• 目標(biāo)：以用戶為中心，使“摳圖”功能任務(wù)流程順暢且易用，并完成用戶目標(biāo)，以此為導(dǎo)向設(shè)計(jì)。
• 人群：使用修圖類app，并對(duì)“摳圖”有一定需求的人群

DT的流程設(shè)計(jì)步驟：

Part1：Empathize 同理心

此步驟的關(guān)鍵，要求產(chǎn)品設(shè)計(jì)師站在用戶角度去思考問題，去調(diào)查并理解用戶的需求與痛點(diǎn)?？梢杂玫降姆椒ㄓ校?jiǎn)柧碚{(diào)查、深入訪談，實(shí)驗(yàn)室觀察法 。

第一步：交互“五要素”思考

首先，我先通過交互“五要素”，即人、行為、目的、場(chǎng)景、媒介，進(jìn)行腦暴，拓展“摳圖”功能可能涉及到的相關(guān)信息，便于下一步有針對(duì)的性的設(shè)計(jì)問卷調(diào)查。

第二步：設(shè)計(jì)問卷

第一題，將目標(biāo)人群篩選出來(lái)。人在面臨問卷調(diào)查時(shí)的主觀性是非常強(qiáng)，所想并非與自己的實(shí)際行為保持一致，對(duì)于未使用過摳圖的人的回答會(huì)對(duì)我們的結(jié)果產(chǎn)生誤導(dǎo)。對(duì)于后續(xù)問題，將在腦暴中產(chǎn)生的想法進(jìn)行進(jìn)一步驗(yàn)證。

為提高問卷的回收率，在擴(kuò)散時(shí)不僅需要發(fā)個(gè)紅包活躍下群氣氛，同時(shí)也需要在語(yǔ)言上進(jìn)行情感化設(shè)計(jì)，讓潛在用戶無(wú)法”拒絕“你的請(qǐng)求。

從以上的問題中，我們能發(fā)現(xiàn)：

1. 目前市面上的軟件中的摳圖功能使用體驗(yàn)是有很大的提升空間的。
2. 扣完圖后，直接完成任務(wù)和需進(jìn)一步美化的用戶行為相當(dāng)。
3. 用戶對(duì)于多已扣圖合成需求較大。

第三步：深入訪談

問卷調(diào)查是一種定量調(diào)研，要真正了解用戶所想，挖掘出其背后真實(shí)的需求并剔除偽需求需要進(jìn)行定性調(diào)研即一對(duì)一的深入訪談和實(shí)驗(yàn)室觀察用戶操作。

選取2個(gè)修圖中間用戶和1個(gè)專家用戶進(jìn)行深入訪談，根據(jù)訪談結(jié)果及行為反饋整理及如下親和圖，藍(lán)色為行為，紅色為痛點(diǎn)：

圖中可看出，在摳圖任務(wù)的第一步及完成后，都能“選擇場(chǎng)景”這一步驟，該步驟屬于重復(fù)行為。

紅色標(biāo)簽痛點(diǎn)有：

1. 摳圖步驟中：①在旋轉(zhuǎn)圖片時(shí)經(jīng)常會(huì)誤摳。②有些細(xì)小地方?jīng)]摳圖沒及時(shí)發(fā)現(xiàn)，需從“處理界面”返回上一步。③邊緣處理不理想。
2. 合成處理步驟中：①不滿摳圖效果，重新扣。②合成素材單一。③不能添加文字。

第四步：繪制用戶旅程圖

該步驟需通過實(shí)驗(yàn)室觀察法，觀察用戶的操作行為及面部情緒來(lái)繪制，但由于條件限制，因此本人親自上陣體驗(yàn)天天P圖而成。

可以看出在“摳圖”和“合成處理”中，用體驗(yàn)在整體過程中是較差的。于是這兩關(guān)鍵步驟點(diǎn)也將是我們重點(diǎn)優(yōu)化目標(biāo)。

Part2：Define 下定義

此步驟，根據(jù)Party1得出的所需解決的需求與痛點(diǎn)，確定一個(gè)設(shè)計(jì)方向。

首先，為確保設(shè)計(jì)方向正確，我們需要對(duì)產(chǎn)品或是競(jìng)品展開分析，發(fā)現(xiàn)不足及可改進(jìn)的地方，此處我選擇了“5E原則”，如下圖。

接下來(lái)，結(jié)合Party1和競(jìng)品分析，繪制出卡諾模型，判斷功能優(yōu)先級(jí)關(guān)系。

最后，根據(jù)現(xiàn)階段的實(shí)際情況，確定方向及需求優(yōu)先級(jí)。

• 方向：借鑒天天P圖的操作流程，優(yōu)化操作1.0功能版本先滿足基本功能流程（卡諾模型中“基本因素），更多個(gè)性化功能（卡諾模型中“期望因素”）根據(jù)產(chǎn)品開發(fā)成本及周期適當(dāng)添加并為其迭代留出位置。
• 需求優(yōu)先級(jí)：更加有效的摳圖方式（畫筆+橡皮） > 觸點(diǎn)調(diào)節(jié) > 預(yù)覽對(duì)比 > 貼紙和文字的個(gè)性化處理 > 移動(dòng)功能 > 幫助 > 加載狀態(tài) > 其他個(gè)性化摳圖方式

Part3：Ideate 設(shè)想

在Part 2 中，需求優(yōu)先級(jí)已經(jīng)確定，接下來(lái)就需要利用我們產(chǎn)品及設(shè)計(jì)師的頭腦去解決問題，提高設(shè)計(jì)方案。

1、如何設(shè)計(jì)更有效的畫筆？

市面一般的摳圖軟件，采用的是手勢(shì)滑動(dòng)，依據(jù)滑動(dòng)路徑判斷摳圖區(qū)域并智能摳圖，其主要弊端在于效率低。于是，在摳圖效率及準(zhǔn)確性上需要下功夫。

方案一：

回到使用場(chǎng)景，在一張2D圖片中，扣出來(lái)的東西一定是一個(gè)面，一個(gè)范圍內(nèi)的全部，因此直接把這個(gè)范圍圈出來(lái)，比慢慢涂抹效率更高。

方案二：

回到使用場(chǎng)景，絕大部分人要扣的內(nèi)容都是人臉，人臉的膚色相對(duì)應(yīng)復(fù)雜的景物圖色值是相近的。因?yàn)橥ㄟ^取某一色值，將在一定色值誤差范圍內(nèi)容的內(nèi)容全部選中，就能極大的提高效率。

方案對(duì)比：

2、如何設(shè)計(jì)更精細(xì)的橡皮？

市面一般的摳圖軟件，由于人為手動(dòng)，橡皮路徑難以與選區(qū)邊緣貼合，導(dǎo)致最終的摳圖效果鋸齒感強(qiáng)烈。另一種情況，多次摳圖放入素材背景中，可以看出，由于亮度、光線角度及對(duì)比度等不一致性，導(dǎo)致合成的圖片太過生硬而不自然。

方案：

通過模糊或半透明漸變，能夠把本來(lái)生硬的合成圖片變得更自然。

Part4：prototype 原型

重要的設(shè)計(jì)思路已經(jīng)確定后，接下來(lái)的關(guān)鍵就是將想法圖形化，繪制低保真原型。

原型之前，我們需要加整個(gè)任務(wù)流程整理清楚，便于后續(xù)設(shè)計(jì)及讓開發(fā)明白，如下圖：
?在制作原型的時(shí)候，我們需要根據(jù)Part1至3中總結(jié)的需求、痛點(diǎn)及方案為目標(biāo)導(dǎo)向而設(shè)計(jì)，同時(shí)考慮摳圖功能只是修圖軟件中的一個(gè)功能，需要跟其他功能在界面及交互上盡量保持一致性。

摳圖第一步，選擇場(chǎng)景：

第二步，摳圖界面：

第三步，橡皮界面：

第四步，處理界面：

原型畫完之后，需要對(duì)照走查表，看看有沒有漏畫的界面，同時(shí)對(duì)其補(bǔ)充詳細(xì)的交互說(shuō)明。

Part5：Test 測(cè)試

雖然摳圖屬于一個(gè)工具型產(chǎn)品，但我們此次設(shè)計(jì)方案的目的是為解決摳圖及橡皮的效率，因此在做可用性及易用性的測(cè)試上需要完整的功能實(shí)現(xiàn)才能測(cè)試，所以此環(huán)在這里省略。

總結(jié)

此文中開頭的問卷調(diào)查，在我做完之后發(fā)現(xiàn)其實(shí)是有點(diǎn)雞肋的?；溯^多的時(shí)間調(diào)查卻沒有得到很有用的數(shù)據(jù)，本身作為用戶也是能夠明白對(duì)于摳圖功能的需求與痛點(diǎn)。問卷調(diào)查在做簡(jiǎn)單及小功能時(shí)是多此一舉，甚至浪費(fèi)時(shí)間。
同時(shí)，本文在某些地方仍有些欠缺，但是希望能夠給大家一點(diǎn)幫助，尤其是互聯(lián)網(wǎng)新人。

相關(guān)文檔

IDEO首席執(zhí)行官Tim.Brown的TED演講Designers — think big!

問卷地址：騰訊問卷

訪談提綱：https://pan.baidu.com/s/1skXCSKP

本文由 @劉東晨?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。