企业级后台,营销概览,信息架构,UI 设计

比亚迪数字化营销系统

围绕线索、渠道与活动,组织营销概览的信息层级

比亚迪数字化营销系统 · 营销概览重构示意,非历史产品截图

营销人员需要在整体表现与具体活动之间快速切换。我重新组织关键指标、线索趋势、渠道来源与活动明细,让使用者先看全局,再定位值得深入分析的渠道或活动。

设计方向
后台交互 · UI 设计
展示范围
概览 · 活动列表 · 活动详情
项目形式
历史项目回顾 · 界面重构

重构营销概览的信息层级

本项目是对历史项目的设计回顾,重点展示营销概览页的信息组织与视觉设计。

页面中的日期、数值和活动名称均为示例。本案例聚焦“概览—活动列表—活动详情”的信息重构,不涉及其他模块及历史业务数据。

从营销复盘的问题出发

营销复盘需要在整体表现与具体活动之间切换。本次概览页围绕三个阅读任务组织内容:先了解关键指标,再观察时间变化和渠道构成,最后定位到具体活动,为进一步核查提供入口。

  • 整体情况:新增线索、有效线索、试驾预约和成交分别处于什么水平?
  • 变化与构成:线索在哪些时间段发生变化,主要来自哪些渠道?
  • 活动明细:各活动处于什么状态,对应的线索与成交记录如何?

四个区域,形成清楚的阅读顺序

示意页采用“关键指标—趋势与来源—活动明细”的纵向结构。将不同层次的信息分区,减少指标、图表与操作入口之间的相互干扰。

  • 关键指标:将新增线索、有效线索、试驾预约与成交数量放在首屏,并标明各自单位,便于快速了解不同业务环节的规模。
  • 线索趋势:通过新增与有效线索的双系列曲线呈现每日变化,结合日期与数值提示,帮助定位需要进一步查看的波动时段。
  • 渠道来源:用环形图表达新增线索的来源构成,图例同步列出渠道、数量与占比,兼顾整体观察和具体数值读取。
  • 活动表现:以表格集中呈现活动名称、类型、渠道、时间、指标及状态,并保留查看入口,衔接从总体观察到单项核查的阅读过程。
营销概览重构示意:指标、每日趋势、渠道来源与活动表现
01 / 营销概览:先看整体规模,再定位时间变化、来源构成与具体活动 · 点击图片查看原图

让筛选范围与指标含义保持一致

页面顶部集中放置日期、渠道与活动筛选,图表区域保留局部筛选入口。交互细化时,需要明确筛选的作用范围、默认条件及联动规则,使用户能够理解每组数据对应的统计条件。

指标数量与转化效率分开表达:本页展示各项数量和渠道来源占比,不将其直接解释为同一批客户的转化漏斗,也不以渠道占比判断投入产出。正式落地前,需要与业务、数据团队确认事件时间、去重方式、有效线索标准及渠道归属口径。

从活动列表进入单项复盘

活动列表将查找条件与结果表格分区。活动名称、类型、状态用于缩小查找范围;统计周期决定列表指标的取数范围,活动起止时间则作为独立字段保留,避免将两种时间混淆。

以“新品上市推广”为例,列表呈现新增线索 3,000 条、有效线索 2,100 条、成交 300 笔。进入详情后延续同一活动和统计周期,保留相同数值,并补充试驾预约与活动内的来源分布。

活动管理重构示意:条件筛选与四项已结束活动
02 / 活动列表:筛选条件与活动记录分区,查看入口位置统一 · 点击图片查看原图

详情页保留上下文,展开来源构成

详情页顶部保留活动名称、类型、执行状态、活动时间与统计周期,让使用者始终清楚正在查看哪项活动。下方沿用概览页的指标卡结构,减少跨页面阅读时重新识别信息的成本。

来源区域用横向条形图比较本活动各渠道的新增线索,旁列数量与占比。示例中的四个渠道合计 3,000 条,与该活动的新增线索一致;底部集中说明统计口径,区分事件数量与转化效率。

新品上市推广详情重构示意:活动信息、指标及来源分布
03 / 活动详情:保留活动和周期上下文,展开单项活动的渠道分布 · 点击图片查看原图

用视觉层级支持高密度阅读

三张重构页面沿用相同的导航、筛选控件、指标卡和表格样式。深色侧栏承载功能导航,浅色内容区承载分析信息。通过背景分区、卡片留白和文字层级区分导航、筛选、指标与明细,保持主体内容的可读性。

  • 指标卡突出名称与主数值,辅助信息降低视觉权重,避免所有内容同时争夺注意力。
  • 图表保留图例与数值提示,使用颜色区分数据系列;具体判断仍依赖标签和数值。
  • 活动状态使用文字标签,当前示例统一展示“已结束”的活动,配合活动时间支持复盘阅读。
  • 表格中的查看入口保持一致位置;新建活动作为独立操作放在列表区域,区别于分析页面的筛选行为。

设计回顾

这次回顾将概览页的设计思路归纳为三个方面:按阅读任务安排信息顺序,用明确的标签与单位表达数据含义,通过统一位置的操作入口衔接概览和明细。

后续细化应重点验证筛选联动、指标说明及活动详情的衔接,并补齐加载、无数据和获取失败等状态,让静态信息结构能够支持完整的使用过程。