我用 AI 做了个应用:从方案到上线的完整实战复盘

前言

大家好!我是 abo。作为一名在阿里工作了 11 年的 UI、体验设计师、设计 Leader。我在最近的 1 年做了一个重要的决定:离开大厂,投身 AI 创业。

关于我的经历:

我用 AI 做了个应用:从方案到上线的完整实战复盘

很多人问我:"为什么要在当前的经济环境下选择创业?"说实话,这个决定我也深思熟虑了很久。但看到 AI 技术的迅猛发展,我意识到这可能是我职业生涯中最后一次赶上重大技术革命的机会。

现在回看,这个决定让我见证了产品研发方式的革命性变革。

我用 AI 做了个应用:从方案到上线的完整实战复盘

AI 改变产品研发流程

在大厂工作时,一款产品从构思到上线,往往需要几十人的团队忙活大半年:产品经理写 PRD、设计师做视觉、前后端开发、测试运维...每个环节都需要专门的人力投入。

但就在最近几个月,我和两个小伙伴做了一次大胆的尝试 - 用多个 AI 工具协同,仅用 3 个月就从 0 到 1 搭建了一款治愈系小程序「萌友会」。从产品方案到界面设计,从代码开发到运营物料,我们在每个环节都深度应用了 AI 工具。

我们的 AI 工具矩阵是这样的:

  1. Claude 作为"产品经理助手",帮我们做市场分析、写 PRD、构建用户故事
  2. Claude 的 Project 功能成为我们的 AI 私有文档库
  3. MasterGo 的 AI 功能用于界面设计,快速搭建原型
  4. Midjourney 负责视觉创作,生成各类配图和素材
  5. Suno AI 帮助我们生成治愈风格的背景音乐
  6. Cursor AI、Claude 则成了我们的"编程助手",加速代码开发

说实话,这个过程并不轻松。如何让多个 AI 工具默契配合?怎样把零散的功能整合成完整的产品方案?在实际应用中会遇到哪些坑?这些都需要在实践中不断摸索和优化。

但结果证明这种尝试是值得的 - 我们不仅大大缩短了开发周期,更重要的是,这种敏捷的研发方式让我们能快速验证想法,及时调整方向。

这个经历让我深刻感受到:AI 不仅仅是提升效率的工具,更是重塑整个产品研发流程的催化剂。它让小团队也能快速打造有温度的产品,这可能就是 AI 时代产品研发的新范式。

萌友会:用 AI 打造一款有温度的 AI 陪伴

我们的产品叫「萌友会-治愈系 AI 宠物」,可以通过小程序搜索找到哦~

我用 AI 做了个应用:从方案到上线的完整实战复盘

在决定创业之前,我注意到一个令人心痛的现状:目前国内每三个年轻人中就有一个正在经历严重的心理问题。而在我身边,也经常有朋友半夜发消息倾诉:"一直被领导 PUA,感觉自己快撑不住了...","最近经常失眠,躺在床上怎么也睡不着..."。

但现实是,很多人并不愿意或不敢向他人倾诉。即使想说,身边也未必随时有合适的倾诉对象。

正好那时我在研究 AI 产品,突然意识到:为什么不能让 AI 成为这样一个朋友呢?这就是萌友会的初衷 —— 用AI打造一群暖心的动物伙伴,在你需要的时候默默陪伴。

我用 AI 做了个应用:从方案到上线的完整实战复盘

我们在产品设计上下了很多功夫,借鉴和运用一些游戏化的设计,营造一个治愈的产品氛围,每个 AI 小动物都有独特的性格和故事。

正是基于这样的产品愿景,我们开始了紧张的开发历程。接下来,我将详细分享如何用 AI 工具,帮助我们快速实现这些产品构想...

一、AI 改变产品经理的工作方式

还记得第一次想做产品时的彷徨:不知道从哪里开始调研,不知道如何写竞品分析,不知道需求该怎么分析...

但有了 Claude 这样的 AI 产品经理后,一切都不一样了。

1. 高效的产品规划流程

在所有 AI 工具中,Claude 是我最依赖的"产品经理助手"。Claude 是一个可以媲美甚至超越 ChatGPT 的 AI 大模型,我认为它在写作方面远远超过 GPT,它也是我唯二长期付费的 AI 工具之一。

基于 Claude 的特点,我总结出一套高效的产品规划方法:

产品战略规划

我和 Claude 的第一次对话是这样的:"我想做一款情感陪伴类产品,帮我分析下市场机会和现有产品的问题。"

Claude 立刻给出了一份完整的分析:从市场规模说起,到用户痛点、竞品优劣势、机会空间,整整 5000 字的报告,比很多产品经理写的还要专业。

最让我惊喜的是,它不只是简单罗列数据,而是真的理解了产品本质。比如它指出:"现有产品都在模仿人类对话,但用户其实不需要一个'假人',而是需要一个'知心朋友'。这暗示我们可以用拟人化的小动物作为载体..."

从那以后,Claude 就成了我的"产品经理导师":

我:"帮我分析市面上主流的 AI 情感陪伴应用有什么异同点?"

Claude:"让我从产品定位、交互方式、商业模式三个维度进行分析..."

需求管理与文档输出

PRD 编写:Claude 擅长将想法转化为结构化的产品需求文档。我通常这样使用:

我:"帮我梳理萌友会的核心功能模块,需要包含功能描述、实现方式和优先级。"

Claude 会输出清晰的功能列表,包括:

  1. 宠物选择与互动系统
  2. 情感识别与回应机制
  3. 用户画像与个性化推荐
  4. ...

产品创新与优化

功能头脑风暴:利用 Claude 的发散思维能力激发创新想法:

我:"写一个年轻职场人使用萌友会的典型场景。"

Claude 会生成生动的用户故事,帮助团队理解产品价值。

产品框架思路

流程图:Claude 可以直接输出多种图表,例如常用的流程图、脑图等等,非常方便在产品方案设计的前期帮助我们梳理思路。

我用 AI 做了个应用:从方案到上线的完整实战复盘

2. 项目文档管理神器

Claude 最实用的功能是 Projects,它可以轻松构建你的产品知识库。你把整个项目的相关文档都上传,它将基于你项目的文档内容进行回答,就像一个资深的产品经理,对你的项目的每一个细节都很了解,给以给出非常有用的建议。

例如:上传市场调研报告、竞品分析文档、产品需求文档、用户研究数据等等

我用 AI 做了个应用:从方案到上线的完整实战复盘

二、UI 设计环节:MasterGo 的 AI 赋能

我用 AI 做了个应用:从方案到上线的完整实战复盘

作为一款国产设计工具,MasterGo 的 AI 能力给我留下了深刻印象。它不仅能提供基础的设计功能,更通过 AI 大大提升了设计效率。我最喜欢里面的三个功能:

1. 设计灵感:提供丰富的 UI 组件模板库,可以快速搭建页面框架 。过去要快速设计一个页面的原型,需要自己画每一个组件,或者调用组件库里的组件,或者到资源社区里找别人设计好的模版,但找起来也非常费劲。

2. 图像增强:集成了很多常用的图片处理的功能,比如可以将模糊的图片变高清,效果非常好。还有比如图片可以从方图变成 16:9 的长图,类似 Photoshop AI 的功能,扩图的效果也很好。还有,可以将位图转成矢量图,方便二次编辑。

我用 AI 做了个应用:从方案到上线的完整实战复盘

3. Magicon:由于是游戏化的界面设计,我们在萌友会的设计中有大量的图标设计。我发现 MasterGo 中居然有生成图标的功能,比如我可以输入“粉色的信封”就可以生成图标,并且生成的图标挺漂亮的。

我用 AI 做了个应用:从方案到上线的完整实战复盘

三、Midjourney:拯救了设计资源匮乏的我们

原本我们只是一个简单的想法:让宠物在每日互动后,送给用户一张暖心的照片作为礼物。然而,当我们坐下来盘点时,背后的工作量让人窒息 - 8 只萌宠,每只至少要准备 70-80 张不同场景的照片,加起来至少需要 630 张!作为一个连专业设计师都没有的小团队,这几乎是一个不可能完成的任务。但这个功能实在太治愈了,我们不想放弃。

最后,我们决定试试 Midjourney。通过不断调试提示词,让 AI 帮我们构建各种暖心场景:温暖的咖啡厅、安静的图书馆、星空下的小屋...很快,照片库就从 0 增长到了上百张。当我们收到用户反馈说"每天最期待收到宠物的照片了"时,那种成就感让人觉得一切努力都值得。

但 Midjourney 也有它的局限性。我们试过用 AI 来设计宠物角色,但发现两个问题:一是很难保证每次生成的角色形象完全一致,二是后期需要制作动态表情和动画,AI 生成的图片不太好处理。最终我们找到了一个完美的解决方案:使用 Midjourney 生成的背景素材图,和设计师精心设计的宠物角色通过 Photoshop 进行融合,这样既保证了场景的丰富多样,又确保了角色形象的一致性。

总的来说,我觉得要把 Midjourney 用好,关键是要清楚它的边界。该用 AI 的地方就大胆用,比如批量生成背景、场景素材、图标素材;不适合用 AI 的地方,比如需要高度一致性或者后期制作动画的核心角色设计,就还是交给专业设计师更靠谱。这样做不仅能保证效率,还能确保产品的整体质量。

我用 AI 做了个应用:从方案到上线的完整实战复盘

四、开发阶段:让 Cursor AI 和 Claude 成为你的编程助手

我们团队中有 1 位前端和 1 位后端。在开发阶段,我们也大量使用 AI 进行提效,但 AI 并不能完全替代开发工作。

我用 AI 做了个应用:从方案到上线的完整实战复盘

Cursor AI 和 Claude 成了我们的得力助手。以前写代码经常要搜索、查文档、改 bug,过程总是磕磕绊绊。有了 AI,开发效率至少提升了 40%。

它就像一个经验丰富的高级程序员,帮我们解决了很多开发难题。比如做后端接口,它能快速生成标准的 API 结构。特别是在处理一些复杂的业务逻辑时,Cursor AI 总能给出不错的解决方案。

不过使用 Cursor AI 也要注意一点:它生成的代码仅供参考,需要我们理解后再使用。我们的做法是先让 AI 生成代码框架,然后再根据具体需求进行修改和优化。这样既保证了代码质量,又大大提升了开发速度。

最让我惊喜的是它的代码优化建议功能。当你写完一段代码,它会主动提出改进意见,比如指出潜在的性能问题、提供更优雅的写法,就像有个技术导师在身边及时指导。这对提升代码质量特别有帮助。

总的来说,Cursor AI 让我们这个小团队也能快速交付高质量的代码。它不是用来完全替代程序员,而是帮助我们更高效地完成开发工作。

以上是我们用 AI 进行产品规划、产品方案、产品设计、UI 设计、前后端开发应用 AI 的实战经验,希望大家可以在工作中参考借鉴。

「萌友会」治愈每一个焦虑的人

我深知当代年轻人面临的压力。焦虑、迷茫、孤独,这些情绪时常困扰着我们。

萌友会 - 希望用 AI 的力量,为每个需要温暖的人搭建一座情感的桥梁。毕竟在这个时代,我们每个人都需要多一些倾听和理解。

如果你也在经历这些,不妨来「萌友会-治愈系 AI 宠物」小程序

我用 AI 做了个应用:从方案到上线的完整实战复盘

欢迎关注作者微信公众号:「闲聊AI的阿布」

我用 AI 做了个应用:从方案到上线的完整实战复盘

收藏 36
点赞 39

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。