本文共 5278 字，預計閱讀 14 分鐘

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

2021 年的 第 85 篇

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

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

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

1. 設計思維

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

1）同理心

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

2）定義

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

3）創(chuàng)意

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

4）原型制作

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

5）測試

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

2. 設計流程

現在，我們來談談設計流程本身。正如前面提到的，設計思維是有些抽象的，它概述了一個產品從構思、到完成的一般流程。但是，真正的產品設計流程要復雜得多，也具體得多。所以我們會把這個流程中最重要的部分進行分解，同時給出設計師一些可以在實踐中使用的建議。

1）設計前期 

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

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

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

2）產品調研

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

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

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

3）用戶分析

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

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

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

4）創(chuàng)意

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

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

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

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

5）設計

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

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

6）移交

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

7）測試 & 驗證

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

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

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

8）后設計階段

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

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

3. 總結

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

往期精選文章：