产品规划

关于产品规划

用户体验是一个完整的过程,产品规划是梳理完整用户体验的一个工具。

传统的产品需求列表(Story list, MRD)存在一些问题:

  • 并未明显地聚焦于用户体验的完整过程
  • 只见树木(功能)不见林(完整的用户体验)
  • 重要的需求容易淹没在各种细节中
  • 看不到全貌因而难以排列优先级

而产品规划是一个可视化产品需求的简单工具,有助于解决上述问题,特别是当产品需求越来越多,越来越复杂的时候。

为了更清晰地梳理产品,产品规划约定:横向坐标主要用于产品版本规划,纵向坐标主要用于开发迭代计划。产品规划主要由三部分构成:看板、标签和卡片。相信到了这一步,卡片已无需再多介绍,我们主要在这里说明一下看板和标签的概念:

关于看板

一般来说,一个看板即为一个产品规划,多个看板往往用于不同版本的产品规划。我们所做的就是:用图形化的界面和简单的文字性介绍代替纯粹的文字性描述,更加直观、优美的来展示规划详情。

关于标签

标签主要包含 "一级分类" 和 "二级分类" 这两类。其中,一个 "一级分类" 下可以添加多个 "二级分类",一个 "二级分类" 下可以添加多个卡片。

在进行产品梳理时,"一级分类" 可以认为是功能,"二级分类" 为用户关于这一功能的体验流程,每个 "二级分类" 之下是更具体的操作卡片。比如注册登录作为一个 "一级分类",首页、注册、登录、引导等作为 "二级分类",注册 "二级分类" 下有邮箱注册、手机号注册、验证码等卡片。

另外,关于产品规划的使用,我们在页面中还隐藏了一个小小的介绍,助您快速理解。如图:

313db965e768e13b8d72028c0f8bab5ef00fd713.png

开启产品规划

【项目设置】选项只有项目管理员可以看到,默认的项目管理员即为项目的创建者

99669913155270e5e8f5f1fa795b2e960d6f04a4.png

deaff014627d49c434ab42e3099791b92165efb5.png

看板管理

新建看板

Step1:点击【产品规划】组件,进入看板展示页面,可以看到,我们为您准备了一个默认的看板;

467c4b653caad0aa2f9908a59d7f784f8a20da97.png

Step2:点击 "切换看板" 按钮,在出现的下拉框中,点击 "创建新看板" 按钮;

2b4da0e36bb21f6e041138c442eee8b47389b16a.png

Step3:在弹窗中,输入看板名称,点击确认,会收到 "创建新看板成功!" 的系统提示。

ce19515cc0e74aba92ff8fc0766ae329743fc041.png

bc4df1c79edb8b038f0090907bfe4ec8c593b505.png

编辑和删除看板

Step1:点击页面右上角的 "看板操作" 按钮;

6ef8a02ead7021997ee6fabcf32cf9885930dbd0.png

Step2:在右浮弹窗中,可编辑看板名称或者删除看板。

8c7f7ef4186413a279a7042ddb18dfefd9c44c36.png

切换看板

点击 "切换看板" 按钮,在下拉框中,点击要查看的看板名称即可。

8297b397387089ea3f177916a1289bac40e66b55.png

全屏模式

点击全屏按钮,可进入会议模式。全屏展示看板,注意力更集中,会议中使用全屏模式,绝对是一件很酷的事!

537b179d166fa5dbdcdcd2ab0cf9014209de1693.png

标签管理

新建标签

标签分为两类:一级分类标签、二级分类标签。

一级分类标签

Step1:鼠标悬停在一级标签上时,点击出现的 "+" 图标;

712e114181ef8448d8a8e5a6e055b1ccd828818a.png

Step2:填写标题即可完成 "一级分类" 标签的新建。

95dd9232a11f66f8c45d6c5c1c3c7c752ce14577.png

二级分类标签

二级分类标签的新建分为两种:一级分类下已有二级分类标签、一级分类下没有二级分类标签。

1)若一级分类下已有二级分类标签:

Step1:鼠标悬停至二级标签上,点击出现的 "+" 图标;

b720c5d41cbd829c560fc1b772a2fc89e3d3bf73.png

Step2:填写标题即可完成 "二级分类" 标签的新建。

b6504f55223cb477d0637c3d2961e1360067aa41.png

2)一级分类下没有二级分类标签:

Step1:鼠标悬停,出现 "新建标签" 的虚线框提示,点击该虚线框;

794c522d9b224952c3e667de6f9354fbef85ec89.png

Step2:填写标题即可完成 "二级分类" 标签的新建。

ece063bde04aaa00e02502e5092d2902ec63d745.png

编辑和删除标签

注:若一级分类下存在二级分类标签,则无法直接进行删除操作,需要先删除二级分类标签。同样如果二级分类标签下存在卡片,需移除或删除卡片之后,才可删除二级分类标签。

一级分类标签

鼠标悬停至一级分类标签处,点击 "...",在下拉选项中可进行编辑和删除操作(图中一级分类下存在二级分类标签,故无法直接删除)。

ff215c303f715ccf843e651c7597af475298b28b.png

二级分类标签

鼠标悬停至二级分类标签处,可直接进行编辑和删除操作(如果二级分类标签下存在关联卡片,则需先移出或删除卡片,才可执行删除操作)。

2c7566039197f53055e5f0403c257a78860d1e56.png

标签拖拽

由于 "一级标签" 和 "二级标签" 以及接下来的卡片存在级联关系,因此拖拽标签会引起其下所有卡片的联动。

633d98a561014125806e56d5f6e227499a6fc79b.png

bb4c0612523eec61d4852a633dd6ea8a97c412d6.png

折叠和展开

标签默认为展开状态,点击折叠按钮,可查看折叠后的效果。

feb00d3b17b123930d6d4c27386a785dc0e4997a.png

283891b56007007112448946dd14a6a868855d11.png

放大和缩小

点击放大或缩小按钮,或直接拖动 "O" 图标,可实现标签的放大和缩小功能。

b403d3db149028015da19976d54728becf5b16d6.png

卡片管理

新建卡片

在产品规划中新建卡片,一共有三种方式:顶部新建、虚线框新建、向下新建。

1)顶部新建

Step1:点击页面右上角的 "+新建卡片";

a2c17bfd4a672782bef0cb5930f7753826f68b52.png

Step2:填写卡片信息,点击确定(*为必填项),系统提示 "成功";

e2e7fef05af2c3567b421eab6809d227d7978b64.png

7be418374cc5d403781338fdb8408f8dd3a55f9d.png

Step3:顶部新建的卡片,如果未填写分组计划,则可在 "未规划的卡片" 中查看(如需分组,拖拽即可)。

5e89400dbf60a17cfa9783ab760dae502fbb1eae.png

2)虚线框新建

Step1:鼠标悬停,点击出现 "新建卡片" 的虚线框;

6ca507c228859ab99a5d661d131f75aa75a028e7.png

Step2:填写卡片标题,选择卡片类型即可完成新建卡片。

2f1544315e3509d988ab3c0765ed3bc9194d1eb2.png

3)向下新建

鼠标悬停已有卡片,点击出现的 "+" 图标,填写卡片标题,选择卡片类型即可完成新建卡片。

03f4b1ba108549326ae7545c69493061cbd075b3.png

编辑和删除卡片

1)鼠标悬停卡片,点击出现的 "编辑" 和 "删除" 按钮即可。

43e2102dcfcb3c7182870cf0594af1789f6111d9.png

2)鼠标双击,在卡片右浮弹窗中修改和删除。

69121c5e70f20fcd0f2646ef96feae7fa5757f8e.png

卡片拖拽

长摁鼠标左键,即可拖拽卡片。

079444915d412138167ab9da266fd5ab1f2dd0ae.png

未映射卡片

如果项目中已经创建了一些卡片且不在产品规划中,这部分卡片属于未映射卡片,位于下方 "未映射的卡片" 分组内。展开后可以挑选相应卡片拖拽到对应分组,也可以通过筛选条件快速定位你想要拖拽的卡片。

d9d875898f4cdcccbabd315c568940631d3d9102.png

卡片统计

bfda8b3c8c96c77094974ce7a3abc1b8d3c7a485.png

卡片筛选

在 "看板操作" 中设置卡片筛选的规则即可

7e6b80dbe759ca364ac16450b86fc95aa0315697.png

ffcd86eca5c6825158bb59855018416199563cbe.png

高亮显示

设置卡片高亮显示的入口有两个:

1)直接点击页面上设置 "高亮" 的按钮。

b694d50c88a19d7259198177518aeba1c735ff68.png

2)点击页面右上角的 "看板操作",选择 "颜色高亮"。

7138ad4e5880c38dad37877e68eb0abd8ca1b0e9.png

批量修改

使用 Ctrl 键可多选卡片,进行批量修改卡片所属计划

8f823690d40852748a498cc3e1ac655f64044a33.png

分组和计划

新建分组

点击分组右方的齿轮按钮,可选择 "在上方新建分组" 或 "在下方新建分组",然后输入分组名称,即可完成分组新建。默认分组只可 "在上方新建分组"。

9cb019bc8e13f20f83098b95422ce7fe9207aeb1.png

编辑和删除分组

注:分组中有卡片时,无法执行删除操作,且默认分组无法删除

点击分组名称右方的齿轮按钮,可编辑分组名称和删除分组。

51a7f4d80eb9c871aa5018f7412c0d85cf21fd70.png

关联计划

我们在产品规划中可以看到产品的全貌,若能与项目排期相结合,让每个任务都有源可循,那么计划的核心问题和需求优先级便更加一目了然,从而保证项目的平衡发展。故我们在产品规划中,提供了可以映射【迭代管理】中的计划的选择。

如图,我们在【迭代管理】中存在一个 "2019新年规划" 的计划,且包含一张 "第一个新年规划" 的卡片。

942fbd5ede7d9acf2a351a4e6525cd13b255a403.png

我们回到【产品规划】,打开页面右上角的 "看板操作",选择 "行列" 页签,切换到 "所属计划" 选项。

deb69ec9cd61c8777bdb61b915a39aaaed21046d.png

然后我们发现,在原来的分组处,已被计划所替代。

7635a0c5f66e5caa32d0a04c2289fa667af800a2.png

同样,我们也可以在上图显示的计划中,对卡片进行相关操作(参考 【产品规划】中的 "卡片管理"),相应的改变也会同步到【迭代管理】中。但在这里我们只负责展示计划,并不能对计划本身进行编辑等操作,仍需在【迭代管理】中进行。