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

文章從微信和淘寶的比較出發，對產品設計中的核心元素和核心任務鏈這兩個核心展開了分析，並結合移動在線醫療訓練平台的具體案例，對這這兩個核心進行了詳細的闡述，供大家一起參考學習。

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

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

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

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

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

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

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

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

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

具體來説：

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

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

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

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

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

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

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

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

思維導圖_醫療訓練平台

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

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

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

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

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

流程圖_醫療訓練平台

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

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

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

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

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

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

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

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

題圖來自Unsplash，基於CC0協議