Skip to content

中文站课程结构重整设计

背景

Easy-Vibe 中文站现在的问题不是内容少,而是内容太多以后,新手容易不知道先看哪一页、下一步去哪、学完一章到底离自己的目标近了多少。

现有中文站已经有首页、学习路线页、Stage 1/2/3、项目作业和大量附录。它更像一个资料集合,而不是一条能顺着走完的课程路径。

这次重整的核心判断是:先不要把整站拆掉重做,也不要一上来重写所有正文。第一版先把中文站的主线讲清楚,让用户知道这门课首先要带他做出一个什么东西。

目标

第一版重整只服务一个主目标:

让新手做出第一个能演示的 AI 产品原型。

这个原型的最低标准是:

  • 有界面。
  • 能跑起来。
  • 能调用 AI 完成一个核心动作。

目标用户以完全零基础的人为主,同时照顾会一点编程、但不知道怎么用 AI 工具做完整项目的人。课程表达不能幼稚,也不能默认用户已经懂完整技术栈。

范围

本次只重整中文站。

要改的范围:

  • 中文首页文案和阶段表达。
  • 中文顶部导航。
  • 学习路线页。
  • Stage 1 主线章节导语。
  • Stage 2/3 模块入口导语。
  • 中文相关页面的标题和描述。

不改的范围:

  • 不改其他语言版本。
  • 不迁移大量目录。
  • 不改变现有 stage-1stage-2stage-3 URL 路径。
  • 不大面积重写正文。
  • 不删除附录、RAG、部署、支付、跨平台等深水区内容。
  • 不新增复杂交互系统,比如进度系统、测试系统、路线推荐器。

课程结构

继续保留三阶段思路,但展示名改成更容易理解的路径名:

  • 入门:从想法到可演示 AI 原型。
  • 实战:把原型变成更完整的应用。
  • 进阶:把应用做复杂、做长期、做工程化。

代码路径暂时仍保留:

  • stage-1
  • stage-2
  • stage-3

这样可以减少链接、SEO、多语言结构和已有页面之间的连锁改动。用户看到的是「入门 / 实战 / 进阶」,维护者仍然可以沿用现有目录。

首页设计

首页要从“这里有很多 AI 编程内容”改成“这里先带你做出第一个 AI 产品原型”。

首页首屏需要回答三个问题:

  • 这门课先帮我做什么?
  • 我是不是适合学?
  • 我现在该点哪里开始?

建议首页主表达改为:

先做出你的第一个 AI 产品原型

副标题要说清楚:

不用先学完整技术栈。先学会把想法拆开,让 AI 帮你做界面、接一个 AI 能力,最后做出一个能跑、能演示的小产品。

首页三个阶段卡片统一改成:

  • 入门:适合第一次用 AI 做项目的人,目标是做出可演示原型。
  • 实战:适合已经有原型、想做得更完整的人,目标是补齐前端、后端、数据库、部署等能力。
  • 进阶:适合已经做过项目、想处理复杂应用和长期工程的人,目标是掌握 Agent、RAG、跨平台、AI 编程工作流等能力。

顶部导航设计

中文站顶部导航建议改成:

  • 首页
  • 入门
  • 实战
  • 进阶
  • 知识库
  • Vibe 故事

其中「知识库」对应现在的附录。这个名字比「附录」更容易让新手理解:主线走不通、某个概念不懂时,再去查知识库。

如果担心老用户不适应,可以在知识库首页或相关文案里写成「知识库(原附录)」作为过渡。

学习路线页设计

学习路线页是本次重整的核心页面。它要从“介绍这门课有什么”变成“告诉用户怎么走”。

页面开头要先讲清楚:

这门课第一目标不是让你一次性学完整个全栈,也不是让你看懂所有 AI 概念,而是先带你完成一个小闭环:做出一个有界面、能运行、能调用 AI 的产品原型。

学习路线页建议包含这些内容:

  1. 课程目标

    先做出第一个能演示的 AI 产品原型。

  2. 适合人群

    • 完全零基础:从体验 AI 编程开始,一步一步走。
    • 会一点编程:可以跳过基础体验,直接从 AI IDE、原型和 AI 能力接入开始。
    • 想做完整应用:先完成入门主线,再进入实战阶段。
  3. 入门主线

    固定顺序建议为:

    • 体验 AI 编程。
    • 学会 AI IDE。
    • 找到一个适合做原型的想法。
    • 做出产品原型。
    • 接入一个 AI 能力。
    • 完成一个能演示的项目。
  4. 实战和进阶什么时候学

    • 想让界面更专业,去实战的前端模块。
    • 想保存数据、做登录、做后台,去实战的后端和数据库模块。
    • 想上线给别人访问,去实战的部署模块。
    • 想做 Agent、RAG、跨平台、长期工程,去进阶阶段。
  5. 知识库的使用方式

    知识库不是主线,不要求从头读到尾。它是遇到具体概念不懂时查的地方。

阶段首页设计

每个阶段首页都要回答三个问题:

  • 你为什么在这里?
  • 学完这一阶段能交付什么?
  • 下一步去哪?

入门

入门阶段的定位是:从想法到可演示 AI 原型。

它要告诉用户:这一阶段不是为了学完所有编程基础,而是为了跑通第一个产品闭环。

学完以后,用户应该交付:

  • 一个能运行的项目。
  • 一个能演示的界面。
  • 一个能调用 AI 的核心功能。

实战

实战阶段的定位是:把原型变成更完整的应用。

它要告诉用户:当你的原型已经能演示,但你想让它更像一个真的产品时,就需要进入这里。

学完以后,用户应该能继续补强:

  • 更专业的界面。
  • 数据保存和数据库。
  • 后端接口。
  • 部署上线。
  • 更完整的项目作业。

进阶

进阶阶段的定位是:把应用做复杂、做长期、做工程化。

它要告诉用户:进阶内容不是一开始就必须学。等你已经做出原型和基础项目以后,再来学 Agent、RAG、Claude Code 深度工作流、跨平台和长期任务管理,会更有效。

学完以后,用户应该能处理:

  • 更复杂的 AI 应用。
  • 更长周期的开发任务。
  • 多工具、多 Agent 的协作流程。
  • 跨平台和工程化问题。

关键章节导语

第一版不大面积重写正文,但要补关键导语,避免用户点进章节以后又迷路。

Stage 1 主线章节导语要覆盖:

  • 这一章为什么学。
  • 它在第一个 AI 产品原型里负责哪一步。
  • 学完应该产出什么。
  • 下一章应该去哪。

Stage 2/3 模块入口导语要覆盖:

  • 这个模块什么时候需要学。
  • 它解决原型升级过程中的什么问题。
  • 如果现在只是想完成第一个原型,要不要先跳过。

Stage 2/3 的模块入口包括:

  • 前端开发。
  • 后端开发。
  • AI 能力。
  • 综合项目。
  • 核心技能。
  • 跨平台开发。
  • AI 进阶。

内容流

推荐的新手路径是:

  1. 首页

    用户先看到明确目标:做出第一个 AI 产品原型。

  2. 学习路线页

    用户判断自己属于完全零基础、会一点编程,还是已经想做完整应用。

  3. 入门主线

    用户按顺序走完:体验 AI 编程 -> 学 AI IDE -> 找想法 -> 做原型 -> 接 AI 能力 -> 完成演示项目。

  4. 实战阶段

    用户在原型之后继续学习界面、数据库、后端、部署和完整项目。

  5. 进阶阶段

    用户在有项目经验以后,再进入 Agent、RAG、跨平台和工程化内容。

  6. 知识库

    用户在主线学习中遇到具体概念,再跳进去查,不要求线性阅读。

验收标准

第一版完成后,至少要满足这些标准:

  • 新用户能在首页 10 秒内明白:这门课先带我做出第一个 AI 产品原型。
  • 用户能在学习路线页看懂:我现在该从哪一章开始,下一步去哪。
  • Stage 1 主线每章开头都能回答:这一章在原型制作里负责哪一步。
  • Stage 2/3 不再只是技术列表,而是告诉用户什么时候需要学这些内容。
  • 中文导航读起来像一条课程路径:入门、实战、进阶、知识库。
  • 原有 URL 尽量不变,避免旧链接失效。
  • 这次不影响其他语言版本。

风险和处理方式

入口清楚,但正文还是旧节奏

只改包装层,正文可能仍然保留旧节奏。用户可能觉得入口很清楚,但读到正文后还是有一点割裂。

处理方式:第一版给 Stage 1 主线章节和 Stage 2/3 模块入口补导语,先把最容易迷路的位置接上。

Stage 1 仍然承载太多内容

Stage 1 同时包含产品思维、工具、原型、AI 能力和项目实战,信息量仍然不少。

处理方式:学习路线页明确区分必学主线和可跳读内容。用户先走最短路径,其他内容作为补充。

「知识库」替代「附录」可能让老用户不适应

老用户可能习惯叫附录。

处理方式:过渡期使用「知识库(原附录)」的表达。

展示名和代码路径不一致

用户看到「入门 / 实战 / 进阶」,代码里仍然是 stage-1 / stage-2 / stage-3

处理方式:第一版明确展示名改、路径不改。后续如果要迁移路径,再单独做迁移设计。

缺少真实新手测试

设计上看起来顺,不代表新手真的不迷路。

处理方式:第一版上线后找 3-5 个目标用户试走一遍,只给他们首页入口,看他们能不能找到下一步,并记录卡点。

后续实施建议

实施时建议按这个顺序推进:

  1. 改中文首页和顶部导航。
  2. 重写学习路线页。
  3. 改三个阶段首页。
  4. 给 Stage 1 主线章节补导语。
  5. 给 Stage 2/3 模块入口补导语。
  6. 更新中文页面标题和描述。
  7. 跑构建检查,确认链接和页面没有明显问题。

这次重整的本质不是换几个标题,而是把 Easy-Vibe 中文站从“内容很多”改成“用户知道怎么走”。第一版只要把这件事做扎实,就已经能明显降低新手进入课程的门槛。