crm精细化管理思路 (crm系统产品设计)

以列表页的思考题为延续,我们思考下详情页如何设计;

思考题:

如果你来设计详情页,可以划分为哪些区域?

首先,从ant元件库中,拖拽一个高级表单,这个表单基本满足了所有的要求;

crm系统三年规划,crm运营体系的思路

稍微做点变更:

crm系统三年规划,crm运营体系的思路

改动点:(详情页区域很大,就不太追求结构的紧致性了,大家可以自己发挥)

  1. 最上面这行:收起/展开、模块名称、帮助、后台;与列表页一样;
  2. 返回列表:增加一个返回列表的功能,点击由详情返回到列表页,并标识当前数据行;
  3. 上下翻页:因为当前详情页是整屏的,如果是右侧遮罩式的,不需要翻页;
  4. 关联业务:这里放所有和当前业务相关的一些模块数据;举个例子:一个客户可以有多个联系人,那在当前客户数据下,我们可以查看多个联系人信息,那联系人就是关联业务;

ps:实际上这个详情页还有一些功能是缺失的,比如关注,标签等,我们在后续讲到相应功能时,再逐步补充;

最终在得到的详情页中,我们划分好区域:(跟列表页一样的没标记)

crm系统三年规划,crm运营体系的思路

详情页区域划分:

  1. 功能区:返回列表,上下翻页;主功能区,这里和列表页不一样的是,这里的空间和操作我选择了平铺,更方便操作,还是操作空间大的原因;单号这里,实际上是主题字段,也可能是客户名称,所以这里实际上属于名片区的一部分,放到下面也可以;
  2. 名片区:重点信息区域,适用于详情页基本信息字段比较多的情况,通过重点信息的查看,就能了解这条数据的想要的内容;
  3. 选卡区:这里可以只有2个,那切换到第二个关联业务中,需要有个二级选卡区域;如果这里就可以显示超过2个,则可以把关联业务直接都平铺到这一行;还有一种是关联业务都是平铺下来,不需要选卡切换;
  4. 流程区:这里包含了审批流,阶段流等内容;还缺少一些审批字段;
  5. 基本信息区:字段信息受字段权限和布局权限控制;
  6. 关联业务区:这里的展现形式,实际上就是所有关联业务平铺的形式;这部分可以挪到关联业务中;

到这里详情页的分享主题内容就完成了。留2个作业题,有感兴趣的朋友可以加文末微信一起交流。

作业题:

1、在这个版本的详情页里面,你觉得哪些地方是可以在后台进行配置的;举个例子,名片区域的字段;

2、在这个版本的详情页里面,哪些是变量会发生变化的。举个例子,审批流程,不同业务的审批流程不同;

拓展阅读:

遮罩式的详情页:(这种详情页的好处是,点击列表的主题字段,右侧可以切换显示;不好的地方是,需要维护2种详情的样式,因为关联业务的详情,还需要设计一个和咱们上面一样的详情页;)

crm系统三年规划,crm运营体系的思路

联系方式:

crm系统三年规划,crm运营体系的思路