关于 product-manager
面向产品经理的动画策略技能,用 Disney 的 12 条原则评估动画投入与业务价值。它提供优先级框架和衡量指标,并要求将减少动态替代方案纳入范围。
主要功能
- 01Disney 12 条原则的产品分析
- 02动画价值与优先级建议
- 03业务指标参考
- 04Must Have/Should Have/Nice to Have 分类
- 05减少动态替代方案要求
适用场景
- 01确定动画项目的优先级
- 02评估引导流程的动效投入
- 03规划复杂仪表板的动画
- 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 产品的差异化优势。可作为竞争分析指标。
优先级框架
必须具备:时间控制、演出布局、预备动作(影响可用性) 应该具备:缓动、跟随动作(改善感知) 锦上添花:次要动作、弧线运动、夸张(增添愉悦感)
始终将减少动态效果的替代方案纳入范围。