动画功能优先级与动效路线图需要量化业务回报时…

适用于PM评估动画投资、制定动效路线图，并按业务价值和可用性影响排序动画功能。

适用场景

解决思路

1. Squash and Stretch：实现纯CSS的挤压/拉伸交互作为快速胜利，在消费者应用中高优先级、B2B中等优先级；目标是提升感知质量与响应性，让用户把“squishy”交互评为更高级。
2. Anticipation：在破坏性操作（删除、购买）前加入预动作提示，防止误提交；在高风险操作中优先实施，并用错误率降低和支持量衡量效果。
3. Staging：在新用户流程中关键实施，通过引导注意力提升激活；跟踪onboarding漏斗完成率和time-to-value。
4. Straight Ahead vs Pose to Pose：按功能类型建立流程选择规则；需要可预测时间线、更易QA的功能用Pose to Pose，需要创意灵活性、可接受更难估算的功能用Straight Ahead。
5. Follow Through and Overlapping Action：在复杂仪表盘、数据密集界面中高优先级实施，通过动作序列传达内容层级和信息架构；用任务完成率衡量。
6. Slow In and Slow Out：使用正确easing改善感知性能，让应用感觉更快，无需后端优化；作为高ROI、无基础设施成本的快速实现项，争取显著感知收益。
7. Arc：在旗舰交互、hero moments中考虑使用弯曲路径，区别于竞争对手的线性运动；作为中等优先级的品牌差异化手段。
8. Secondary Action：初期低优先级，在打磨阶段高优先级；核心功能完成后再加入微交互，增加情感参与且不增加功能成本；跟踪NPS与留存的关联。
9. Timing：早期建立timing system，把200ms过渡设为感觉即时的基准；作为关键基础，避免因忽略它形成技术债。
10. Exaggeration：在功能发布、通知中高优先级使用，先夸张吸引注意，再收敛到细微；同时平衡无障碍要求。
11. Solid Drawing：作为架构决策，在设计系统中定义空间系统；通过可预测的空间行为降低认知负荷，让用户更快导航，带来长期效率。
12. Appeal：把精致动画作为建立品牌资产和信任的手段；消费者应用视为基本要求，B2B视为差异化，并纳入竞品分析指标。
13. Must Have（必须拥有）：优先做Timing、Staging、Anticipation，因为直接影响可用性。
14. Should Have（应该拥有）：安排Easing、Follow-through，因为改善感知。
15. Nice to Have（锦上添花）：安排Secondary action、Arc、Exaggeration，作为愉悦层。
16. 始终把reduced-motion替代方案纳入范围。