跳转到内容

04-线性原型流程图

这份文档只做一件事:把当前已经确认的 13 屏 iOS onboarding 用线性流程图表达清楚,方便产品、设计、研发快速对齐。

flowchart TD
    S01[01 brandIntro]
    S02[02 networkWarmup]
    S03[03 welcomeShowcase 4-page carousel]
    S04[04 coachIntro]
    S05[05 intentQuestion]
    S06[06 painQuestion]
    S07[07 levelQuestion]
    S08[08 weekIntro]
    S09[09 timeQuestion]
    S10[10 interestQuestion]
    S11[11 explanation]
    S12[12 generating]
    S13[13 plan]
    PAY[Paywall (external)]

    S01 --> S02 --> S03 --> S04 --> S05 --> S06 --> S07 --> S08 --> S09 --> S10 --> S11 --> S12 --> S13 --> PAY

2. 按阶段分段后的结构(实现版)

Section titled “2. 按阶段分段后的结构(实现版)”
flowchart TD
    subgraph A[阶段 1 沉浸进入]
        A1[01 brandIntro]
        A2[02 networkWarmup]
        A3[03 welcomeShowcase]
        A4[04 coachIntro]
    end

    subgraph B[阶段 2 先被理解]
        B1[05 intentQuestion]
        B2[06 painQuestion]
        B3[07 levelQuestion]
    end

    subgraph C[阶段 3 安排第一周]
        C1[08 weekIntro]
        C2[09 timeQuestion]
        C3[10 interestQuestion]
    end

    subgraph D[阶段 4 说明开始方式]
        D1[11 explanation]
    end

    subgraph E[阶段 5 生成计划]
        E1[12 generating]
    end

    subgraph F[阶段 6 交付第一周]
        F1[13 plan]
    end

    A --> B --> C --> D --> E --> F
类型页面规则
自动页01 / 08 / 12自动推进;02 预热完成后自动进入下一步
轮播页03单 step 内 4 页轮播(02-05)
引导页04教练开场,有返回,有主按钮
单选决策页05 / 06 / 07 / 09 / 10点击即下一步,可返回重选
说明页11有主按钮,可返回上一决策点
交付页13交付计划,主按钮打开外部 Paywall
flowchart TD
    P13[13 plan] -->|返回| P11[11 explanation]
    P11 -->|返回| P10[10 interestQuestion]
    P10 -->|返回| P09[09 timeQuestion]
    P09 -->|返回| P07[07 levelQuestion]
    P07 -->|返回| P06[06 painQuestion]
    P06 -->|返回| P05[05 intentQuestion]
    P05 -->|返回| P04[04 coachIntro]
    P04 -->|返回| P03[03 welcomeShowcase]

5. 改选后的系统行为(实现版)

Section titled “5. 改选后的系统行为(实现版)”
flowchart TD
    A[用户在 05/06/07/09/10 返回并改选]
    B[保留当前页已选高亮]
    C[新选择覆盖旧答案]
    D[继续自动进入后续页面]
    E[12-13 旧计划作废]
    F[重新生成新计划]

    A --> B --> C --> D
    C --> E --> F --> G
  • 01 → 03:沉浸进入,进入 4 页轮播主张
  • 04 → 05:教练开场结束,进入问答
  • 07 → 08:从“说出自己”切到“安排第一周”
  • 11 → 12:从开始方式说明进入生成
  • 13 → Paywall:交付第一周后进入外部转化

这次最终没有保留最初的 15 屏 草案,原因是后段原本存在重复总结问题:

  • 10 已说明开始方式
  • 11 再总结一次没有新增信息
  • 12 纯过场不值得独立成屏
  • 14 若只复述已选内容,也不是有效交付

所以现在保留的是更干净的 13 屏线性主链

  • 不重复确认
  • 不增加纯仪式性页面
  • 每一屏都新增信息或推进动作