▲點擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們

歡迎來到專業(yè)設(shè)計師學(xué)習(xí)交流社區(qū)

三分設(shè)｜連接知識，幫助全球 1 億設(shè)計師成長

阿里巴巴設(shè)計官方認(rèn)證 MCN 機(jī)構(gòu)

SUXA 深圳體驗設(shè)計協(xié)會華東分會

全球服務(wù)設(shè)計共創(chuàng)節(jié)城市站發(fā)起者

譯者：吳鵬飛

編輯：李凱悅

共 5764 字，預(yù)計閱讀 15 分鐘

在當(dāng)代，對產(chǎn)品設(shè)計的定義已經(jīng)發(fā)生了巨大的變化。從物理的實體到現(xiàn)在可以指代數(shù)字產(chǎn)品，這恰巧說明了設(shè)計的進(jìn)步與發(fā)展。而當(dāng)今有很多新手設(shè)計師或非設(shè)計師對產(chǎn)品設(shè)計的內(nèi)容和流程并不了解，所以本文作者將互聯(lián)網(wǎng)產(chǎn)品的設(shè)計及開發(fā)分為設(shè)計思維和設(shè)計流程兩部分，將其一一拆解進(jìn)行解讀，并為設(shè)計師提供相應(yīng)的工具以幫助進(jìn)行設(shè)計。讓我們來一起跟隨作者，學(xué)習(xí)設(shè)計思維和設(shè)計流程吧！

對產(chǎn)品設(shè)計的定義在近二十年來已經(jīng)發(fā)生了巨大的變化。雖然它確實讓人聯(lián)想到一個手藝人在加工一個物理的、實體的物品，但在信息時代的今天，產(chǎn)品設(shè)計遠(yuǎn)遠(yuǎn)不止這一種含義。由于定義的不斷變化，那些圈外人可能會問 "什么是產(chǎn)品設(shè)計？"，我們在這里將回答這個問題。在當(dāng)代，產(chǎn)品設(shè)計可以指數(shù)字產(chǎn)品，通常廣義上包括 APP 或網(wǎng)站的構(gòu)思、設(shè)計和發(fā)布。了解如何開發(fā)一款產(chǎn)品不僅對設(shè)計師、開發(fā)者、管理者，甚至對用戶都很重要。

產(chǎn)品的設(shè)計和開發(fā) 作為一個整體包含了兩個主要的設(shè)計板塊。他們分別是，貫穿整個設(shè)計過程的設(shè)計思維，和更為詳細(xì)的產(chǎn)品設(shè)計流程，我們在本文中將其分為 7 個階段。在這篇文章中，我們將不僅講解產(chǎn)品設(shè)計的步驟，同時也介紹設(shè)計師可以用來簡化流程的工具和技術(shù)。

一、設(shè)計思維

如果要將設(shè)計思維融入到產(chǎn)品設(shè)計流程中，那么我們值得討論一下設(shè)計思維，從而更深入地了解產(chǎn)品設(shè)計整體。不得不說，設(shè)計思維本身比產(chǎn)品設(shè)計流程要抽象得多，我們會在本篇后面深入探討。

1.1 同理心

設(shè)計思維過程的第一階段是 "共情"，這需要設(shè)計師將自己沉浸在他們所要解決的問題中，以便從各個角度洞察問題。從本質(zhì)上講，這是一個將 "人" 置于人與人之間互動行為的階段，設(shè)計師能夠設(shè)身處地為遇到問題的人著想。這也是讓設(shè)計師在面對問題時能夠拋開偏見，以 "客觀" 的心態(tài)去理解問題的關(guān)鍵一步。

1.2 定義

在這一階段中，設(shè)計師基于前一階段的基礎(chǔ)，將他們從問題中得出的知識和洞察，總結(jié)成為一個以人為中心的對問題的陳述，這也是設(shè)計師和團(tuán)隊比其他階段更應(yīng)該問 "如何做" 的時機(jī)。例如，我們應(yīng)該如何處理這個問題？或者，我們應(yīng)該如何解決這個困難？

1.3 創(chuàng)意

這是設(shè)計過程的樞紐點，產(chǎn)品設(shè)計師的工作將從收集和整理信息，過渡到實際執(zhí)行交互設(shè)計的過程中。在此階段，關(guān)于產(chǎn)品的創(chuàng)意開始匯集，概念和功能開始相互疊加。通常情況下在此階段思維是自由的發(fā)散的，項目中的所有設(shè)計師都可以把自己的想法拋出來，不管是最差的還是最好的，我們看看哪些可以實施，哪些不能實施。

1.4 原型制作

原型設(shè)計階段是產(chǎn)品設(shè)計師和團(tuán)隊開始創(chuàng)造低保真原型并預(yù)覽概念設(shè)計的時期。在此階段，理想中的解決方案和原型都要經(jīng)過討論、檢查、改進(jìn)、迭代，或者干脆放棄。在這里，設(shè)計團(tuán)隊將會詳細(xì)的了解到解決問題面臨的主要挑戰(zhàn)和制約因素，并試圖克服這些障礙。

1.5 測試

對于產(chǎn)品設(shè)計師來說，雖然測試是設(shè)計過程的最后階段，但它在實踐中幾乎不可能是最后一步。測試包括嚴(yán)格檢查前幾個階段的方案，看看如何進(jìn)一步改進(jìn)產(chǎn)品。雖然這被列為一個 "階段"，但它更類似于一個循環(huán)，產(chǎn)品設(shè)計師會一次甚至多次回到之前的階段，以打造出一款精致的產(chǎn)品。

二、設(shè)計流程

現(xiàn)在，我們來談?wù)勗O(shè)計流程本身。正如前面提到的，設(shè)計思維是有些抽象的，它概述了一個產(chǎn)品從構(gòu)思、到完成的一般流程。但是，真正的產(chǎn)品設(shè)計流程要復(fù)雜得多，也具體得多。所以我們會把這個流程中最重要的部分進(jìn)行分解，同時給出設(shè)計師一些可以在實踐中使用的建議。

2.1 設(shè)計前期

通常情況下，設(shè)計流程的第一步在產(chǎn)品設(shè)計之前就已經(jīng)開始了。這是因為對任何一個特定的項目來說，確立目標(biāo)是一個必要的步驟，它為未來幾周，幾個月，甚至幾年的所有設(shè)計開展提供了一個結(jié)構(gòu)性的支柱。首先，建立一個產(chǎn)品戰(zhàn)略，它定義了產(chǎn)品最終解決問題的愿景，通過整個產(chǎn)品設(shè)計流程來最終解決問題。此外，這可以幫助我們找出可能會遇到的坑，以及產(chǎn)品設(shè)計團(tuán)隊必須克服的困難，從而整理和定義挑戰(zhàn)。總而言之，產(chǎn)品戰(zhàn)略提出了一個問題 "我們必須去哪里，以及如何到達(dá)那里？“

其次，創(chuàng)建價值主張圖 [1] 對于任何產(chǎn)品的設(shè)計流程都是可取的。與產(chǎn)品戰(zhàn)略相比，價值主張圖更本質(zhì)地關(guān)注產(chǎn)品與受眾的關(guān)系，而產(chǎn)品戰(zhàn)略則更多的是探討與團(tuán)隊的關(guān)系。在價值主張圖中，提出和回答諸如 "這個產(chǎn)品是給誰用的？"、"這個產(chǎn)品什么時候會被使用？" 等問題，會讓團(tuán)隊更容易地站在用戶的立場上思考問題。

（[1]價值主張圖是關(guān)于你的產(chǎn)品或服務(wù)將如何使你的客戶受益的精煉陳述，它清楚地定義了你將為你的理想客戶做什么，以及為什么你比你的競爭對手更好。）

2.2 產(chǎn)品調(diào)研

在第二階段中，產(chǎn)品設(shè)計開始有所產(chǎn)出。這時，設(shè)計師們需要完全沉浸在問題之中，以便對用戶和問題的本質(zhì)進(jìn)行更深的洞察，并開始思考如何解決這個問題。重要的是要記住，前期調(diào)研如果做的充分，會讓后面的設(shè)計過程節(jié)省很多時間并避免一些頭疼的問題，所以不要急于求成，在這一步上一定要投入超出預(yù)期時間。

用戶研究是設(shè)計流程中最關(guān)鍵的步驟之一，因為創(chuàng)造產(chǎn)品的目的是服務(wù)用戶，根據(jù)他們的需求進(jìn)行設(shè)計是產(chǎn)品設(shè)計本身的目標(biāo)。這就需要設(shè)計師與那些面臨需解決問題的用戶進(jìn)行直接溝通，可以通過用戶訪談，即直接與用戶進(jìn)行面對面的對話，也可以網(wǎng)上調(diào)研，對大量的用戶進(jìn)行問卷調(diào)查。情境調(diào)研法最近也很流行，設(shè)計師有機(jī)會在用戶的日常生活中像 "影子" 一樣，觀察用戶在更自然環(huán)境下的狀態(tài)。

實際產(chǎn)品調(diào)研階段還包括了競品分析這一任務(wù)，假設(shè)產(chǎn)品有競爭對手的話。這涉及到對競爭對手的產(chǎn)品進(jìn)行深入研究，看看如何對其進(jìn)行改進(jìn)，或者與之形成差異化。因此，這也為整個產(chǎn)品設(shè)計過程增加了另一個需要考慮維度。

2.3 用戶分析

經(jīng)過用戶調(diào)研階段之后，設(shè)計師得到了大量的初始數(shù)據(jù)，他們必須要把這些數(shù)據(jù)轉(zhuǎn)化為有用的洞察，從而推動項目的進(jìn)展。如果用戶調(diào)研是數(shù)據(jù)收集，那么用戶分析就是數(shù)據(jù)合成分析。在這一步中，設(shè)計師基于他們的調(diào)研材料建立模型，以簡化創(chuàng)造產(chǎn)品的過程。

首先，需要創(chuàng)建用戶畫像或者用戶體驗畫像。用戶畫像本質(zhì)上是一個或多個虛構(gòu)的角色，作為設(shè)計對象的替代品。他們強(qiáng)調(diào)了用戶的需求、愿望、喜好、厭惡以及設(shè)計師可能選擇的更多關(guān)鍵細(xì)節(jié)。這可以作為設(shè)計師進(jìn)行設(shè)計時的參考，即設(shè)計師可以簡單地參考用戶畫像來回答產(chǎn)品設(shè)計流程中可能出現(xiàn)的問題，而不是在前一階段收集的大量數(shù)據(jù)中來回奔波。

在這個階段也會使用到同理心地圖這一非常重要的產(chǎn)品設(shè)計工具。同理心地圖，顧名思義，幫助設(shè)計師可以從用戶的角度看待問題。諸如 “為什么用戶需要這個產(chǎn)品” 這種問題就會在同理心地圖中得到解決。本質(zhì)上說，同理心地圖描述了用戶的所說、所想、所做和感受。

2.4 創(chuàng)意

產(chǎn)品設(shè)計流程的第四階段是創(chuàng)意。這時，設(shè)計師要整理所有關(guān)于這個項目的點子，他們在這個階段交流、辯論和討論各種想法，產(chǎn)品的 "創(chuàng)意火花" 的萌生于此。

在此階段，創(chuàng)建場景及故事板是一個有效的工具。設(shè)計師可以設(shè)想產(chǎn)品將如何融入用戶的生活，使之在用戶需要時更有效地針對和解決他們的需求。這一工具涉及到產(chǎn)品設(shè)計的故事方面，優(yōu)秀的設(shè)計師會利用這一點來發(fā)揮他們的優(yōu)勢。同樣有效的另一工具是用戶旅程圖，其中包含了用戶為了完成一項任務(wù)所要做出的基本動作，是由設(shè)計師在一個非常廣泛的意義上制定的。同樣地，這有助于為產(chǎn)品建立初步的原型，讓那些設(shè)計產(chǎn)品的人在腦海中構(gòu)建產(chǎn)品的雛形。

所有這些努力都是為了最后建立信息架構(gòu)。這是一個類似于流程圖的計劃，闡明整個產(chǎn)品將如何運作。在這里，創(chuàng)建一個緊密連接的路線圖，頁面和屏幕之間相互聯(lián)系，以更廣泛的視角來將 APP 作為一個整體進(jìn)行布局。像傳統(tǒng)的建筑學(xué)一樣，設(shè)計師有邏輯地創(chuàng)建產(chǎn)品空間的人流動向。

草圖和線框圖是創(chuàng)意階段的下一步。用低保真的形式表現(xiàn)單獨的屏幕或頁面，以可視化最終產(chǎn)品會是什么樣子，在這個階段也需要進(jìn)行故障排除，有可能會需要設(shè)計師回到研究階段，以解決可能之前就出現(xiàn)的遺留問題。確保這些問題不會出現(xiàn)在最終版本中是對測試過程的補(bǔ)充，這非常重要，我們將在后面談到。如果說信息架構(gòu)是在宏觀層面上對產(chǎn)品進(jìn)行規(guī)劃的話，那么低保真線框圖則是在微觀層面上對產(chǎn)品的外觀、體驗以及最重要的功能進(jìn)行展示。

2.5 設(shè)計

在創(chuàng)意階段之后，設(shè)計階段是大多數(shù)人認(rèn)為最重要的階段。在這個階段，從原型設(shè)計開始，著手創(chuàng)建產(chǎn)品的功能模型，以觀察所有的元素如何相互配合。原型的起點通常是主屏幕 / 頁面，最終擴(kuò)展到產(chǎn)品的全部內(nèi)容。這就像是一種骨架，設(shè)計師可以在此基礎(chǔ)上實現(xiàn)自己的想法、追求的視覺效果或更多的模型，在這一點上，這是產(chǎn)品可實現(xiàn)的最完整的版本。這也形成了一個 "原型設(shè)計循環(huán)"，其中包括三個步驟。

原型階段是指創(chuàng)建高保真原型，不斷接近產(chǎn)品最終的形態(tài)。然后，設(shè)計師對原型進(jìn)行徹底梳理，找出所有存在的問題，或者可改進(jìn)之處，使產(chǎn)品更加完善。審查階段，通過用戶和利益相關(guān)者測試原型，向設(shè)計師反饋哪里可以進(jìn)行修改和改進(jìn)。最后，在完善階段，將設(shè)計進(jìn)行一次次迭代，最后力求達(dá)到完美的狀態(tài)，或者說接近于完美的狀態(tài)。

2.6 移交

最后，在設(shè)計階段快結(jié)束的時候，會有一個交接的過程。在這里，當(dāng)設(shè)計師對產(chǎn)品的設(shè)計感到滿意時，他們就會把它交給開發(fā)人員進(jìn)行編碼，或者從某種意義上說是產(chǎn)品的實際 "制造"。為了做到這一點，設(shè)計師會給開發(fā)者一個 "設(shè)計規(guī)范"，這份規(guī)范強(qiáng)調(diào)了從宏觀的信息架構(gòu)到最小的顏色變化所應(yīng)注意的地方，這樣開發(fā)者就可以完全按照規(guī)范開發(fā)和制作產(chǎn)品，最后甚至可以滿足設(shè)計師對任何細(xì)節(jié)的要求。

2.7 測試 & 驗證

設(shè)計流程的倒數(shù)第二個階段是測試和驗證。這個過程的開始有一個很有創(chuàng)意的名字 — “吃自家的狗糧"[2]（dogfooding），正如其名，在此過程中，設(shè)計團(tuán)隊自己來測試自己的產(chǎn)品的最新版本。在這里，團(tuán)隊可以決定產(chǎn)品的結(jié)果與他們的設(shè)想有多接近。這同樣也是發(fā)現(xiàn)問題的階段，發(fā)現(xiàn)問題并立即通過設(shè)計解決，從而力求產(chǎn)品接近完美的狀態(tài)。

（[2]Eating your own dog food 直譯為 “吃自家的狗糧”，亦略稱為 dogfooding。是一句英語俚語，常用于描述公司（尤指軟件公司）使用自己生產(chǎn)的產(chǎn)品這一情況。）

然而，同樣重要的是，在此階段要以設(shè)計師之外的角度來看待產(chǎn)品，由設(shè)計師開展，對 APP 的真正終端用戶進(jìn)行可用性測試。例如，一款由年輕的設(shè)計師設(shè)計的 APP ，目的是為了解決老年人面臨的問題，由于環(huán)境的差異，特別是技術(shù)方面的差異，設(shè)計師不能很好的發(fā)現(xiàn)一些問題，因此需要進(jìn)行可用性測試。用戶體驗設(shè)計之父 Jakob Nielsen 說過，85% 的可用性問題只需要對 5 個用戶進(jìn)行測試就可以解決，我們有什么好爭論的呢。在整理和解決了所有內(nèi)部和外部的反饋之后，產(chǎn)品最終被推向市場，并以其（暫時的）最終版本面向用戶，去解決最初我們在問題陳述中所強(qiáng)調(diào)的那些問題。

2.8 后設(shè)計階段

在產(chǎn)品推出之后，接下來即產(chǎn)品設(shè)計流程的第七部分，也是其中的最后一部分。思考一下，產(chǎn)品推出后我們的工作就完成了嗎？這可能會讓那些不太熟悉這個領(lǐng)域的人感到困惑，但設(shè)計是一個持續(xù)的過程，在產(chǎn)品推出之前就已經(jīng)存在，同樣地，推出之后設(shè)計還會繼續(xù)進(jìn)行。從 APP 中設(shè)計師肯定會得到大量直接和間接的反饋，因此他們將繼續(xù)進(jìn)行更新和迭代。首先，基于大量的用戶使用該產(chǎn)品，并為之提供數(shù)據(jù)，設(shè)計師現(xiàn)在可以使用數(shù)據(jù)指標(biāo)來衡量設(shè)計，從而讓設(shè)計對用戶更加友好，構(gòu)建良好的用戶體驗。

此外，我們也可以通過很多種方式直接從用戶那里得到反饋，比如在應(yīng)用商店的評分和評論，甚至直接通過產(chǎn)品詢問用戶愿意參與調(diào)研幫助改進(jìn)產(chǎn)品。不管怎么樣，這在設(shè)計流程中創(chuàng)造了另一個循環(huán)，即改進(jìn)、完善和實施。

三、總結(jié)

正如前面所談到的，產(chǎn)品設(shè)計的定義多年來已經(jīng)演變了無數(shù)次。而現(xiàn)在在信息時代，它似乎與 UI / UX 設(shè)計過程密不可分。當(dāng)今對產(chǎn)品設(shè)計最大的誤解之一 -- 它是一種線性的過程，這根本是不可能的。這個過程更具有周期性，大部分的時間是一個較小的周期，例如我們在這篇文章中探討過的反饋循環(huán)，但事實上還有更多的設(shè)計思維的微觀世界也在發(fā)生。身處世界各地的產(chǎn)品設(shè)計師，要么有自己習(xí)慣的工作流程，從開始到落地打造一款產(chǎn)品；要么，正在尋找方法來優(yōu)化他們的流程，使之更加完善。無論你是屬于哪一種，結(jié)合本文章中強(qiáng)調(diào)的一些知識點，并遵循一些基本的用戶體驗設(shè)計原則，你的產(chǎn)品設(shè)計流程一定會有所優(yōu)化和進(jìn)步！