前言：在金融行业中，大众化的理财产品往往不能满足高端客户资产保值、增值的需求，为了做好这部分客户的留存，投资机构会根据客户的投资需求，发行专属的定制产品。在实际执行时，一般是由客户专属的投资顾问代为发起定制需求，再由产品业务部门根据定制需求计划性发行产品。这次带来的就是定制需求设计实现的案例分享，一共分为两个部分：产品设计思考、产品设计文档。

第一部分：产品设计思考

整体来说，定制需求产品设计实现并不复杂，但是对于产品设计师而言，最终实现的设计方案是需要经得起推敲、受得起质疑的，所以，在产品设计时需要多思考为什么要这么做。第一部分主要分享这次需求设计过程中的一些思考，包括有4个点：还原真实场景、确保沟通有效、系统兼容性考虑、详情展示设计探索。

1.还原真实场景

投资顾问代客户发起理财产品定制需求时，需要提供一些参考信息给到产品业务部门，例如客户偏好的产品类型、能承受的产品风险、预计投入的资产、大概投入多少年、期望获得的年化收益等。然而在真实的场景中，客户的需求可能是比较模糊的，不同客户自身的特性和需求也是不一致的。例如保守型A客户会说“我现在有一笔资产，想做一个养老的规划我想买一些保本类的产品”，激进型B客户会说“股票、基金没意思，我对高端理财产品比较看好，期望能获得20%左右的收益”。所以，填写定制需求时，应该给投资顾问更多的发挥空间，不能过于限定，体现在具体页面中的做法就是：填写表单时，只规定少量的必填项，其他都是选填项，务必提供一个可供自由发挥的多行文本框。

2.确保沟通有效

投资顾问、产品业务部门人员，就定制需求采用的沟通方式是书面沟通（在系统中），要使得书面沟通有效，就需要尽可能地详细说明需求，或者说，提供更多的资料。如果要求投资顾问花费大量时间去详尽填写表单，用大段文字详细描述需求，显然不现实，我们可以考虑为投资顾问提供更便捷的提供资料的方式，例如上传附件，因为有时候一张截图比一段文字更清晰易懂，也更有说服力。

此外，电话沟通、当面沟通会比书面沟通来得更有效，在表单填写时，可以选择让投资顾问留下自己的联系方式，方便产品业务部门人员电话与其沟通。

3.系统兼容性考虑

如果定制需求在移动端也能发起和查看，就需要顾及移动端和Web的兼容性，例如，在移动端上传、查看图片会比较方便，但是上传、查看其它格式例如PDF、Word、Excel等文件就没那么方便了，所以，如果要考虑兼容移动端，可以限制Web端也只能上传图片格式的附件，和移动端的体验一致。

4.详情展示设计探索

通过前面的设计思考，表单填写部分已经没问题了，下一个问题是如何把表单填写的内容展示给产品业务人员，也就是所谓的详情页面应该如何展示。一种比较笨的方法是按照表单填写页面样式禁用控件作为详情页展示，如果后台系统开发赶工期，可以这么处理；如果时间充裕，还是需要考虑更优的一些详情页面展示的方式。对比这里表单填写的字段情况，字段长度和填写的内容有长有短，如果从上往下排列，在Web端就会显得右侧比较空，同时各行字段在对齐时会显得参差不齐。在对比多种方案后，我们采用了用格子的形式把字段“围起来”进行展示的方案，对齐线依赖格子与格子之间的对齐。

为什么这样设计？设计灵感来自把各式各样的衣物整齐放到格子里面的树脂衣柜，可能每个设计师给出详情页设计方案和理由都不一致，但是一定要有理论支撑，为什么需要这么做。

第二部分：产品设计文档

经过思考的步骤之后，下一步就是把想法转化为原型和文档，毕竟需要把设计思路传达给其他团队成员，由于保密性的原因，这里给出其中一小部分产品设计文档以供大家参考，包括需求和交互说明的一些信息。很多时候，我们不用太多拘泥于XX文档模板，因为这些模板不是共性的，只需要把重点的内容描述清楚和详尽即可，而且要根据自己公司项目、团队习惯不断改进。

1.需求概述

需求概述部分，可以就背景、角色场景、整体流程等方面进行交代，方便文档阅读对象从宏观上理解和把握你的产品设计意图。

1.1背景

在金融行业中，大众化的理财产品往往不能满足高端客户资产保值、增值的需求，为了做好这部分客户的留存，投资机构会根据客户的投资需求，发行专属的定制产品。

1.2角色场景

在产品定制过程中，一般是由客户专属的投资顾问代为发起定制需求，再由产品业务部门根据定制需求计划性发行产品。

投资顾问：收集高端客户提出的个性化理财需求，并且通过平台填写表单提交到产品业务部门。

产品业务部门人员：获得投资顾问代客户发起的理财定制需求，就需求进行分析，给出答复意见，若可行，则需按照需求开发产品。

1.3整体流程说明

1.4状态说明

定制需求单有两种状态，分别是：需求中，已处理。

需求中：投资顾问新发起产品定制需求，产品业务部门未处理。

已处理：产品业务部门人员给予明确的处理答复，并手动将需求单关闭。

2.功能说明

功能说明部分，需要给出细致的需求和交互说明，例如链接跳转、字段说明、状态变更时机等。

2.1发起产品定制

在产品定制列表页面，点击“定制产品”按钮，即可发起产品定制流程（在当前页面打开），投资顾问需要在定制需求单填写如下字段供产品业务部门人员参考。

附件仅支持支持扩展名: .jpg  .png  .pdf  .doc  .docx  .xls  .xlsx  .rar  .zip格式的文件，在弹框时，过滤/不可选其他格式文件。例如Mac OS系统下，上传图片时非图片格式的文件是禁止选择的。

此外，限制文件大小为20MB，若选择上传的文件大小超过20MB，则在选择完毕进行校验后，弹框提示“单个文件大小超过限制”。

附件上传成功后，在下方展示相应的附件名称及扩展名，可以点击附件名称后面的“X”删除已上传的附件。

因为是表单填写页面，所以在提交表单时，需要对表单的有效性进行校验，带有红色*号的代表必填项，文本输入框不限制输入字符，当必填项未填写时，下方“提交”按钮置灰展示。

点击“提交”按钮提交产品定制需求，提交成功后，记录该需求单且把状态变为“需求中”，并在当前页面弹出提交成功的提示弹框。点击“我知道了”，关闭弹框，并在当前页面打开定制产品列表页面。

2.2查看并处理需求

产品业务部门人员收到定制需求后，可以进入需求单详情进行查看，需求单详情除了展示需求的内容外，还增加处理记录的展示，记录产品业务部门对需求单的回复内容以及回复时间。

产品业务部门明确定制产品需求处理结果时，可直接回复处理结果，带有红色*号的代表必填/必选项，文本输入框不限制输入字符，当必填项未填写时，下方“回复”按钮同样置灰展示。输入回复内容并回复成功后，在当前页面弹出回复成功的提示弹框。点击“我知道了”，关闭弹框，刷新当前页面，增加一条处理记录。

点击“完成处理”按钮可以关闭需求单，即更改需求单的状态，若之前没有任何回复记录，则弹框提示需要先回复。点击“我知道了”，关闭弹框。

若已回复过，点击“完成处理”按钮则弹出二次确认提示。点击确定后，需求单的状态变为“已处理”，关闭弹框，并在当前页面打开管理列表页。注意，“已处理”状态的需求单，将不能再进行回复操作，即需求单详情处理需求模块不可见。

3.写在最后

由于保密限制，第二部分设计文档仅仅展示了其中一部分设计内容，还有更多的一些状态情景留待大家去总结和思考，例如需求单提交后，投资顾问是否可修改、撤回？产品业务部门完成定制产品后，是否可以将需求单直接关联到产品的名称和代码？投资顾问只能单方面接受产品业务部门关于定制产品的回复意见，是否可以进行双向沟通？

更多我的原创精彩的文章推荐（读完多点赞哦）

精品（超过700赞）：干货：让你全方位学习成为一名交互设计师（1.6万字诚意之作）

交互设计系列：后台全局搜索交互设计案例

Sketch教程：Sketch进阶教程：这可能是Symbol最详细的使用说明书