热力图分析技能

目的

分析用户交互热力图，以识别注意力模式、点击集中区域和滚动深度洞察，用于用户体验优化。

能力

从分析平台解析热力图数据
识别注意力热点区域和冷区
分析点击集中模式
测量滚动深度和参与度
生成注意力流可视化
比较不同变体的热力图

目标流程

user-research.js
user-journey-mapping.js
usability-testing.js
information-architecture.js

集成点

Hotjar API
Crazy Egg API
Microsoft Clarity
自定义热力图数据格式

输入模式

{
  "type": "object",
  "properties": {
    "dataSource": {
      "type": "string",
      "enum": ["hotjar", "crazyegg", "clarity", "custom"],
      "description": "热力图数据源"
    },
    "heatmapType": {
      "type": "string",
      "enum": ["click", "move", "scroll", "attention"],
      "default": "click"
    },
    "dataPath": {
      "type": "string",
      "description": "热力图数据文件或API端点的路径"
    },
    "pageUrl": {
      "type": "string",
      "description": "被分析页面的URL"
    },
    "segmentation": {
      "type": "object",
      "properties": {
        "device": { "type": "string" },
        "dateRange": { "type": "object" }
      }
    },
    "thresholds": {
      "type": "object",
      "properties": {
        "hotspot": { "type": "number", "default": 0.7 },
        "coldZone": { "type": "number", "default": 0.1 }
      }
    }
  },
  "required": ["dataSource", "dataPath"]
}

输出模式

{
  "type": "object",
  "properties": {
    "hotspots": {
      "type": "array",
      "description": "高参与度区域"
    },
    "coldZones": {
      "type": "array",
      "description": "低参与度区域"
    },
    "scrollDepth": {
      "type": "object",
      "description": "滚动深度百分位数"
    },
    "clickPatterns": {
      "type": "array",
      "description": "点击集中度分析"
    },
    "recommendations": {
      "type": "array",
      "description": "用户体验改进建议"
    },
    "visualizationPath": {
      "type": "string",
      "description": "生成的可视化文件路径"
    }
  }
}

使用示例

const result = await skill.execute({
  dataSource: 'hotjar',
  heatmapType: 'click',
  dataPath: './heatmap-export.json',
  pageUrl: 'https://example.com/landing',
  thresholds: { hotspot: 0.7, coldZone: 0.1 }
});