原来B端组件还能这么改版

主要观点总结

本文分享了一个采购流程中的物料表单组件的设计思路和细节，包括设计分析、设计实践等内容。文章介绍了组件的基本认识、核心操作、字段信息以及问题分析等，并详细阐述了设计实践中的框架改动、交互设计等方面。

关键观点总结

关键观点1: 文章介绍了采购流程中的物料表单组件的设计背景和重要性。

文章首先提到今天分享的是一个采购流程中的物料表单组件案例，因为时间关系课上无法全部完成，所以进行额外的分享，将设计的思路和细节展示清楚。

关键观点2: 文章详细阐述了组件的设计分析。

文章对组件的功能、业务目标、物料要求、核心操作、字段信息等进行了详细的分析，并指出了组件的问题，如展示内容不全、表格形式意义不大等。

关键观点3: 文章介绍了设计实践的过程和细节。

文章指出设计实践采用总分总的模式，首先确定交互框架和大概形式，再梳理控件细节。文章中详细描述了框架的改动、空状态、添加/编辑模式、查看模式等的设计思路，并介绍了如何优化表单控件和物料卡片的交互设计。

关键观点4: 文章强调了交互设计的重要性。

文章最后强调了交互的设计是根据对需求的理解给出的解决方案，方案只有合适的，没有“完美的”，只要对需求分析做的够全面，就能自己检查方案的可用性。同时宣传了他们的B端产品设计全能班课程。

文章预览

今天演示的是一个正式课程中讲到的组件案例，因为时间关系不会课上全部做完，所以再做个额外的分享，把设计的思路和细节展示清楚。 设计分析 这次改版的对象是一个采购流程中的物料表单，用于填写所需采购物料的具体参数、明细，下面是原设计的样式。 在进行复杂组件交互设计之前，首先要对它的内容做一些具体的分析。 组件的基本认识： 组件功能：用于添加需要采购的物料清单，并填写每个物料的对应信息 业务目标：让审批和采购员对具体采购内容有清晰的认识 物料要求：根据项目要求，往往会添加数十个物料，且物料差异极大 组件的核心操作： 物料的数量可以增加和删除 填写好的物料可以复制出新的进行编辑 物料中包含很多信息是选择不用填写 组件的字段信息： 组件的问题分析： 展示内容不全，需要一直左右滑动视图区域 ………………………………