編輯導(dǎo)語：產(chǎn)品設(shè)計是產(chǎn)品落地前十分重要的一環(huán)。在產(chǎn)品設(shè)計中，我們需要與用戶建立聯(lián)系，依據(jù)市場、用戶等方面進(jìn)行方案設(shè)計，以求產(chǎn)品成功落地。那么，產(chǎn)品設(shè)計全流程究竟是什么樣的？本文作者全面地介紹了產(chǎn)品設(shè)計及其流程，一起來看一下。

在擔(dān)任 Canva 產(chǎn)品設(shè)計師的最后幾個月，我收到了許多有關(guān) “產(chǎn)品設(shè)計意味著什么” 的問題：

• 產(chǎn)品設(shè)計是什么？
• 產(chǎn)品設(shè)計過程是什么？
• 我需要什么技能才能成為產(chǎn)品設(shè)計師？

近來，我有機(jī)會代表新南威爾士州的數(shù)字社會組織一個產(chǎn)品設(shè)計工作坊。這次工作坊恰好是一次向大學(xué)生和職業(yè)轉(zhuǎn)變者解答問題的絕佳機(jī)會 —— 在 Canva 做產(chǎn)品設(shè)計師意味著什么？

一、產(chǎn)品設(shè)計是什么？What is Product Design?

定義產(chǎn)品設(shè)計

正如尼克·巴比奇（Nick Babich）在 Smashing Magazine 上所解釋的那樣：

產(chǎn)品設(shè)計是識別市場機(jī)會、定義問題、為該問題提供適當(dāng)解決方案，并與實(shí)際用戶驗(yàn)證解決方案的過程。

產(chǎn)品設(shè)計建立在一個名為 “設(shè)計思維” 的通用框架上，這是一種 “以人為中心” 的創(chuàng)新方法，將用戶的需求、技術(shù)可能性和業(yè)務(wù)需求整合在一起。

需要注意的是，盡管本文只介紹了數(shù)字商品，但產(chǎn)品設(shè)計超越了此范圍，涵蓋了數(shù)字商品、實(shí)物產(chǎn)品、環(huán)境體驗(yàn)的所有內(nèi)容。

二、產(chǎn)品設(shè)計流程是什么？What is the Product Design process？

產(chǎn)品設(shè)計流程

產(chǎn)品設(shè)計過程是設(shè)計人員用來解決問題的關(guān)鍵框架。在閱讀本文各個部分時，你會注意到，產(chǎn)品設(shè)計師的職能和技能是多樣化的，會隨著設(shè)計階段的變化而變化。

作為產(chǎn)品設(shè)計師，你需要 “戴” 多頂帽子，這意味著你的日常生活是豐富多彩的。你將承擔(dān)問題解決者、研究員、設(shè)計師、產(chǎn)品經(jīng)理、數(shù)據(jù)分析師、銷售員等不同角色的工作。

三、在我們開始前?Before we begin

在深入研究設(shè)計過程之前，請理清一個問題：為什么要開發(fā)這個產(chǎn)品？如果沒有明確定義目標(biāo)就跳入開發(fā)階段， 最終產(chǎn)品不能滿足用戶的需求或利益相關(guān)者的期望，則可能導(dǎo)致災(zāi)難性的結(jié)果。幸運(yùn)的是， 北極星指標(biāo) [1]可以為你們提供目標(biāo)，定義需要構(gòu)建的內(nèi)容。

（[1]北極星指標(biāo)（North Star Metric）：又叫做 OMTM（ One metric that matters），唯一重要的指標(biāo)。之所以叫北極星指標(biāo)，是因?yàn)檫@個指標(biāo)一旦確立，就像北極星一樣，高高閃耀在天空中，指引著全公司上上下下，向著同一個方向邁進(jìn)。）

四、與你的用戶建立同理心?Empathise with your users

在開發(fā)產(chǎn)品前評估產(chǎn)品——市場契合度

在設(shè)計和開發(fā)之前，評估產(chǎn)品的需求強(qiáng)度是至關(guān)重要的。我們經(jīng)常通過用戶研究來驗(yàn)證產(chǎn)品與市場的契合度。

1. 用戶研究

用戶研究的一些方法：

• 用戶訪談——一種常見的定性研究方法，可以現(xiàn)場或遠(yuǎn)程進(jìn)行。盡管組織和分析采訪結(jié)果非常耗時，但好處是，你可以直接從用戶對話中發(fā)現(xiàn)見解，而不僅僅是通過調(diào)查發(fā)現(xiàn)見解。
• 在線調(diào)查——問卷調(diào)查可以幫你在短時間內(nèi)獲得大量的定量數(shù)據(jù)。盡管這種方法執(zhí)行快、成本低，但可能缺乏對用戶的深刻見解。
• 語境調(diào)研——一種觀察人們在自然環(huán)境中日常工作狀態(tài)的方法。這使你能夠真正和用戶共情，因?yàn)樗仁鼓銓⒆约褐蒙碛谒麄兊那榫爸小?/li>
• 市場研究——了解競爭對手如何解決類似問題是產(chǎn)品設(shè)計過程的關(guān)鍵組成部分，你可以從競品的設(shè)計模式和錯誤中學(xué)習(xí)。

2. 用戶分析

從用戶研究中收集數(shù)據(jù)后，我們通常將發(fā)現(xiàn)的結(jié)果歸納為共同的主題，即親和力映射練習(xí)。這種練習(xí)所形成的親和圖，幫助我們從原始數(shù)據(jù)中形成見解，然后將其用于指導(dǎo)決策。

出于工作坊的目的，我想探討一個對當(dāng)今人們產(chǎn)生深遠(yuǎn)影響的相關(guān)主題。疫情的全球蔓延，已迫使許多人在家工作，這也引起了我對遠(yuǎn)程工作的好奇。

親和圖用于對常見問題進(jìn)行分組

確定的共同主題有：

• 不健康的習(xí)慣——由于工作和家庭環(huán)境的融合，可能會延長人們的工作時間。久坐，且沒有太多走動，這意味著他們正在經(jīng)歷諸多健康問題，如背痛。
• 隔絕?——缺乏辦公環(huán)境中的咖啡聊天、社交聚會和走廊交談等，這意味著許多人處于人際關(guān)系的孤立中，而長期的隔絕和封鎖會導(dǎo)致精神健康問題的增加，例如焦慮和抑郁。
• 分心?——諸如兒童和寵物之類的外部環(huán)境因素，以及網(wǎng)絡(luò)和電力中斷造成的技術(shù)侵?jǐn)_，造成工作者時間和生產(chǎn)力的損失。這意味著他們要以加班的形式來彌補(bǔ)這些損失，從而導(dǎo)致不良習(xí)慣的惡性循環(huán)。

在進(jìn)行用戶研究時，我們還需要了解我們的目標(biāo)用戶，因此創(chuàng)建用戶畫像是此過程的重要組成部分。用戶畫像的目的在于幫助我們同用戶產(chǎn)生共情，對關(guān)鍵細(xì)分受眾群體進(jìn)行真實(shí)的描述。

用戶角色示例（圖片來源：Adobe）

五、定義問題?Define the problem

當(dāng)對問題有了更好的了解后，我們可以開始關(guān)注核心用戶問題，通過問題陳述將它們轉(zhuǎn)化為機(jī)會。這一步很重要，可以幫助你了解并明確工作目標(biāo)。

我們通常以短語 “我們?nèi)绾慰梢浴?來創(chuàng)建問題陳述。例如：我們?nèi)绾喂膭钤诩夜ぷ鞯娜藗凁B(yǎng)成更好的健康習(xí)慣？

六、原型?Ideate

定義問題陳述后，我們進(jìn)入概念設(shè)計階段。概念設(shè)計就是一個頭腦風(fēng)暴階段，在這個階段，團(tuán)隊(duì)成員可以集思廣益，得出一系列關(guān)于如何解決問題的奇思妙想。

這是非常有價值的一步，它可以幫你將利益相關(guān)者聚集在一起，共同構(gòu)想產(chǎn)品未來的圖景，并進(jìn)一步地建立信任。

1. 競品研究

通常，我們將競品分析當(dāng)作學(xué)習(xí)和汲取靈感的一種方式，在其他產(chǎn)品中尋找用戶體驗(yàn)和視覺設(shè)計模式。我列舉了兩個產(chǎn)品示例，它們在健康和保健領(lǐng)域解決了類似的問題。

Headspace 是一個有關(guān)心理健康和冥想的 APP，該產(chǎn)品引導(dǎo)用戶注冊并參與冥想課程。

Zen mode 是一款可幫助用戶鎖定手機(jī)的 APP，迫使用戶暫時脫離屏幕。

在兩個示例中，你可以看到非常相似的用戶旅程。用戶將：

1. 注冊或登錄應(yīng)用；
2. 確定他們的目標(biāo)；
3. 接收要完成的任務(wù)；
4. 執(zhí)行任務(wù)；
5. 跟蹤他們的進(jìn)度。

2. 用戶旅程圖

用戶旅程映射了用戶實(shí)現(xiàn)目標(biāo)而必須經(jīng)歷的過程，以時間軸為框架，包含一系列步驟和行為。這樣的布局可以幫助團(tuán)隊(duì)成員理解和還原用戶敘述。

3. 草繪解決方案

草圖繪制是一項(xiàng)有價值的活動，它允許利益相關(guān)者（采購經(jīng)理、工程師和客戶）就產(chǎn)品愿景達(dá)成一致。這種繪畫練習(xí)可以鼓勵非設(shè)計師提出他們的想法，是促進(jìn)合作的好方法。有時候，最具創(chuàng)意的想法可能來自沒有設(shè)計背景的人。

在草繪草圖時，我們通常會參考問題陳述和用戶旅程圖，以確定問題方向和工作范圍。

4. 設(shè)計原則

正如本文開頭所提到的，我們需要一個北極星指標(biāo)作為基準(zhǔn)。制定設(shè)計原則來指導(dǎo)解決方案也是非常有用的，因?yàn)樗兄诖_定我們的想法：希望產(chǎn)品成為什么，以及不希望產(chǎn)品成為什么。

精神健康產(chǎn)品的一些指導(dǎo)原則可能是：

• 簡單而非過剩；
• 人性和善解人意，而非機(jī)械呆板；
• 激勵和參與，不乏味；
• 靈活和個性化，不強(qiáng)制；
• 鼓勵更少的屏幕顯示時間，而不是更多。

這是我勾勒出的一個示例：

健康和保健應(yīng)用程序的示例草圖

與 Zen 模式類似，我想到了一個產(chǎn)品創(chuàng)意，通過為你提供個性化活動來鼓勵休息。

作為用戶，我將：

1. 注冊或登錄；
2. 確定我的目標(biāo)（例如，多運(yùn)動，與朋友交往，探索新愛好）；
3. 接收活動創(chuàng)意（例如在附近的公園散步，打電話給朋友，參加繪畫課）；
4. 完成任務(wù)后獲得積分；
5. 追蹤我實(shí)現(xiàn)目標(biāo)的進(jìn)度；
6. 用我的積分換取獎勵。

草擬解決方案后，不要害怕分享你的想法。

共享你的工作并接收其他人的反饋，也是設(shè)計過程的一部分。

七、為解決方案建立原型?Prototype the solution

對解決方案感到滿意后，你可以使用設(shè)計和原型設(shè)計工具（例如 Figma，Sketch 和 Invision 或 Adobe XD）來創(chuàng)建可點(diǎn)擊的原型。

原型工具的例子

我個人建議使用 Figma，它是一款具有設(shè)計和原型設(shè)計功能的復(fù)合工具。

Figma 社區(qū) —— 一個很好的存儲庫，允許復(fù)用和重組其他用戶發(fā)布的現(xiàn)有模板，與 Github 類似，但專用于設(shè)計。目前，F(xiàn)igma 模板已經(jīng)創(chuàng)建了設(shè)計系統(tǒng)，你可以觀看平臺教程，來了解如何使用預(yù)制組件將屏幕拼合在一起。

1. 創(chuàng)建組件

組件可以有效加快設(shè)計工作流程。第一次將 UI 元素轉(zhuǎn)換為組件時創(chuàng)建的，即為主組件， 它定義了該組件的屬性。實(shí)例是主組件的副本，你可以在整個設(shè)計中重復(fù)使用它。

編輯主組件會將更改應(yīng)用于實(shí)例

2. 使用設(shè)計系統(tǒng)

設(shè)計系統(tǒng)是構(gòu)建產(chǎn)品元素的集合，可以組合并重復(fù)使用。不僅能夠加快設(shè)計工作流程，還可以保持設(shè)計一致性。你可以通過訪問此列表，找到其他公司構(gòu)建的設(shè)計系統(tǒng)。

3. 原型制作

請使用節(jié)點(diǎn)將屏幕的交互和過渡狀態(tài)連接在一起。你可以通過編輯 “原型” > “交互和動畫” 中的設(shè)置來指定動畫。

編輯主組件會更改應(yīng)用于實(shí)例

4. 預(yù)覽原型

如果你已經(jīng)創(chuàng)建了移動原型，可以使用 Figma Mirror 在移動設(shè)備上查看并與之交互。在你的 Figma 桌面應(yīng)用程序上選擇一個框架，然后就可以在手機(jī)上進(jìn)行觀看！

八、與用戶一起測試解決方案?Test the solution with users

可用性測試是設(shè)計過程的重要組成部分，使我們在產(chǎn)品交付前就能從用戶那里獲得反饋。這一點(diǎn)至關(guān)重要，它可以預(yù)提前確定可用性問題，從而避免在產(chǎn)品發(fā)布之后花更多的時間來修改方案。

根據(jù)設(shè)計過程的階段，選擇最小化工作且最大化學(xué)習(xí)的方法，低保真原型測試是個不錯的選擇。

可用性測試方法包括：

• 適度可用性測試——邀請真實(shí)用戶線下或線上進(jìn)行測試。
• 非適度可用性測試——非適度可用性測試中，參與者不受到監(jiān)控或指導(dǎo)。此時，你可以通過 Usertesting.com 或 UsabilityHub 等網(wǎng)站遠(yuǎn)程操作測試，以及招募參與者。
• 隨機(jī)測試——隨機(jī)測試是在公共場所隨機(jī)選擇測試對象，并要求其快速執(zhí)行可用性測試。它通常用于測試沒有廣泛用戶基礎(chǔ)的新產(chǎn)品，通過收集大量數(shù)據(jù)以快速驗(yàn)證設(shè)計。
• 自測——在向公眾發(fā)布產(chǎn)品之前，使用自己生產(chǎn)的產(chǎn)品是內(nèi)部測試的常用方法?！笆褂米约荷a(chǎn)的產(chǎn)品”是一種流行的測試技術(shù)，它可以使你的團(tuán)隊(duì)產(chǎn)生同理心并發(fā)現(xiàn)關(guān)鍵問題。

在招募參與者方面，根據(jù)雅各布·尼爾森（Jakob Nielsen）的研究，觀察 5 名參與者使用你的產(chǎn)品，就足以識別 85％ 的核心可用性問題。

九、衡量成功?Measuring success

產(chǎn)品發(fā)布僅僅是個新的開始！在那之后，你需要跟蹤它的運(yùn)行狀況，監(jiān)視的一些關(guān)鍵指標(biāo)，包括棄用率、激活率、下降率、流失率和保留率。

跟蹤工具有 Hotjar，Google Analytics 和 Mode Analytics。如果數(shù)據(jù)分析不是你的強(qiáng)項(xiàng)，那么在設(shè)置跟蹤事件時，可以向工程師或數(shù)據(jù)分析師尋求幫助。

跟蹤工具的例子

在將設(shè)計變更和迭代發(fā)布給所有用戶之前，你應(yīng)該養(yǎng)成 A / B 測試的習(xí)慣，它可以提升你對變更和成功指標(biāo)的信心。

但是，不要僅僅依靠分析，它無法為你提供與用戶對話才能獲得的見解。你還應(yīng)該從電子郵件、產(chǎn)品內(nèi)調(diào)查問卷、隨機(jī)測試中獲得用戶反饋。

十、重要要點(diǎn)?Key takeaways

1. 這不是一個線性過程

盡管我們經(jīng)歷了結(jié)構(gòu)化和線性的設(shè)計過程，但現(xiàn)實(shí)情況是，你可能會在產(chǎn)品設(shè)計過程中來回跳躍，以了解更多信息。

2. 不存在一招吃遍天下

產(chǎn)品設(shè)計過程應(yīng)順應(yīng)項(xiàng)目發(fā)展，而不是讓項(xiàng)目完全遵循過程。你的設(shè)計過程取決于功能或產(chǎn)品所處的生命周期。換句話說，如果產(chǎn)品還處于初期階段，則可能需要花費(fèi)更多時間進(jìn)行用戶研究；而如果已經(jīng)發(fā)布，你的首要任務(wù)可能是發(fā)展和優(yōu)化產(chǎn)品。

3. 這是一個永無止境的過程

持續(xù)改進(jìn)是我們工作的核心。用戶的需求可能會隨著時間而變化，請不斷獲得反饋并完善你的產(chǎn)品，永遠(yuǎn)不要以為它已經(jīng)完成。

十一、結(jié)語?Final words

最后，設(shè)計產(chǎn)品時最重要的是：我們最終要設(shè)計一款供人們使用的產(chǎn)品。作為產(chǎn)品設(shè)計師，我們是形塑未來的重要角色。正如在 Netflix 紀(jì)錄片《社交困境》中所看到的那樣，我們創(chuàng)造的產(chǎn)品具有改變社會思考、感受和行為方式的能力。

本文翻譯已獲得作者的正式授權(quán)（授權(quán)截圖如下）

作者：Gloria Lo，譯者：孫晨宇，編輯：孫淑雅，審核：張小璽、張聿彤；公眾號：TCC翻譯情報局

原文鏈接：https://uxplanet.org/what-is-product-design-and-the-product-design-process-41b41a5bf795

本文由@TCC翻譯情報局 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于 CC0 協(xié)議