CRM客户详情页怎么设计？资料、跟进与商机

CRM 客户详情页应先回答“这是谁、现在进展如何、下一步做什么”，再展开资料。把客户主档、联系人、商机和跟进事件分别组织，用清晰关联把它们连接起来；不要把全部字段铺成一张长表。可先用Pixso 界面设计工具排出摘要、关系和时间线，再补齐无商机、多人跟进及权限受限状态。

从销售准备一次跟进开始，而不是从字段开始

设计案例设定为设备销售团队：销售负责人打开“澄星设备”的客户详情，准备继续沟通“包装线改造”商机。上次跟进记录显示客户仍在确认技术需求，下一步是安排方案交流。页面需要帮助销售找到联系人、了解已有承诺并记录新进展，而不是首先展示几十项工商资料。

这意味着页面首屏的优先级应是：客户名称和负责人、当前关系状态、最近有效跟进、下一步事项以及可执行操作。地址、行业、企业规模等资料仍有价值，但可以在基础资料区集中呈现。重要程度取决于使用者这次要完成什么，不取决于数据库字段的排列顺序。

如果读者还在确定后台整体布局，可以先读后台管理页面的任务组织方法；这里专门解决一个客户对象内部的关联与跟进，不重复仪表盘的指标卡片设计。

客户、联系人、商机和跟进，不能混成同一层

一个客户可以同时存在多项商机。页面不能因为其中一项已成交，就把所有商机都显示成“已成交”。同样，“客户负责人”与“商机负责人”可能不同，名称要写清，不用一个没有上下文的头像代替职责。

事件记录还应区分“业务发生时间”和“系统录入时间”。销售可能补录昨天的电话；如果只按录入时间排序却标成沟通时间，阅读者会误判先后。默认显示业务时间，需要追溯时展开查看录入与修改信息。

首屏放判断，第二层放查找，完整资料有固定归处

宽屏可以把摘要放在顶部，主体左侧给跟进时间线，右侧给下一步事项和关键联系人；基础资料、商机、附件按内容规模组织成分区或页签。侧栏不是堆放所有次要字段的地方：如果下一步事项很长，应让它进入主体，而不是挤成难读的窄列。

“新增跟进”可作为主操作，“新建商机”和“编辑资料”保持次级。不要同时展示多个高亮按钮。无编辑权限的角色仍可能需要查看沟通记录，页面不应因为隐藏主按钮就失去完整上下文。

手机端把客户摘要、下一步事项、关键联系人和跟进流按任务重排，不只是把右侧栏堆到页面末尾。客户名称过长时，保留编号或可展开名称；固定操作区不能遮住时间线最后一条记录。

让“新增跟进”把信息留给下一位接手者

以一次方案电话为例，记录不应只有自由文本“已联系，继续跟进”。表单可以包含联系对象、关联商机、发生时间、沟通要点和下一步事项。关键内容是客户确认了什么、仍缺什么材料、谁在何时继续，而不是让使用者填写更多形式化字段。

1. 从“包装线改造”商机进入时，预选该商机；从客户主档进入时，可由使用者选择，不能悄悄关联第一项商机。
2. 选择联系人后，在提交前保留姓名和角色。不要只显示电话号码，避免同一公司多人时记录归错。
3. “下一步：安排方案交流”需要负责人和时间；如果只记录历史事实，允许不创建待办，不强迫生成无意义任务。
4. 保存成功后，新记录进入时间线，下一步区域相应更新；保存失败时保留已输入内容，并说明可以继续重试的位置。

在 Pixso 中可以把新增表单、保存成功时间线和失败保留输入的状态并排，连接操作顺序，让销售与研发讨论同一条路径。这里设计的是 CRM 的业务界面，不要求设计工具连接实际客户库才能表达规则。

缺资料、无权限和没有记录，是三种不同情况

“暂无联系人”应该提供添加入口；“你无权查看联系人详情”应该解释可见范围或提供申请路径；“加载失败”应该允许重试。三者都写成“暂无数据”，会让销售误以为团队从未维护过这个客户。

权限受限时，列表数量、摘要和通知也要一致。正文隐藏了联系方式，却在最近跟进摘要里露出完整电话，同样破坏访问边界。设计稿应标注哪些字段可看、可编辑、可导出，由服务端实施对应权限，不能依赖前端隐藏实现保护。

客户被转交后，保留历史记录的操作者，更新当前负责人；不把过去的沟通一并改成新负责人的成果。删除联系人或商机时也要确定历史记录如何保留名称与关联说明，避免时间线留下无法解释的空白。

用一次交接检查信息是否完整

让一位未参与前期沟通的同事只看设计稿，回答四个问题：应联系谁、为什么联系、上次承诺是什么、下一步何时完成。如果他必须在多个页签反复猜测，就调整信息顺序或补上关联提示。

最后补三类数据样本：没有商机的新客户、多联系人多商机的活跃客户、已转交且有历史记录的客户。不要只用“一个联系人、一条商机、一条记录”验证布局。客户详情的价值不是信息最多，而是接手者能够带着正确上下文继续工作。