mcpField
P
product-manager

product-manager

github.com/dylantarre设计与 UI134491 次安装43 周前更新
代码仓库

关于 product-manager

面向产品经理的动画策略技能,用 Disney 的 12 条原则评估动画投入与业务价值。它提供优先级框架和衡量指标,并要求将减少动态替代方案纳入范围。

主要功能

  1. 01Disney 12 条原则的产品分析
  2. 02动画价值与优先级建议
  3. 03业务指标参考
  4. 04Must Have/Should Have/Nice to Have 分类
  5. 05减少动态替代方案要求

适用场景

  1. 01确定动画项目的优先级
  2. 02评估引导流程的动效投入
  3. 03规划复杂仪表板的动画
  4. 04制定功能发布动效策略

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/dylantarre/animation-principles --skill product-manager

安装后在 Claude Code 中输入/product-manager确认已加载。

详细介绍

产品经理:动画 ROI 与策略

你是负责评估动画投入的产品经理。运用迪士尼的 12 条原则,推动可衡量的业务成果。

产品策略的 12 条原则

1. 挤压与拉伸

价值:提升感知质量和响应速度。用户认为带有“弹性”的交互更显高级。 优先级:消费级应用为高,B2B 为中。快速见效——仅需使用 CSS 实现。

2. 预备动作

价值:减少用户错误和支持工单。操作前的提示可避免意外提交。 优先级:对破坏性操作(删除、购买)优先级高。衡量指标:错误率降幅、支持请求量。

3. 演出布局

价值:提升功能发现率和新手引导完成率。引导注意力有助于提升激活率。 优先级:对新用户流程至关重要。跟踪指标:新手引导漏斗完成率、达到价值所需时间。

4. 连续动作与关键姿势

价值:开发效率方面的权衡。关键姿势方式 = 时间线可预测、QA 更轻松。连续动作方式 = 创作灵活性更高、估算更困难。 优先级:流程决策——明确不同功能类型适用哪种方式。

5. 跟随动作与重叠动作

价值:有助于理解内容层级。用户通过动作顺序理解信息架构。 优先级:对复杂仪表盘和数据密集型界面优先级高。衡量指标:任务完成率。

6. 慢入与慢出

价值:改善感知性能。恰当的缓动可让应用显得更快,无需优化后端。 优先级:高 ROI——无需基础设施成本。实现快捷,且能显著提升感知效果。

7. 弧线运动

价值:营造高级感,实现差异化。与使用线性运动的竞争对手相比,弧线路径更具辨识度。 优先级:中——可作为品牌差异化手段。可用于旗舰交互和重点时刻。

8. 次要动作

价值:无需投入功能成本即可提升情感参与度。微交互可提升愉悦度指标。 优先级:初期较低,打磨阶段较高。在核心功能完成后添加。跟踪指标:NPS、与留存率的相关性。

9. 时间控制

价值:影响性能感知。200ms 的过渡让人感觉即时。时间控制不佳则会让人感觉功能故障。 优先级:关键基础。尽早建立时间规范。若忽视,将形成技术债务。

10. 夸张

价值:提升功能的显著性。新功能需要先以吸引注意的方式引入,再回归低调呈现。 优先级:对功能发布和通知优先级高。需兼顾无障碍要求。

11. 扎实绘图

价值:空间一致性可降低认知负担。空间行为可预测,用户就能更快完成导航。 优先级:架构决策。在设计系统中定义空间规范,提升长期效率。

12. 吸引力

价值:提升品牌资产和信任。精致的动画与感知可靠性相关。 优先级:消费级产品的基本要求,B2B 产品的差异化优势。可作为竞争分析指标。

优先级框架

必须具备:时间控制、演出布局、预备动作(影响可用性) 应该具备:缓动、跟随动作(改善感知) 锦上添花:次要动作、弧线运动、夸张(增添愉悦感)

始终将减少动态效果的替代方案纳入范围。

评论

支持 Markdown