中文站课程结构重整设计
背景
Easy-Vibe 中文站现在的问题不是内容少,而是内容太多以后,新手容易不知道先看哪一页、下一步去哪、学完一章到底离自己的目标近了多少。
现有中文站已经有首页、学习路线页、Stage 1/2/3、项目作业和大量附录。它更像一个资料集合,而不是一条能顺着走完的课程路径。
这次重整的核心判断是:先不要把整站拆掉重做,也不要一上来重写所有正文。第一版先把中文站的主线讲清楚,让用户知道这门课首先要带他做出一个什么东西。
目标
第一版重整只服务一个主目标:
让新手做出第一个能演示的 AI 产品原型。
这个原型的最低标准是:
- 有界面。
- 能跑起来。
- 能调用 AI 完成一个核心动作。
目标用户以完全零基础的人为主,同时照顾会一点编程、但不知道怎么用 AI 工具做完整项目的人。课程表达不能幼稚,也不能默认用户已经懂完整技术栈。
范围
本次只重整中文站。
要改的范围:
- 中文首页文案和阶段表达。
- 中文顶部导航。
- 学习路线页。
- Stage 1 主线章节导语。
- Stage 2/3 模块入口导语。
- 中文相关页面的标题和描述。
不改的范围:
- 不改其他语言版本。
- 不迁移大量目录。
- 不改变现有
stage-1、stage-2、stage-3URL 路径。 - 不大面积重写正文。
- 不删除附录、RAG、部署、支付、跨平台等深水区内容。
- 不新增复杂交互系统,比如进度系统、测试系统、路线推荐器。
课程结构
继续保留三阶段思路,但展示名改成更容易理解的路径名:
- 入门:从想法到可演示 AI 原型。
- 实战:把原型变成更完整的应用。
- 进阶:把应用做复杂、做长期、做工程化。
代码路径暂时仍保留:
stage-1stage-2stage-3
这样可以减少链接、SEO、多语言结构和已有页面之间的连锁改动。用户看到的是「入门 / 实战 / 进阶」,维护者仍然可以沿用现有目录。
首页设计
首页要从“这里有很多 AI 编程内容”改成“这里先带你做出第一个 AI 产品原型”。
首页首屏需要回答三个问题:
- 这门课先帮我做什么?
- 我是不是适合学?
- 我现在该点哪里开始?
建议首页主表达改为:
先做出你的第一个 AI 产品原型
副标题要说清楚:
不用先学完整技术栈。先学会把想法拆开,让 AI 帮你做界面、接一个 AI 能力,最后做出一个能跑、能演示的小产品。
首页三个阶段卡片统一改成:
- 入门:适合第一次用 AI 做项目的人,目标是做出可演示原型。
- 实战:适合已经有原型、想做得更完整的人,目标是补齐前端、后端、数据库、部署等能力。
- 进阶:适合已经做过项目、想处理复杂应用和长期工程的人,目标是掌握 Agent、RAG、跨平台、AI 编程工作流等能力。
顶部导航设计
中文站顶部导航建议改成:
- 首页
- 入门
- 实战
- 进阶
- 知识库
- Vibe 故事
其中「知识库」对应现在的附录。这个名字比「附录」更容易让新手理解:主线走不通、某个概念不懂时,再去查知识库。
如果担心老用户不适应,可以在知识库首页或相关文案里写成「知识库(原附录)」作为过渡。
学习路线页设计
学习路线页是本次重整的核心页面。它要从“介绍这门课有什么”变成“告诉用户怎么走”。
页面开头要先讲清楚:
这门课第一目标不是让你一次性学完整个全栈,也不是让你看懂所有 AI 概念,而是先带你完成一个小闭环:做出一个有界面、能运行、能调用 AI 的产品原型。
学习路线页建议包含这些内容:
课程目标
先做出第一个能演示的 AI 产品原型。
适合人群
- 完全零基础:从体验 AI 编程开始,一步一步走。
- 会一点编程:可以跳过基础体验,直接从 AI IDE、原型和 AI 能力接入开始。
- 想做完整应用:先完成入门主线,再进入实战阶段。
入门主线
固定顺序建议为:
- 体验 AI 编程。
- 学会 AI IDE。
- 找到一个适合做原型的想法。
- 做出产品原型。
- 接入一个 AI 能力。
- 完成一个能演示的项目。
实战和进阶什么时候学
- 想让界面更专业,去实战的前端模块。
- 想保存数据、做登录、做后台,去实战的后端和数据库模块。
- 想上线给别人访问,去实战的部署模块。
- 想做 Agent、RAG、跨平台、长期工程,去进阶阶段。
知识库的使用方式
知识库不是主线,不要求从头读到尾。它是遇到具体概念不懂时查的地方。
阶段首页设计
每个阶段首页都要回答三个问题:
- 你为什么在这里?
- 学完这一阶段能交付什么?
- 下一步去哪?
入门
入门阶段的定位是:从想法到可演示 AI 原型。
它要告诉用户:这一阶段不是为了学完所有编程基础,而是为了跑通第一个产品闭环。
学完以后,用户应该交付:
- 一个能运行的项目。
- 一个能演示的界面。
- 一个能调用 AI 的核心功能。
实战
实战阶段的定位是:把原型变成更完整的应用。
它要告诉用户:当你的原型已经能演示,但你想让它更像一个真的产品时,就需要进入这里。
学完以后,用户应该能继续补强:
- 更专业的界面。
- 数据保存和数据库。
- 后端接口。
- 部署上线。
- 更完整的项目作业。
进阶
进阶阶段的定位是:把应用做复杂、做长期、做工程化。
它要告诉用户:进阶内容不是一开始就必须学。等你已经做出原型和基础项目以后,再来学 Agent、RAG、Claude Code 深度工作流、跨平台和长期任务管理,会更有效。
学完以后,用户应该能处理:
- 更复杂的 AI 应用。
- 更长周期的开发任务。
- 多工具、多 Agent 的协作流程。
- 跨平台和工程化问题。
关键章节导语
第一版不大面积重写正文,但要补关键导语,避免用户点进章节以后又迷路。
Stage 1 主线章节导语要覆盖:
- 这一章为什么学。
- 它在第一个 AI 产品原型里负责哪一步。
- 学完应该产出什么。
- 下一章应该去哪。
Stage 2/3 模块入口导语要覆盖:
- 这个模块什么时候需要学。
- 它解决原型升级过程中的什么问题。
- 如果现在只是想完成第一个原型,要不要先跳过。
Stage 2/3 的模块入口包括:
- 前端开发。
- 后端开发。
- AI 能力。
- 综合项目。
- 核心技能。
- 跨平台开发。
- AI 进阶。
内容流
推荐的新手路径是:
首页
用户先看到明确目标:做出第一个 AI 产品原型。
学习路线页
用户判断自己属于完全零基础、会一点编程,还是已经想做完整应用。
入门主线
用户按顺序走完:体验 AI 编程 -> 学 AI IDE -> 找想法 -> 做原型 -> 接 AI 能力 -> 完成演示项目。
实战阶段
用户在原型之后继续学习界面、数据库、后端、部署和完整项目。
进阶阶段
用户在有项目经验以后,再进入 Agent、RAG、跨平台和工程化内容。
知识库
用户在主线学习中遇到具体概念,再跳进去查,不要求线性阅读。
验收标准
第一版完成后,至少要满足这些标准:
- 新用户能在首页 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 个目标用户试走一遍,只给他们首页入口,看他们能不能找到下一步,并记录卡点。
后续实施建议
实施时建议按这个顺序推进:
- 改中文首页和顶部导航。
- 重写学习路线页。
- 改三个阶段首页。
- 给 Stage 1 主线章节补导语。
- 给 Stage 2/3 模块入口补导语。
- 更新中文页面标题和描述。
- 跑构建检查,确认链接和页面没有明显问题。
这次重整的本质不是换几个标题,而是把 Easy-Vibe 中文站从“内容很多”改成“用户知道怎么走”。第一版只要把这件事做扎实,就已经能明显降低新手进入课程的门槛。