使用场景

设计师使用Heatbot根据用户热图数据改进网站导航栏，提高用户参与度。

营销团队利用Heatbot分析用户点击热图，优化产品页面的CTA按钮布局。

企业通过Heatbot的AI模型选择功能，根据不同的业务目标生成多个UI版本进行A/B测试。

产品特色

上传网站截图：选择需要改进的UI部分或整个网站截图。

上传热图：上传与网站截图相同部分的热图（用户与网站互动的颜色图）。

设置改进目标：从预定义的目标提示库中选择或自定义目标，AI将使用这些目标生成改进后的UI。

生成改进UI：AI将分析热图数据，遵循设定的改进目标，生成改进后的HTML/CSS/JavaScript代码，并提供改进报告。

支持多种框架：包括Bootstrap、Tailwindcss、ShadcnUI等流行框架。

AI模型选择：Pro版本用户可以选择不同的AI模型进行UI生成。

企业级支持：提供定制集成开发、全天候支持和SSO（SAML 2.0）等企业级服务。

使用教程

访问Heatbot网站并注册账户。

上传你想要改进的网站部分的截图。

上传相应的用户互动热图。

选择或自定义改进目标。

提交AI进行分析和UI生成。

查看生成的代码和改进报告。

根据需要调整生成的UI，并将其应用到你的网站上。