?關(guān)于產(chǎn)品設(shè)計(jì)及其流程，你想知道的都在這里！
▲點(diǎn)擊 "TCC翻譯情報(bào)局" 關(guān)注，回復(fù) "社群" 加入我們
本文共 5196 字，預(yù)計(jì)閱讀 13 分鐘
TCC 情報(bào)局的 第 42 篇 干貨分享
2021 年的 第 30 篇
TCC推薦：大家好，這里是 TCC 翻譯情報(bào)局，我是李澤慧。本文較為全面地介紹了互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)及其流程。從什么是產(chǎn)品設(shè)計(jì)到產(chǎn)品設(shè)計(jì)的過(guò)程，再到產(chǎn)品設(shè)計(jì)所需要的基本技能素養(yǎng)，作者根據(jù)自己個(gè)人經(jīng)驗(yàn)為我們?cè)敿?xì)地做了總結(jié)。通過(guò)本篇文章，你可以從基本的設(shè)計(jì)思維出發(fā)，全局感知產(chǎn)品設(shè)計(jì)所涉及的各個(gè)階段及其對(duì)應(yīng)的工作內(nèi)容，從而幫助自己更好地理解個(gè)人所承擔(dān)的產(chǎn)品設(shè)計(jì)部分。
在擔(dān)任 Canva 產(chǎn)品設(shè)計(jì)師的最后幾個(gè)月，我收到了許多有關(guān) “產(chǎn)品設(shè)計(jì)意味著什么” 的問(wèn)題：
產(chǎn)品設(shè)計(jì)是什么？
產(chǎn)品設(shè)計(jì)過(guò)程是什么？
我需要什么技能才能成為產(chǎn)品設(shè)計(jì)師？
近來(lái)，我有機(jī)會(huì)代表新南威爾士州的數(shù)字社會(huì)組織一個(gè)產(chǎn)品設(shè)計(jì)工作坊。這次工作坊恰好是一次向大學(xué)生和職業(yè)轉(zhuǎn)變者解答問(wèn)題的絕佳機(jī)會(huì) —— 在 Canva 做產(chǎn)品設(shè)計(jì)師意味著什么？
產(chǎn)品設(shè)計(jì)是什么？
What is Product Design?
定義產(chǎn)品設(shè)計(jì)
正如尼克·巴比奇（Nick Babich）在 Smashing Magazine 上所解釋的那樣：
產(chǎn)品設(shè)計(jì)是識(shí)別市場(chǎng)機(jī)會(huì) 、定義問(wèn)題 、為該問(wèn)題提供適當(dāng)解決方案 ，并與實(shí)際用戶驗(yàn)證解決方案的過(guò)程。
產(chǎn)品設(shè)計(jì)建立在一個(gè)名為 “設(shè)計(jì)思維” 的通用框架上，這是一種 “以人為中心” 的創(chuàng)新方法，將用戶的需求、技術(shù)可能性和業(yè)務(wù)需求整合在一起。
需要注意的是，盡管本文只介紹了數(shù)字商品，但產(chǎn)品設(shè)計(jì)超越了此范圍，涵蓋了數(shù)字商品、實(shí)物產(chǎn)品、環(huán)境體驗(yàn)的所有內(nèi)容。
產(chǎn)品設(shè)計(jì)流程是什么？
What is the Product Design process？
產(chǎn)品設(shè)計(jì)流程
產(chǎn)品設(shè)計(jì)過(guò)程是設(shè)計(jì)人員用來(lái)解決問(wèn)題的關(guān)鍵框架 。在閱讀本文各個(gè)部分時(shí)，你會(huì)注意到，產(chǎn)品設(shè)計(jì)師的職能和技能是多樣化的，會(huì)隨著設(shè)計(jì)階段的變化而變化。
作為產(chǎn)品設(shè)計(jì)師，你需要 “戴” 多頂帽子，這意味著你的日常生活是豐富多彩的。你將承擔(dān)問(wèn)題解決者、研究員、設(shè)計(jì)師、產(chǎn)品經(jīng)理、數(shù)據(jù)分析師、銷(xiāo)售員等不同角色的工作。
在我們開(kāi)始前
Before we begin
在深入研究設(shè)計(jì)過(guò)程之前，請(qǐng)理清一個(gè)問(wèn)題：為什么要開(kāi)發(fā)這個(gè)產(chǎn)品？如果沒(méi)有明確定義目標(biāo)就跳入開(kāi)發(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)檫@個(gè)指標(biāo)一旦確立，就像北極星一樣，高高閃耀在天空中，指引著全公司上上下下，向著同一個(gè)方向邁進(jìn)。）
與你的用戶建立同理心
Empathise with your users
在開(kāi)發(fā)產(chǎn)品前評(píng)估產(chǎn)品-市場(chǎng)契合度
在設(shè)計(jì)和開(kāi)發(fā)之前，評(píng)估產(chǎn)品的需求強(qiáng)度是至關(guān)重要的 。我們經(jīng)常通過(guò)用戶研究來(lái)驗(yàn)證產(chǎn)品與市場(chǎng)的契合度。
1）用戶研究
用戶研究的一些方法：
用戶訪談 -- 一種常見(jiàn)的定性研究方法，可以現(xiàn)場(chǎng)或遠(yuǎn)程進(jìn)行。盡管組織和分析采訪結(jié)果非常耗時(shí)，但好處是，你可以直接從用戶對(duì)話中發(fā)現(xiàn)見(jiàn)解，而不僅僅是通過(guò)調(diào)查發(fā)現(xiàn)見(jiàn)解。
在線調(diào)查 -- 問(wèn)卷調(diào)查可以幫你在短時(shí)間內(nèi)獲得大量的定量數(shù)據(jù)。盡管這種方法執(zhí)行快、成本低，但可能缺乏對(duì)用戶的深刻見(jiàn)解。
語(yǔ)境調(diào)研 -- 一種觀察人們?cè)谧匀画h(huán)境中日常工作狀態(tài)的方法。這使你能夠真正和用戶共情，因?yàn)樗仁鼓銓⒆约褐蒙碛谒麄兊那榫爸小?/span>
市場(chǎng)研究 -- 了解競(jìng)爭(zhēng)對(duì)手如何解決類(lèi)似問(wèn)題是產(chǎn)品設(shè)計(jì)過(guò)程的關(guān)鍵組成部分，你可以從競(jìng)品的設(shè)計(jì)模式和錯(cuò)誤中學(xué)習(xí)。
2）用戶分析
從用戶研究中收集數(shù)據(jù)后，我們通常將發(fā)現(xiàn)的結(jié)果歸納為共同的主題，即親和力映射練習(xí)。這種練習(xí)所形成的親和圖，幫助我們從原始數(shù)據(jù)中形成見(jiàn)解，然后將其用于指導(dǎo)決策。
出于工作坊的目的，我想探討一個(gè)對(duì)當(dāng)今人們產(chǎn)生深遠(yuǎn)影響的相關(guān)主題。疫情的全球蔓延，已迫使許多人在家工作，這也引起了我對(duì)遠(yuǎn)程工作的好奇。
親和圖用于對(duì)常見(jiàn)問(wèn)題進(jìn)行分組
確定的共同主題有：
不健康的習(xí)慣 -- 由于工作和家庭環(huán)境的融合，可能會(huì)延長(zhǎng)人們的工作時(shí)間。久坐，且沒(méi)有太多走動(dòng)，這意味著他們正在經(jīng)歷諸多健康問(wèn)題，如背痛。
隔絕 -- 缺乏辦公環(huán)境中的咖啡聊天、社交聚會(huì)和走廊交談等，這意味著許多人處于人際關(guān)系的孤立中，而長(zhǎng)期的隔絕和封鎖會(huì)導(dǎo)致精神健康問(wèn)題的增加，例如焦慮和抑郁。
分心 -- 諸如兒童和寵物之類(lèi)的外部環(huán)境因素，以及網(wǎng)絡(luò)和電力中斷造成的技術(shù)侵?jǐn)_，造成工作者時(shí)間和生產(chǎn)力的損失。這意味著他們要以加班的形式來(lái)彌補(bǔ)這些損失，從而導(dǎo)致不良習(xí)慣的惡性循環(huán)。
在進(jìn)行用戶研究時(shí)，我們還需要了解我們的目標(biāo)用戶，因此創(chuàng)建用戶畫(huà)像是此過(guò)程的重要組成部分。用戶畫(huà)像的目的在于幫助我們同用戶產(chǎn)生共情 ，對(duì)關(guān)鍵細(xì)分受眾群體進(jìn)行真實(shí)的描述。
用戶角色示例（圖片來(lái)源：Adobe）
定義問(wèn)題
Define the problem
當(dāng)對(duì)問(wèn)題有了更好的了解后，我們可以開(kāi)始關(guān)注核心用戶問(wèn)題，通過(guò)問(wèn)題陳述將它們轉(zhuǎn)化為機(jī)會(huì)。這一步很重要，可以幫助你了解并明確工作目標(biāo)。
我們通常以短語(yǔ) “我們?nèi)绾慰梢浴?來(lái)創(chuàng)建問(wèn)題陳述。例如：
我們?nèi)绾喂膭?lì)在家工作的人們養(yǎng)成更好的健康習(xí)慣？
原型
Ideate
定義問(wèn)題陳述后，我們進(jìn)入概念設(shè)計(jì)階段。概念設(shè)計(jì)就是一個(gè)頭腦風(fēng)暴階段 ，在這個(gè)階段 ，團(tuán)隊(duì)成員可以集思廣益 ，得出一系列關(guān)于如何解決問(wèn)題的奇思妙想 。這是非常有價(jià)值的一步，它可以幫你將利益相關(guān)者聚集在一起，共同構(gòu)想產(chǎn)品未來(lái)的圖景，并進(jìn)一步地建立信任。
1）競(jìng)品研究
通常，我們將競(jìng)品分析當(dāng)作學(xué)習(xí)和汲取靈感的一種方式 ，在其他產(chǎn)品中尋找用戶體驗(yàn)和視覺(jué)設(shè)計(jì)模式。我列舉了兩個(gè)產(chǎn)品示例，它們?cè)诮】岛捅＝☆I(lǐng)域解決了類(lèi)似的問(wèn)題。
Headspace 是一個(gè)有關(guān)心理健康和冥想的 APP，該產(chǎn)品引導(dǎo)用戶注冊(cè)并參與冥想課程。
Zen mode 是一款可幫助用戶鎖定手機(jī)的 APP，迫使用戶暫時(shí)脫離屏幕。
在兩個(gè)示例中，你可以看到非常相似的用戶旅程。用戶將：
注冊(cè)或登錄應(yīng)用
確定他們的目標(biāo)
接收要完成的任務(wù)
執(zhí)行任務(wù)
跟蹤他們的進(jìn)度
2）用戶旅程圖
用戶旅程映射了用戶實(shí)現(xiàn)目標(biāo)而必須經(jīng)歷的過(guò)程 ，以時(shí)間軸為框架，包含一系列步驟和行為。這樣的布局可以幫助團(tuán)隊(duì)成員理解和還原用戶敘述。
3）草繪解決方案
草圖繪制是一項(xiàng)有價(jià)值的活動(dòng) ，它允許利益相關(guān)者（采購(gòu)經(jīng)理、工程師和客戶）就產(chǎn)品愿景達(dá)成一致 。這種繪畫(huà)練習(xí)可以鼓勵(lì)非設(shè)計(jì)師提出他們的想法，是促進(jìn)合作的好方法。有時(shí)候，最具創(chuàng)意的想法可能來(lái)自沒(méi)有設(shè)計(jì)背景的人。
在草繪草圖時(shí)，我們通常會(huì)參考問(wèn)題陳述和用戶旅程圖，以確定問(wèn)題方向和工作范圍。
4）設(shè)計(jì)原則
正如本文開(kāi)頭所提到的，我們需要一個(gè)北極星指標(biāo)作為基準(zhǔn)。制定設(shè)計(jì)原則來(lái)指導(dǎo)解決方案也是非常有用的 ，因?yàn)樗兄诖_定我們的想法：希望產(chǎn)品成為什么，以及不希望產(chǎn)品成為什么。
精神健康產(chǎn)品的一些指導(dǎo)原則可能是：
簡(jiǎn)單而非過(guò)剩
人性和善解人意，而非機(jī)械呆板
激勵(lì)和參與，不乏味
靈活和個(gè)性化，不強(qiáng)制
鼓勵(lì)更少的屏幕顯示時(shí)間，而不是更多
這是我勾勒出的一個(gè)示例：
健康和保健應(yīng)用程序的示例草圖
與 Zen 模式類(lèi)似，我想到了一個(gè)產(chǎn)品創(chuàng)意，通過(guò)為你提供個(gè)性化活動(dòng)來(lái)鼓勵(lì)休息。
作為用戶，我將：
注冊(cè)或登錄
確定我的目標(biāo)（例如，多運(yùn)動(dòng)，與朋友交往，探索新愛(ài)好）
接收活動(dòng)創(chuàng)意（例如在附近的公園散步，打電話給朋友，參加繪畫(huà)課）
完成任務(wù)后獲得積分
追蹤我實(shí)現(xiàn)目標(biāo)的進(jìn)度
用我的積分換取獎(jiǎng)勵(lì)
草擬解決方案后，不要害怕分享你的想法。
共享你的工作并接收其他人的反饋，也是設(shè)計(jì)過(guò)程的一部分。
為解決方案建立原型
Prototype the solution
對(duì)解決方案感到滿意后，你可以使用設(shè)計(jì)和原型設(shè)計(jì)工具（例如 Figma，Sketch 和 Invision 或 Adobe XD）來(lái)創(chuàng)建可點(diǎn)擊的原型。
原型工具的例子
我個(gè)人建議使用 Figma，它是一款具有設(shè)計(jì)和原型設(shè)計(jì)功能的復(fù)合工具。Figma 社區(qū) —— 一個(gè)很好的存儲(chǔ)庫(kù)，允許復(fù)用和重組其他用戶發(fā)布的現(xiàn)有模板，與 Github 類(lèi)似，但專(zhuān)用于設(shè)計(jì)。目前，F(xiàn)igma 模板已經(jīng)創(chuàng)建了設(shè)計(jì)系統(tǒng)，你可以觀看平臺(tái)教程，來(lái)了解如何使用預(yù)制組件將屏幕拼合在一起。
1）創(chuàng)建組件
組件可以有效加快設(shè)計(jì)工作流程 。第一次將 UI 元素轉(zhuǎn)換為組件時(shí)創(chuàng)建的，即為主組件， 它定義了該組件的屬性。實(shí)例是主組件的副本，你可以在整個(gè)設(shè)計(jì)中重復(fù)使用的它。
編輯主組件會(huì)將更改應(yīng)用于實(shí)例
2）使用設(shè)計(jì)系統(tǒng)
設(shè)計(jì)系統(tǒng)是構(gòu)建產(chǎn)品元素的集合，可以組合并重復(fù)使用 。不僅能夠加快設(shè)計(jì)工作流程，還可以保持設(shè)計(jì)一致性。你可以通過(guò)訪問(wèn)此列表，找到其他公司構(gòu)建的設(shè)計(jì)系統(tǒng)。
3）原型制作
請(qǐng)使用節(jié)點(diǎn)將屏幕的交互和過(guò)渡狀態(tài)連接在一起 。你可以通過(guò)編輯 “原型” > “交互和動(dòng)畫(huà)” 中的設(shè)置來(lái)指定動(dòng)畫(huà)。
編輯主組件會(huì)更改應(yīng)用于實(shí)例
4）預(yù)覽原型
如果你已經(jīng)創(chuàng)建了移動(dòng)原型，可以使用 Figma Mirror 在移動(dòng)設(shè)備上查看并與之交互。在你的 Figma 桌面應(yīng)用程序上選擇一個(gè)框架，然后就可以在手機(jī)上進(jìn)行觀看！
與用戶一起測(cè)試解決方案
Test the solution with users
可用性測(cè)試是設(shè)計(jì)過(guò)程的重要組成部分 ，使我們?cè)诋a(chǎn)品交付前就能從用戶那里獲得反饋。這一點(diǎn)至關(guān)重要，它可以預(yù)提前確定可用性問(wèn)題，從而避免在產(chǎn)品發(fā)布之后花更多的時(shí)間來(lái)修改方案。
根據(jù)設(shè)計(jì)過(guò)程的階段，選擇最小化工作且最大化學(xué)習(xí)的方法，低保真原型測(cè)試是個(gè)不錯(cuò)的選擇。
可用性測(cè)試方法包括：
適度可用性測(cè)試 -- 邀請(qǐng)真實(shí)用戶線下或線上進(jìn)行測(cè)試。
非適度可用性測(cè)試 -- 非適度可用性測(cè)試中，參與者不受到監(jiān)控或指導(dǎo)。此時(shí)，你可以通過(guò) Usertesting.com 或 UsabilityHub 等網(wǎng)站遠(yuǎn)程操作測(cè)試，以及招募參與者。
隨機(jī)測(cè)試 -- 隨機(jī)測(cè)試是在公共場(chǎng)所隨機(jī)選擇測(cè)試對(duì)象，并要求其快速執(zhí)行可用性測(cè)試。它通常用于測(cè)試沒(méi)有廣泛用戶基礎(chǔ)的新產(chǎn)品，通過(guò)收集大量數(shù)據(jù)以快速驗(yàn)證設(shè)計(jì)。
自測(cè) -- 在向公眾發(fā)布產(chǎn)品之前，使用自己生產(chǎn)的產(chǎn)品是內(nèi)部測(cè)試的常用方法?！笆褂米约荷a(chǎn)的產(chǎn)品”是一種流行的測(cè)試技術(shù)，它可以使你的團(tuán)隊(duì)產(chǎn)生同理心并發(fā)現(xiàn)關(guān)鍵問(wèn)題。
在招募參與者方面，根據(jù)雅各布·尼爾森（Jakob Nielsen）的研究，觀察 5 名參與者使用你的產(chǎn)品，就足以識(shí)別 85％ 的核心可用性問(wèn)題。
衡量成功
Measuring success
產(chǎn)品發(fā)布僅僅是個(gè)新的開(kāi)始！在那之后，你需要跟蹤它的運(yùn)行狀況，監(jiān)視的一些關(guān)鍵指標(biāo)，包括棄用率、激活率、下降率、流失率和保留率。
跟蹤工具有 Hotjar，Google Analytics 和 Mode Analytics。如果數(shù)據(jù)分析不是你的強(qiáng)項(xiàng)，那么在設(shè)置跟蹤事件時(shí)，可以向工程師或數(shù)據(jù)分析師尋求幫助。
跟蹤工具的例子
在將設(shè)計(jì)變更和迭代發(fā)布給所有用戶之前，你應(yīng)該養(yǎng)成 A / B 測(cè)試的習(xí)慣，它可以提升你對(duì)變更和成功指標(biāo)的信心。
但是，不要僅僅依靠分析，它無(wú)法為你提供與用戶對(duì)話才能獲得的見(jiàn)解。你還應(yīng)該從電子郵件、產(chǎn)品內(nèi)調(diào)查問(wèn)卷、隨機(jī)測(cè)試中獲得用戶反饋。
重要要點(diǎn)
Key takeaways
1）這不是一個(gè)線性過(guò)程
盡管我們經(jīng)歷了結(jié)構(gòu)化和線性的設(shè)計(jì)過(guò)程，但現(xiàn)實(shí)情況是，你可能會(huì)在產(chǎn)品設(shè)計(jì)過(guò)程中來(lái)回跳躍，以了解更多信息。
2）不存在一招吃遍天下
產(chǎn)品設(shè)計(jì)過(guò)程應(yīng)順應(yīng)項(xiàng)目發(fā)展，而不是讓項(xiàng)目完全遵循過(guò)程。你的設(shè)計(jì)過(guò)程取決于功能或產(chǎn)品所處的生命周期。換句話說(shuō)，如果產(chǎn)品還處于初期階段，則可能需要花費(fèi)更多時(shí)間進(jìn)行用戶研究；而如果已經(jīng)發(fā)布，你的首要任務(wù)可能是發(fā)展和優(yōu)化產(chǎn)品。
3）這是一個(gè)永無(wú)止境的過(guò)程
持續(xù)改進(jìn)是我們工作的核心 。用戶的需求可能會(huì)隨著時(shí)間而變化，請(qǐng)不斷獲得反饋并完善你的產(chǎn)品，永遠(yuǎn)不要以為它已經(jīng)完成。
結(jié)語(yǔ)
Final words
最后，設(shè)計(jì)產(chǎn)品時(shí)最重要的是：我們最終要設(shè)計(jì)一款供人們使用的產(chǎn)品。作為產(chǎn)品設(shè)計(jì)師，我們是形塑未來(lái)的重要角色。正如在 Netflix 紀(jì)錄片《社交困境》中所看到的那樣，我們創(chuàng)造的產(chǎn)品具有改變社會(huì)思考、感受和行為方式的能力。
原文：https://uxplanet.org/what-is-product-design-and-the-product-design-process-41b41a5bf795
作者：Gloria Lo
譯者：孫晨宇
審核：張小璽、張聿彤
編輯：孫淑雅
本文翻譯已獲得作者的正式授權(quán)（授權(quán)截圖如下）
往期精選文章：
英雄聯(lián)盟設(shè)計(jì)師揭秘游戲行業(yè)的用戶體驗(yàn)設(shè)計(jì)師角色
案例研究｜康奈爾大學(xué)副業(yè)社區(qū)網(wǎng)站設(shè)計(jì)
Web Vitals —— 谷歌的新一代 Web 性能體驗(yàn)和質(zhì)量指標(biāo)
網(wǎng)頁(yè)設(shè)計(jì)師能從日式美學(xué)中學(xué)到什么？
案例研究｜一款為你帶來(lái)難忘體驗(yàn)的美食 APP
如何制作打動(dòng)面試官的作品集，這里有一份完整的指導(dǎo)手冊(cè)
如何做好用戶體驗(yàn)項(xiàng)目？從一個(gè)好計(jì)劃開(kāi)始
如何建立設(shè)計(jì)系統(tǒng)
如何把握不同層級(jí)用戶的需求：回歸本質(zhì)，打磨信息架構(gòu)
TCC 視野｜2021 年用戶體驗(yàn)設(shè)計(jì)趨勢(shì)分析
- 設(shè)計(jì)師自習(xí)社區(qū) -
TCC 設(shè)計(jì)情報(bào)局歡迎小伙伴加入，一起交流設(shè)計(jì)知識(shí)，了解全球設(shè)計(jì)資訊，鍛煉英文能力，發(fā)掘更多可能性～
添加小助手微信，備注「社群」，即可加入讀者群。
