产品设计的两个核心：核心元素和核心任务链

我们在本系列的上一篇（《产品为什么“长”成这个样子？》）里讨论了虽然产品经理 在某种意义上是产品的“话事人”，但他并不能决定产品的“样子”——决定因素并不是产品经理的设计，而是产品本身决定了产品的形态。基于此，产品经理的工作更多的是去充分理解产品，通过对产品的“定位和功能” 的理解去还原产品的“样子”。

在上一篇里我们选为样本的两个产品都是行业里的TOP级应用，在细分领域里更是服务者亿级别规模的用户。我们通过这两个样本各自的版本迭代的对比发现，两个应用在长达数年的迭代里都保持着“相当稳定”地设计，两个产品都没有采用太过于激进的方式去进行更新。

这一方面是由于两者各自“稳定”的江湖地位，无需通过“挑战式”地姿态去“冒险”冲击既有秩序；另外更重要的一方面是两者面向客户提供的核心业务功能和产品价值并没有发生改变。

一、差别与共同点

书接上文。我们作为示例的两个TOP级应用应用：手机淘宝和微信，前者是电商，后者是社交IM，分属于两个差别较大的应用类型，这种差别体现在应用所满足的用户需求的差别：

• 电商 满足的是用户发现符合生活需要、情感需要的商品并附加 支持用户在线购买并随时查看物流信息，以及售后服务的需求；
• 社交IM 所满足的是用户维护和管理既有社交关系、建立新社交关系、进行线上社交活动的需求。

虽然存在着这种差别，但是两个应用各自都极为相似地具有“保守”的一致性，不变。

作为两个应用最最核心的功能、最核心的要素、最基本和最优先去保证和满足的用户需求的部分，换个角度说，也是用户最需要和最关注的部分，始终是没有太多变化的，可以说只要应用的界面一打开，我们就能很快识别出这个是微信，那个是手机淘宝，我们可以很快的进行使用和操作。

在微信和手机淘宝不断迭代的过程中，可能很多新增的功能我们都没有使用过，或者可能都没有见过（入口太深），但是找朋友聊天、选货买东西的操作一直都在使用，而且是很容易找到操作的入口、可以顺畅使用的。

“找朋友聊天、选货买东西”概括了两个应用的核心，为了便于描述，我们把这部分拆分成两个类型来说明：一个是 核心元素，一个是核心任务链。

二、两个类型的核心

• 核心元素是指应用基于产品目的和客户需求而选择向用户展示的信息或信息集合，在应用的实现层面主要表现在应用的信息框架上。
• 核心任务链 是指应用设定的用来引导用户完成其使用应用的目的、简洁完整、清晰容错的操作步骤和流程，在应用的实现层面主要是用户和应用之间、应用前后端之间以及前端页面之间的交互过程串联的业务流程。

手机淘宝和微信 两个不同的应用类型决定了他们需要向用户展示的核心元素和核心任务链是不同的。

具体来说：

• 微信的核心元素 是用户与“好友”的聊天记录信息，“好友”列表信息；
• 手机淘宝的核心元素是商品、商铺的列表和明细信息；
• 微信的核心任务链是发现“好友”——添加“好友”——与“好友”交流；
• 手机淘宝的核心任务链是发现“商品”——查看“商品”——购买“商品”；

所以，在接到或者考虑一个产品设计任务的时候，我们首先要做的就是去寻找产品 “最稳定” 的两个核心：核心元素和核心任务链。产品不是凭空的一个需要去想象的东西，它是作为一个信息呈现和交互的载体而存在的，展示满足客户需求的信息和简明地引导用户操作，通过客户的操作最终达成客户的目标。

三、产品设计务实

我们通过一个移动在线医疗训练平台的设计任务作为案例来做一个分析（感谢提供案例的同学）。

首先理解一下什么是“移动在线医疗训练平台”，这是一个提供给医师资格考试实践技能考核备考考生，或者相关从业者进行“临床类别实践技能”训练的平台产品，也就是说它所面对的大部分是医学院的学生或者医疗工作者。

通过对这个平台定义的理解，我们就可以基本上抽取出，我们前文提到的这个产品设计的两个核心：核心元素和核心任务链。

• 核心元素：训练平台所能够提供的训练内容及相关指导信息、后评价信息；
• 核心任务链：发现训练——选择训练——进行训练——训练评价——发现训练（循环）；

有了这两个核心，我们可以基本上确定我们产品的信息框架和交互业务流程，但是这正如我们给这两个信息定义的一样，它们只是核心，我们还需要对于产品进行完整的规划和设计，对于辅助信息、支撑业务流程、通用管理功能等进行补充和完善。

在这种情况下，我们通常会使用两种工具：思维导图和流程图。其中，思维导图主要用来丰富和完善核心元素，流程图主要服务于业务流程和交互流程的梳理。

思维导图（图片来自网络）

思维导图：也叫心智图，是用来记录我们思维过程的一种图形化工具。运用图文并重的技巧，把各级主题的关系用相互隶属与相关的层级图表现出来。因此利用它便于进行信息之间的“隶属和相关”关系的表达，我们选择它来整理和组织产品设计任务的核心元素。

思维导图_医疗训练平台

思维导图很清晰地展示了层级化的信息，同时我们在扩展、丰富核心信息的同时，还补充了必要的其他信息。根据我们前面的分析，作为训练平台，他的所能够提供的训练内容及相关指导信息、后评价信息是它做核心元素；

除此之外，便利用户识别、查询、获取训练内容、缩短操作路径的训练分类、检索是服务于核心元素的重要的支撑内容；而作为一个完整的产品，对于用户管理、平台信息说明等也是不可缺少的基本信息，可以说是独立的产品都需要的公共组成部分或者模块。

BPMN流程图（图片来自网络）

流程图：是一种以约定的图形符号加上必要的文字说明，用来表示一个业务流程发生的过程，或者一个信息流转的过程，或者一个事件决策的过程。因此利用它来通过可视化的方式展示和梳理一个流程动作（比如执行训练）的执行过程，帮助我们，产品设计者去以适当的交互步骤、节点和方式去映射流程的执行，我们选择它来整理和组织产品设计任务的核心任务链。

通常情况下，流程图由主要由三类图形符号和连接线来对上述过程进行说明：事件、条件（或判断）和活动。其中，事件 用圆圈（BPMN流程图）来描述，表示流程期间发生的事件，基于流程过程的影响，有三种状态：开始，中间以及终止；条件 用菱形表示，用于标记、控制和支配流程的分支与合并；活动用圆角矩形表示，是具体需要执行和处理的动作。

流程图_医疗训练平台

如示，蓝色边框的 活动 就是核心任务链，发现训练——选择训练——进行训练——训练评价——发现训练（循环），用户登陆后直选训练科目和通过训练分类去选择训练科目是核心任务链中发现训练的两个不同的进入路径；同样的，选择训练科目后，先查看训练说明和讲解再去实操训练操作同选择训练客户后直接进行训练操作也是进行训练 的两个不同的进入路径。

用户完成当前训练获得训练评价后可以选择回看训练操作，然后再决定是否进行二次训练或者选择其他科目、项目进行训练。蓝色填充的 条件就是状态的判断，从而根据状态的不同进行不同的分支操作引导，比如登录密码错误的引导可能是提示通过其他方式登录（短信验证码）或者重置密码、操作训练不达标的引导可能是提示查看训练提示讲解或者重新进行训练等。

当然，这只是一个粗线条的业务流程，可能还存在更多的分支流程和条件判断，比如是否是“合格”用户的判断：（如合格用户免费，非合格用户训练需付费），通过此判断就会引申出会员办理流程、支付流程、订单查询的流程以及售后服务（咨询、退货等）的流程等。

这些核心任务链之外的流程，可以独立出来，以辅助功能的方式存在于产品的设计中，如果是非排他的功能，更可以独立出来形成一个相对固定的公共功能模块，以便于其他产品的附用，比如“登录功能”、“订单功能”、“支付功能”以及“系统设置”等。

结语与预告

抽取产品的两个核心：核心元素和核心任务链，并通过合适的工具对信息进行梳理，可以快速形成对产品的“具象化”的认识，得到产品的主干，围绕主干进行延申和扩展，便得到了最基本的产品的功能和信息“清单”。

接下来的工作，就是将这些功能和信息以符合UI设计规范、UE交互规范和用户心智模式的方式进行整合的过程。也正式我们下回来分解的内容：产品设计的具象化，再见。

#专栏作家#

大侠，人人都是产品经理专栏作家。混过文青的支付出道的产品人，长期以支付厮混，关注支付、O2O、社交领域，擅长行业、业务需求分析，产品设计和用户体验。

本文原创发布于人人都是产品经理，未经许可，不得转载。

题图来自Unsplash，基于CC0协议