ux-flow-plan

UX 流程规划

制定高层架构规划，从用户体验出发，然后再映射到代码级锚点。

步骤

1. 使用用户的语言，以产品术语重述功能目标。

2. 将当前状态的 UX 流程构建为树状结构：

   User action
   └─ System behavior
      └─ Existing architectural layer
         └─ Relevant function/file anchor
   

3. 将期望状态的 UX 流程构建为第二个树状结构：

   User action
   └─ System behavior
      └─ New or changed architectural layer
         └─ Relevant function/file anchor
   

4. 确定架构边界决策：

   • 哪一层检测条件
   • 哪一层负责副作用
   • 哪一层更新 UI／状态
   • 哪一层持久化或变更状态

5. 在树状结构之后附上实现锚点，而不是之前：

   • 函数名称
   • 文件路径
   • 可复用的现有抽象
   • 应覆盖此流程的测试

6. 最后列出简短的决策清单：

   • 推荐的架构
   • 不采用的替代方案
   • 未解决的问题或假设

规则

• 从 UX 和系统流程入手，不要从行号或代码修改入手。
• 尽可能使用树状图表示流程。
• 将函数名称和文件路径作为锚点附上，而不是作为主要叙述内容。
• 在明确架构边界之前，不要过度细化实现细节。
• 将“当前流程”与“期望流程”分开。
• 说明此功能是与现有概念耦合，还是有意独立于现有概念。
• 优先使用通俗的产品和架构语言，除非框架专用术语指代真实的边界。