下面这篇文章是笔者整理分享的关于B端设计中页面流程重构的相关内容，对此感兴趣的同学可以进来了解了解哦！

请注意哈，产品流程重构是一个大复杂的过程，涉及多个方面和参与者。确保在重构过程中保持与目标的对齐，并持续改进以满足用户需求。

从设计角度来重构，以用户体验为基础，在用户操作界面去改善、重构流程。业务还是那个业务，逻辑还是那个逻辑。

整个一套操作逻辑，简化流程，逐步由简到难的过程优化，原本的业务比较庞大，操作逻辑相当复杂且麻烦，在操作使用就比较粗糙，只能依靠专业人士进行操作培训，才能够顺利进行。有时开发人员都不一定能明白如何进行。

一、明确目标

1. 表现出数据的意义：分阶段反馈

• 将整个数据清洗过程拆分成多个小步骤。
• 每个步骤完成后，给予用户明确的反馈，如进度条、成功/失败的提示、或数据前后对比等。

关于数据清洗的业务复杂，需要操作的流程有很多，分步骤拆分，原本的每个小流程清洗的结果反馈不明显。

2. 优化流程，简化操作步骤，由简入繁逐步解决需求问题，提高用户体验，也要提高数据反馈力度。

• 对常用的或主要的清洗操作进行优化，使其变得更简单、直观。
• 提供“一键清洗”功能，拆分常用和高级选项筛选功能分级，对于常用的清洗需求，用户只需选择常用记录里的清洗方式，点击一次即可完成。
• 提供默认值或推荐值，减少用户需要决策的选项。

3. 降低复杂操作认知度，引导式提示方式

对于新手用户或不熟悉复杂操作的用户，提供引导式的操作界面。

通过逐步引导、提示和建议，帮助用户由表入里完成复杂的数据清洗任务。

二、现状分析

• 产品功能：针对数据池塘中的数据进行高效检索，筛选出数据样本研究对象，为临床科研提供坚实的数据支撑，从而确保研究的准确性和有效性。
• 业务逻辑：这里，主要聚焦于从操作层面筛查过程范围。为实现目标数据的精准筛查，我们采用严谨的排除和纳入方法，并对单个数据指标进行设置，从而构建高质量的样本数据池。在此基础上，我们进一步考虑样本间的交叉影响事件和因素，确保最终筛选出的分类样本数据具有代表性和可靠性。
• 操作反馈：当前的前端操作界面存在一定的使用难度，对于新手来说不太友好，导致上手难度较大。同时，由于我们的培训对象主要是专业医疗人员，他们的时间非常宝贵且难以预约，因此培训的时间成本也相对较高。为了改善这一状况，我们将不断努力优化前端操作界面，降低使用难度，提高用户体验。同时，我们也将积极探索更高效的培训方式，以减少时间成本，提升培训效果。

三、流程梳理

主要是前端操作层面的梳理，业务方面的流程不做说明哈，都懂的。

1. 登录与权限验证：这块不作讲述，正常的给予账户权限进行操作

2. 数据检索界面

• 划分一般检索框和高级筛选功能。
• 一般检索框提供搜索框和常用、历史筛选条件，用户可以根据自己的需求输入关键词或选择筛选条件。

3. 数据筛选与样本池构建

• 常用检索就是一个搜索框，类似现在搜索引擎的方式，得到一个初步的检索结果，当然也提供进一步的筛选选项。
• 用户可以根据排除和纳入方法进行数据进一步筛选。
• 进一步筛选，提供工具或界面让用户设置单个数据指标。
• 经过筛选和设置后，生成初步的数据样本池。

4. 样本交叉影响分析界面

• 显示数据样本池中的数据概览和相关统计信息。
• 让用户分析样本间的交叉影响事件和因素。
• 根据分析结果，用户可以进一步筛选和分类数据。

5. 最终样本确定

显示经过交叉影响分析后的最终分类样本数据。

6. 操作反馈与帮助

• 在操作过程中，提供明确的反馈和提示，如操作成功/失败、数据变化等。
• 提供帮助文档、教程（位置在那一项的边上作为“？”提示符），以帮助用户解决操作中的问题。

四、设计流程

前两个部分，将目标分析和流程梳理已经整理的比较清晰了，设计这块就可以加快脚步了。

1. 将复杂逻辑线进行拆分，规划简单入门步骤和复杂操作步骤两部分

重构前版本，普遍的操作是对于某一个指标项有着特定的筛选条件、筛选方式（调整为通用的筛选方式，针对性的筛选方式两种），那么将这类通用作为常用项，并由指标项去定后直接带出，针对性的方式作为补充筛选方式引导，作为深层次的筛选方式放置于高级操作内。

2. 优化交互方式

1）单条指标项功能（包含子功能）步骤的操作，从起始到结束，需要有正向的提示和反馈。VR

2）成组指标项

成组大概就这么个示意，根据业务要求进行细致修改，样式可以变化，能够表示层级关系即可

1. 至于混合组（多个不同组的单条重新编组），也是可以操作的，比较多，讲多了，不合适。这里不做讲述，大家可以自行思考规划，如果有需要的话。
2. 组的设置（影响因素：编辑、组删除、组变化）。

3. 优化主次，首要突出

a.业务的复杂性，在用户体验、操作反馈上做调整；调整入手顺序和频次高的操作，犹如吃饭就要筷子一样，常识性的功能工具就顺势带出设置，晦涩难懂的功能带注释“？”。

b.优先主要内容，优先处理当前执行的筛选条件，完成后再处理其他内容。

这个是在后端程序运行的时候，在前端界面按照操作的样式出数据反馈。

五、实施计划

原本是任务时间紧，需要在原来版本中部分调整,之后与前端开发的沟通的结果是，风险比较大。因此前端直接重新写一份。设计出一份详细的交互样式，尤其是告知操作的步骤、数据反馈和提示。

专栏作家

Ychen，微信公众号：B端设计啊呜，人人都是产品经理专栏作家。专注于医疗大数据B端产品设计领域。

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

题图来自Unsplash，基于 CC0 协议。

该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。