▲點擊 "TCC翻譯情報局" 關(guān)注，回復(fù) "社群" 加入我們

本文共 5196 字，預(yù)計閱讀 13 分鐘

TCC 情報局的 第 42 篇 干貨分享

2021 年的 第 30 篇

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

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

產(chǎn)品設(shè)計是什么？

What is Product Design?

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

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

需要注意的是，盡管本文只介紹了數(shù)字商品，但產(chǎn)品設(shè)計超越了此范圍，涵蓋了數(shù)字商品、實物產(chǎn)品、環(huá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é)果。幸運的是， 北極星指標(biāo) [1] 可以為你們提供目標(biāo)，定義需要構(gòu)建的內(nèi)容。

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

與你的用戶建立同理心

Empathise with your users

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

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

1）用戶研究

用戶研究的一些方法：

• 用戶訪談 -- 一種常見的定性研究方法，可以現(xiàn)場或遠(yuǎ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)的方法。這使你能夠真正和用戶共情，因為它迫使你將自己置身于他們的情景之中。

• 市場研究 -- 了解競爭對手如何解決類似問題是產(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)程工作的好奇。

親和圖用于對常見問題進行分組

確定的共同主題有：

• 不健康的習(xí)慣 -- 由于工作和家庭環(huán)境的融合，可能會延長人們的工作時間。久坐，且沒有太多走動，這意味著他們正在經(jīng)歷諸多健康問題，如背痛。

• 隔絕 -- 缺乏辦公環(huán)境中的咖啡聊天、社交聚會和走廊交談等，這意味著許多人處于人際關(guān)系的孤立中，而長期的隔絕和封鎖會導(dǎo)致精神健康問題的增加，例如焦慮和抑郁。

• 分心 -- 諸如兒童和寵物之類的外部環(huán)境因素，以及網(wǎng)絡(luò)和電力中斷造成的技術(shù)侵?jǐn)_，造成工作者時間和生產(chǎn)力的損失。這意味著他們要以加班的形式來彌補這些損失，從而導(dǎo)致不良習(xí)慣的惡性循環(huán)。

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

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

定義問題

Define the problem

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

我們通常以短語 “我們?nèi)绾慰梢浴?來創(chuàng)建問題陳述。例如：

原型

Ideate

定義問題陳述后，我們進入概念設(shè)計階段。概念設(shè)計就是一個頭腦風(fēng)暴階段 ，在這個階段 ，團隊成員可以集思廣益 ，得出一系列關(guān)于如何解決問題的奇思妙想 。這是非常有價值的一步，它可以幫你將利益相關(guān)者聚集在一起，共同構(gòu)想產(chǎn)品未來的圖景，并進一步地建立信任。

1）競品研究

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

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

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

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

1. 注冊或登錄應(yīng)用
   

2. 確定他們的目標(biāo)

3. 接收要完成的任務(wù)

4. 執(zhí)行任務(wù)

5. 跟蹤他們的進度

2）用戶旅程圖

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

3）草繪解決方案

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

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

4）設(shè)計原則

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

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

• 簡單而非過剩
  

• 人性和善解人意，而非機械呆板

• 激勵和參與，不乏味

• 靈活和個性化，不強制

• 鼓勵更少的屏幕顯示時間，而不是更多

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

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

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

作為用戶，我將：

1. 注冊或登錄

2. 確定我的目標(biāo)（例如，多運動，與朋友交往，探索新愛好）

3. 接收活動創(chuàng)意（例如在附近的公園散步，打電話給朋友，參加繪畫課）

4. 完成任務(wù)后獲得積分

5. 追蹤我實現(xiàn)目標(biāo)的進度

6. 用我的積分換取獎勵

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

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

為解決方案建立原型

Prototype the solution

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

原型工具的例子

我個人建議使用 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è)計中重復(fù)使用的它。

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

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

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

3）原型制作

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

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

4）預(yù)覽原型

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

與用戶一起測試解決方案

Test the solution with users

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

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

可用性測試方法包括：

• 適度可用性測試 -- 邀請真實用戶線下或線上進行測試。

• 非適度可用性測試 -- 非適度可用性測試中，參與者不受到監(jiān)控或指導(dǎo)。此時，你可以通過 Usertesting.com 或 UsabilityHub 等網(wǎng)站遠(yuǎn)程操作測試，以及招募參與者。

• 隨機測試 -- 隨機測試是在公共場所隨機選擇測試對象，并要求其快速執(zhí)行可用性測試。它通常用于測試沒有廣泛用戶基礎(chǔ)的新產(chǎn)品，通過收集大量數(shù)據(jù)以快速驗證設(shè)計。

• 自測 -- 在向公眾發(fā)布產(chǎn)品之前，使用自己生產(chǎn)的產(chǎn)品是內(nèi)部測試的常用方法?！笆褂米约荷a(chǎn)的產(chǎn)品”是一種流行的測試技術(shù)，它可以使你的團隊產(chǎn)生同理心并發(fā)現(xiàn)關(guān)鍵問題。

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

衡量成功

Measuring success

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

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

        跟蹤工具的例子

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

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

重要要點

Key takeaways

1）這不是一個線性過程

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

2）不存在一招吃遍天下

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

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

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

結(jié)語

Final words

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

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

作者：Gloria Lo

譯者：孫晨宇

審核：張小璽、張聿彤

編輯：孫淑雅

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

往期精選文章：

英雄聯(lián)盟設(shè)計師揭秘游戲行業(yè)的用戶體驗設(shè)計師角色

案例研究｜康奈爾大學(xué)副業(yè)社區(qū)網(wǎng)站設(shè)計

Web Vitals —— 谷歌的新一代 Web 性能體驗和質(zhì)量指標(biāo)

網(wǎng)頁設(shè)計師能從日式美學(xué)中學(xué)到什么？

案例研究｜一款為你帶來難忘體驗的美食 APP

如何制作打動面試官的作品集，這里有一份完整的指導(dǎo)手冊

如何做好用戶體驗項目？從一個好計劃開始

如何建立設(shè)計系統(tǒng)

如何把握不同層級用戶的需求：回歸本質(zhì)，打磨信息架構(gòu)

TCC 視野｜2021 年用戶體驗設(shè)計趨勢分析

- 設(shè)計師自習(xí)社區(qū) -

TCC 設(shè)計情報局歡迎小伙伴加入，一起交流設(shè)計知識，了解全球設(shè)計資訊，鍛煉英文能力，發(fā)掘更多可能性～

添加小助手微信，備注「社群」，即可加入讀者群。