B端表单优化：杜绝贪心设计，避免滥用树形

文章预览

第一部分：需求 业务背景：手机维修中心，对机型/型号的相关[问题]进行定位，根据不同的损坏进行维修。现在要设计一系列界面，针对不同机型、不同型号、不同[问题]进行报价管理。 数据结构： 需求描述： 某个机型/型号，遇到不同[问题]，可以设置不同价格，也可能无法维修(没有价格) 机型、型号、问题分类、[问题]，均可随时添加，添加后可以补充对应价格 第二部分：旧版设计 报价列表(主界面) 图中标出了7个相关表单，分别如下图： 旧版的痛点： 问题分类、问题、价格分别维护， 很麻烦 分步骤维护“问题分类—问题—价格”，由于“多对多”关系，会导致 表单特别长 添加数据的 操作次数超多 查看报价列表需要一级一级展开， 很繁琐 第三部分：迭代设计 针对旧版暴露的问题， 设计 改进 如下： 由价格/机型为起点，发起补充其余信 ………………………………