產品設計的兩個核心：核心元素和核心任務鏈

我們在本系列的上一篇（《產品為什麼“長”成這個樣子？》）裡討論了雖然產品經理 在某種意義上是產品的“話事人”，但他並不能決定產品的“樣子”——決定因素並不是產品經理的設計，而是產品本身決定了產品的形態。基於此，產品經理的工作更多的是去充分理解產品，透過對產品的“定位和功能” 的理解去還原產品的“樣子”。

在上一篇裡我們選為樣本的兩個產品都是行業裡的TOP級應用，在細分領域裡更是服務者億級別規模的使用者。我們透過這兩個樣本各自的版本迭代的對比發現，兩個應用在長達數年的迭代裡都保持著“相當穩定”地設計，兩個產品都沒有采用太過於激進的方式去進行更新。

這一方面是由於兩者各自“穩定”的江湖地位，無需透過“挑戰式”地姿態去“冒險”衝擊既有秩序；另外更重要的一方面是兩者面向客戶提供的核心業務功能和產品價值並沒有發生改變。

一、差別與共同點

書接上文。我們作為示例的兩個TOP級應用應用：手機淘寶和微信，前者是電商，後者是社交IM，分屬於兩個差別較大的應用型別，這種差別體現在應用所滿足的使用者需求的差別：

• 電商 滿足的是使用者發現符合生活需要、情感需要的商品並附加 支援使用者線上購買並隨時檢視物流資訊，以及售後服務的需求；
• 社交IM 所滿足的是使用者維護和管理既有社交關係、建立新社交關係、進行線上社交活動的需求。

雖然存在著這種差別，但是兩個應用各自都極為相似地具有“保守”的一致性，不變。

作為兩個應用最最核心的功能、最核心的要素、最基本和最優先去保證和滿足的使用者需求的部分，換個角度說，也是使用者最需要和最關注的部分，始終是沒有太多變化的，可以說只要應用的介面一開啟，我們就能很快識別出這個是微信，那個是手機淘寶，我們可以很快的進行使用和操作。

在微信和手機淘寶不斷迭代的過程中，可能很多新增的功能我們都沒有使用過，或者可能都沒有見過（入口太深），但是找朋友聊天、選貨買東西的操作一直都在使用，而且是很容易找到操作的入口、可以順暢使用的。

“找朋友聊天、選貨買東西”概括了兩個應用的核心，為了便於描述，我們把這部分拆分成兩個型別來說明：一個是 核心元素，一個是核心任務鏈。

二、兩個型別的核心

• 核心元素是指應用基於產品目的和客戶需求而選擇向用戶展示的資訊或資訊集合，在應用的實現層面主要表現在應用的資訊框架上。
• 核心任務鏈 是指應用設定的用來引導使用者完成其使用應用的目的、簡潔完整、清晰容錯的操作步驟和流程，在應用的實現層面主要是使用者和應用之間、應用前後端之間以及前端頁面之間的互動過程串聯的業務流程。

手機淘寶和微信 兩個不同的應用型別決定了他們需要向用戶展示的核心元素和核心任務鏈是不同的。

具體來說：

• 微信的核心元素 是使用者與“好友”的聊天記錄資訊，“好友”列表資訊；
• 手機淘寶的核心元素是商品、商鋪的列表和明細資訊；
• 微信的核心任務鏈是發現“好友”——新增“好友”——與“好友”交流；
• 手機淘寶的核心任務鏈是發現“商品”——檢視“商品”——購買“商品”；

所以，在接到或者考慮一個產品設計任務的時候，我們首先要做的就是去尋找產品 “最穩定” 的兩個核心：核心元素和核心任務鏈。產品不是憑空的一個需要去想象的東西，它是作為一個資訊呈現和互動的載體而存在的，展示滿足客戶需求的資訊和簡明地引導使用者操作，透過客戶的操作最終達成客戶的目標。

三、產品設計務實

我們透過一個移動線上醫療訓練平臺的設計任務作為案例來做一個分析（感謝提供案例的同學）。

首先理解一下什麼是“移動線上醫療訓練平臺”，這是一個提供給醫師資格考試實踐技能考核備考考生，或者相關從業者進行“臨床類別實踐技能”訓練的平臺產品，也就是說它所面對的大部分是醫學院的學生或者醫療工作者。

透過對這個平臺定義的理解，我們就可以基本上抽取出，我們前文提到的這個產品設計的兩個核心：核心元素和核心任務鏈。

• 核心元素：訓練平臺所能夠提供的訓練內容及相關指導資訊、後評價資訊；
• 核心任務鏈：發現訓練——選擇訓練——進行訓練——訓練評價——發現訓練（迴圈）；

有了這兩個核心，我們可以基本上確定我們產品的資訊框架和互動業務流程，但是這正如我們給這兩個資訊定義的一樣，它們只是核心，我們還需要對於產品進行完整的規劃和設計，對於輔助資訊、支撐業務流程、通用管理功能等進行補充和完善。

在這種情況下，我們通常會使用兩種工具：思維導圖和流程圖。其中，思維導圖主要用來豐富和完善核心元素，流程圖主要服務於業務流程和互動流程的梳理。

思維導圖（圖片來自網路）

思維導圖：也叫心智圖，是用來記錄我們思維過程的一種圖形化工具。運用圖文並重的技巧，把各級主題的關係用相互隸屬與相關的層級圖表現出來。因此利用它便於進行資訊之間的“隸屬和相關”關係的表達，我們選擇它來整理和組織產品設計任務的核心元素。

思維導圖_醫療訓練平臺

思維導圖很清晰地展示了層級化的資訊，同時我們在擴充套件、豐富核心資訊的同時，還補充了必要的其他資訊。根據我們前面的分析，作為訓練平臺，他的所能夠提供的訓練內容及相關指導資訊、後評價資訊是它做核心元素；

除此之外，便利使用者識別、查詢、獲取訓練內容、縮短操作路徑的訓練分類、檢索是服務於核心元素的重要的支撐內容；而作為一個完整的產品，對於使用者管理、平臺資訊說明等也是不可缺少的基本資訊，可以說是獨立的產品都需要的公共組成部分或者模組。

BPMN流程圖（圖片來自網路）

流程圖：是一種以約定的圖形符號加上必要的文字說明，用來表示一個業務流程發生的過程，或者一個資訊流轉的過程，或者一個事件決策的過程。因此利用它來透過視覺化的方式展示和梳理一個流程動作（比如執行訓練）的執行過程，幫助我們，產品設計者去以適當的互動步驟、節點和方式去對映流程的執行，我們選擇它來整理和組織產品設計任務的核心任務鏈。

通常情況下，流程圖由主要由三類圖形符號和連線線來對上述過程進行說明：事件、條件（或判斷）和活動。其中，事件 用圓圈（BPMN流程圖）來描述，表示流程期間發生的事件，基於流程過程的影響，有三種狀態：開始，中間以及終止；條件 用菱形表示，用於標記、控制和支配流程的分支與合併；活動用圓角矩形表示，是具體需要執行和處理的動作。

流程圖_醫療訓練平臺

如示，藍色邊框的 活動 就是核心任務鏈，發現訓練——選擇訓練——進行訓練——訓練評價——發現訓練（迴圈），使用者登陸後直選訓練科目和透過訓練分類去選擇訓練科目是核心任務鏈中發現訓練的兩個不同的進入路徑；同樣的，選擇訓練科目後，先檢視訓練說明和講解再去實操訓練操作同選擇訓練客戶後直接進行訓練操作也是進行訓練 的兩個不同的進入路徑。

使用者完成當前訓練獲得訓練評價後可以選擇回看訓練操作，然後再決定是否進行二次訓練或者選擇其他科目、專案進行訓練。藍色填充的 條件就是狀態的判斷，從而根據狀態的不同進行不同的分支操作引導，比如登入密碼錯誤的引導可能是提示透過其他方式登入（簡訊驗證碼）或者重置密碼、操作訓練不達標的引導可能是提示檢視訓練提示講解或者重新進行訓練等。

當然，這只是一個粗線條的業務流程，可能還存在更多的分支流程和條件判斷，比如是否是“合格”使用者的判斷：（如合格使用者免費，非合格使用者訓練需付費），透過此判斷就會引申出會員辦理流程、支付流程、訂單查詢的流程以及售後服務（諮詢、退貨等）的流程等。

這些核心任務鏈之外的流程，可以獨立出來，以輔助功能的方式存在於產品的設計中，如果是非排他的功能，更可以獨立出來形成一個相對固定的公共功能模組，以便於其他產品的附用，比如“登入功能”、“訂單功能”、“支付功能”以及“系統設定”等。

結語與預告

抽取產品的兩個核心：核心元素和核心任務鏈，並透過合適的工具對資訊進行梳理，可以快速形成對產品的“具象化”的認識，得到產品的主幹，圍繞主幹進行延申和擴充套件，便得到了最基本的產品的功能和資訊“清單”。

接下來的工作，就是將這些功能和資訊以符合UI設計規範、UE互動規範和使用者心智模式的方式進行整合的過程。也正式我們下回來分解的內容：產品設計的具象化，再見。

#專欄作家#

大俠，人人都是產品經理專欄作家。混過文青的支付出道的產品人，長期以支付廝混，關注支付、O2O、社交領域，擅長行業、業務需求分析，產品設計和使用者體驗。

本文原創釋出於人人都是產品經理，未經許可，不得轉載。

題圖來自Unsplash，基於CC0協議