营销人员需要在整体表现与具体活动之间快速切换。我重新组织关键指标、线索趋势、渠道来源与活动明细,让使用者先看全局,再定位值得深入分析的渠道或活动。
- 设计方向
- 后台交互 · UI 设计
- 展示范围
- 概览 · 活动列表 · 活动详情
- 项目形式
- 历史项目回顾 · 界面重构
重构营销概览的信息层级
本项目是对历史项目的设计回顾,重点展示营销概览页的信息组织与视觉设计。
页面中的日期、数值和活动名称均为示例。本案例聚焦“概览—活动列表—活动详情”的信息重构,不涉及其他模块及历史业务数据。
从营销复盘的问题出发
营销复盘需要在整体表现与具体活动之间切换。本次概览页围绕三个阅读任务组织内容:先了解关键指标,再观察时间变化和渠道构成,最后定位到具体活动,为进一步核查提供入口。
- 整体情况:新增线索、有效线索、试驾预约和成交分别处于什么水平?
- 变化与构成:线索在哪些时间段发生变化,主要来自哪些渠道?
- 活动明细:各活动处于什么状态,对应的线索与成交记录如何?
四个区域,形成清楚的阅读顺序
示意页采用“关键指标—趋势与来源—活动明细”的纵向结构。将不同层次的信息分区,减少指标、图表与操作入口之间的相互干扰。
- 关键指标:将新增线索、有效线索、试驾预约与成交数量放在首屏,并标明各自单位,便于快速了解不同业务环节的规模。
- 线索趋势:通过新增与有效线索的双系列曲线呈现每日变化,结合日期与数值提示,帮助定位需要进一步查看的波动时段。
- 渠道来源:用环形图表达新增线索的来源构成,图例同步列出渠道、数量与占比,兼顾整体观察和具体数值读取。
- 活动表现:以表格集中呈现活动名称、类型、渠道、时间、指标及状态,并保留查看入口,衔接从总体观察到单项核查的阅读过程。
让筛选范围与指标含义保持一致
页面顶部集中放置日期、渠道与活动筛选,图表区域保留局部筛选入口。交互细化时,需要明确筛选的作用范围、默认条件及联动规则,使用户能够理解每组数据对应的统计条件。
指标数量与转化效率分开表达:本页展示各项数量和渠道来源占比,不将其直接解释为同一批客户的转化漏斗,也不以渠道占比判断投入产出。正式落地前,需要与业务、数据团队确认事件时间、去重方式、有效线索标准及渠道归属口径。
从活动列表进入单项复盘
活动列表将查找条件与结果表格分区。活动名称、类型、状态用于缩小查找范围;统计周期决定列表指标的取数范围,活动起止时间则作为独立字段保留,避免将两种时间混淆。
以“新品上市推广”为例,列表呈现新增线索 3,000 条、有效线索 2,100 条、成交 300 笔。进入详情后延续同一活动和统计周期,保留相同数值,并补充试驾预约与活动内的来源分布。
详情页保留上下文,展开来源构成
详情页顶部保留活动名称、类型、执行状态、活动时间与统计周期,让使用者始终清楚正在查看哪项活动。下方沿用概览页的指标卡结构,减少跨页面阅读时重新识别信息的成本。
来源区域用横向条形图比较本活动各渠道的新增线索,旁列数量与占比。示例中的四个渠道合计 3,000 条,与该活动的新增线索一致;底部集中说明统计口径,区分事件数量与转化效率。
用视觉层级支持高密度阅读
三张重构页面沿用相同的导航、筛选控件、指标卡和表格样式。深色侧栏承载功能导航,浅色内容区承载分析信息。通过背景分区、卡片留白和文字层级区分导航、筛选、指标与明细,保持主体内容的可读性。
- 指标卡突出名称与主数值,辅助信息降低视觉权重,避免所有内容同时争夺注意力。
- 图表保留图例与数值提示,使用颜色区分数据系列;具体判断仍依赖标签和数值。
- 活动状态使用文字标签,当前示例统一展示“已结束”的活动,配合活动时间支持复盘阅读。
- 表格中的查看入口保持一致位置;新建活动作为独立操作放在列表区域,区别于分析页面的筛选行为。
设计回顾
这次回顾将概览页的设计思路归纳为三个方面:按阅读任务安排信息顺序,用明确的标签与单位表达数据含义,通过统一位置的操作入口衔接概览和明细。
后续细化应重点验证筛选联动、指标说明及活动详情的衔接,并补齐加载、无数据和获取失败等状态,让静态信息结构能够支持完整的使用过程。
