用户行为分析User Behavior Analytics
以漏斗、路径图与同期群表格还原用户旅程：每级流失率、分支权重、留存曲线。强化「从哪掉、为什么掉」而非堆砌指标。
典型场景增长分析 · 漏斗优化 · 留存
编号35
年代2020s Modern
复杂度Medium
默认模式自动
效果示例
Nova
产品方案定价
开始使用
Design System
同一套组件
不同的性格
色彩、字体、圆角与材质，决定了界面的气质。
主要操作次要操作
标签 A标签 B+12
月度增长
+24.8%
转化率4.2%
客单价¥328
Aa Bb Cc 0123
按钮 / ButtonPrimaryGhost
输入 / Inputname@example.com
标签 / Chip已选中默认+8
进度 / Progress
开关 / Switch
数值 / Numeric1,284.50
同一副骨架，演示色彩、字体、圆角、描边、阴影与材质。明暗切换展示该风格在两种模式下的令牌表现。
风格描述
以漏斗、路径图与同期群表格还原用户旅程：每级流失率、分支权重、留存曲线。强化「从哪掉、为什么掉」而非堆砌指标。
关键词
Funnel visualizationuser flow diagramsconversion trackingengagement metricsuser journey mappingcohort analysis
效果与动效
Funnel animation (fill-down), flow diagram animations (connection draw), conversion pulse, engagement bar fill
设计系统变量
--funnel-width100%--stage-colorsgradient--flow-opacity0.6--cohort-cell-size40px--retention-line-color#3B82F6--engagement-scale5 levels配色方案
色值取自风格数据，不足时补充主题令牌主色 / Primary
Funnel stage colors: high engagement (green), drop-off (red), conversion (blue), user flow arrows (grey)
辅色 / Secondary
Stage completion colors (success), abandonment colors (warning), engagement levels (gradient), cohort colors
强调色在页面底色上的对比度约 3.5:1，适合大字与图形，正文需另配深色。
适用场景
适合 / Best For
- Conversion funnel analysis
- user journey tracking
- engagement analytics
- cohort analysis
- retention tracking
避开 / Do Not Use For
- Real-time operational metrics
- technical system monitoring
- financial transactions
框架兼容
rechartschartjsd3
能力矩阵
浅色模式支持
深色模式支持
移动适配可适配
转化导向不适用Not applicable
渲染成本低无额外开销
无障碍风险低contrast-text-4.5 / keyboard / visible-focus / reduced-motion
实现要点
落地清单
- Funnel stages clear,
- Flow diagram readable,
- Conversions calculated,
- Cohorts comparable,
- Retention trends visible,
- Privacy compliant
CSS / 技术关键词
SVG funnel with gradients, Sankey diagram library, percentage labels, cohort grid cells, retention chart (line/area), click heatmap overlay, session timeline
AI 提示词
Design a user behavior analytics dashboard. Use: funnel visualization, user flow diagrams (Sankey), conversion metrics, engagement heatmaps, cohort tables, retention curves, session replay indicators.