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

北京/设计爱好者/299天前/127浏览
我用 AI 做了个应用:从方案到上线的完整实战复盘
我用 AI 做了个应用:从方案到上线的完整实战复盘
Collect
大家好!我是abo。作为一名在阿里工作了11年的UI、体验设计师、设计Leader,过去曾在阿里云计算搜索和淘宝天猫集团下的阿里妈妈设计部。我在最近的1年做了一个重要的决定:离开大厂,投身AI创业。
很多人问我:"为什么要在当前的经济环境下选择创业?"说实话,这个决定我也深思熟虑了很久。但看到AI技术的迅猛发展,我意识到这可能是我职业生涯中最后一次赶上重大技术革命的机会。
现在回看,这个决定让我见证了产品研发方式的革命性变革。
我用 AI 做了个应用:从方案到上线的完整实战复盘
Collect
AI 改变产品研发流程
作为一名工作11年的设计师,我其实一直对产品经理这个岗位很感兴趣。但转型之路看起来漫长而艰难:要有商业思维、精通用户研究、会写PRD、懂数据分析、了解技术实现...
直到ChatGPT出现。突然之间,我看到了弯道超车的机会。
因为AI不仅能完成大部分产品经理的具体工作,更重要的是,它能帮助你快速建立产品思维。这让产品经理的门槛从"要会做很多事"变成了"会用AI做很多事"。
别不信,我真就这么做了 —— 辞职创业,用AI做产品经理和设计师。我和小伙伴做了一次大胆的尝试 - 用多个AI工具协同,仅用2个多月就从0到1搭建了一款治愈系小程序「萌友会」。
从产品方案到界面设计,从代码开发到运营物料,我们在每个环节都深度应用了AI工具,突破人力和时间的限制。今天我想分享这段完整的实战经历,在这之前,先带大家了解我们的产品。
萌友会:用AI打造一款有温度的AI陪伴
我们的产品叫「萌友会-治愈系AI宠物」,可以通过小程序搜索找到哦~
在决定创业之前,我注意到一个令人心痛的现状:目前国内每三个年轻人中就有一个正在经历严重的心理问题。而在我身边,也经常有朋友半夜发消息倾诉:"一直被领导PUA,感觉自己快撑不住了...","最近经常失眠,躺在床上怎么也睡不着..."。
但现实是,很多人并不愿意或不敢向他人倾诉。即使想说,身边也未必随时有合适的倾诉对象。
正好那时我在研究AI产品,突然意识到:为什么不能让AI成为这样一个朋友呢?这就是萌友会的初衷 —— 用AI打造一群暖心的动物伙伴,在你需要的时候默默陪伴。
我们在产品设计上下了很多功夫,借鉴和运用一些游戏化的设计,营造一个治愈的产品氛围,每个AI小动物都有独特的性格和故事。
正是基于这样的产品愿景,我们开始了紧张的开发历程。接下来,我将详细分享如何用AI工具,帮助我们快速实现这些产品构想...
我用 AI 做了个应用:从方案到上线的完整实战复盘
Collect
一、AI 改变产品经理的工作方式
还记得第一次想做产品时的彷徨:不知道从哪里开始调研,不知道如何写竞品分析,不知道需求该怎么分析...
但有了Claude这样的AI产品经理后,一切都不一样了。
1.1 高效的产品规划流程
在所有AI工具中,Claude是我最依赖的"产品经理助手"。Claude是一个可以媲美甚至超越ChatGPT的AI大模型,我认为它在写作方面远远超过GPT,它也是我唯二长期付费的AI工具之一。基于Claude的特点,我总结出一套高效的产品规划方法:
产品战略规划
我和Claude的第一次对话是这样的:"我想做一款情感陪伴类产品,帮我分析下市场机会和现有产品的问题。"
Claude立刻给出了一份完整的分析:从市场规模说起,到用户痛点、竞品优劣势、机会空间,整整5000字的报告,比很多产品经理写的还要专业。
最让我惊喜的是,它不只是简单罗列数据,而是真的理解了产品本质。比如它指出:"现有产品都在模仿人类对话,但用户其实不需要一个'假人',而是需要一个'知心朋友'。这暗示我们可以用拟人化的小动物作为载体..."
从那以后,Claude就成了我的"产品经理导师":
我:"帮我分析市面上主流的AI情感陪伴应用有什么异同点?"
Claude:"让我从产品定位、交互方式、商业模式三个维度进行分析..."
需求管理与文档输出
  • PRD编写
    :Claude擅长将想法转化为结构化的产品需求文档。我通常这样使用:
输入提示词::"帮我梳理萌友会的核心功能模块,需要包含功能描述、实现方式和优先级。"
Claude会输出清晰的功能列表,包括:
  • 宠物选择与互动系统
  • 情感识别与回应机制
  • 用户画像与个性化推荐
...
  • 用户故事编写
    :让Claude帮助构建详细的用户场景。
输入提示词:"帮我梳理萌友会的核心功能模块,需要包含功能描述、实现方式和优先级。"
Claude会输出清晰的功能列表,包括:
  • 宠物选择与互动系统
  • 情感识别与回应机制
  • 用户画像与个性化推荐
...
产品创新与优化
  • 功能头脑风暴
    :利用Claude的发散思维能力激发创新想法:
输入提示词:"写一个年轻职场人使用萌友会的典型场景。"
Claude会生成生动的用户故事,帮助团队理解产品价值。
产品框架思路
流程图:Claude可以直接输出多种图表,例如常用的流程图、脑图等等,非常方便在产品方案设计的前期帮助我们梳理思路。
我用 AI 做了个应用:从方案到上线的完整实战复盘
Collect
1.2 项目文档管理神器
Claude最实用的功能是Projects,它可以轻松构建你的产品知识库。你把整个项目的相关文档都上传,它将基于你项目的文档内容进行回答,就像一个资深的产品经理,对你的项目的每一个细节都很了解,给以给出非常有用的建议。
例如:上传市场调研报告、竞品分析文档、产品需求文档、用户研究数据等等
我用 AI 做了个应用:从方案到上线的完整实战复盘
Collect
二、UI设计环节:MasterGo的AI赋能
作为一款国产设计工具,MasterGo的AI能力给我留下了深刻印象。它不仅能提供基础的设计功能,更通过AI大大提升了设计效率。我最喜欢里面的三个功能:
1. 设计灵感:提供丰富的UI组件模板库,可以快速搭建页面框架 。过去要快速设计一个页面的原型,需要自己画每一个组件,或者调用组件库里的组件,或者到资源社区里找别人设计好的模版,但找起来也非常费劲。
2. 图像增强:集成了很多常用的图片处理的功能,比如可以将模糊的图片变高清,效果非常好。还有比如图片可以从方图变成16:9的长图,类似Photoshop AI的功能,扩图的效果也很好。还有,可以将位图转成矢量图,方便二次编辑。
我用 AI 做了个应用:从方案到上线的完整实战复盘
Collect
3. Magicon:由于是游戏化的界面设计,我们在萌友会的设计中有大量的图标设计。我发现MasterGo中居然有生成图标的功能,比如我可以输入“粉色的信封”就可以生成图标,并且生成的图标挺漂亮的。
我用 AI 做了个应用:从方案到上线的完整实战复盘
Collect
三、Midjourney:拯救了设计资源匮乏的我们
原本我们只是一个简单的想法:让宠物在每日互动后,送给用户一张暖心的照片作为礼物。然而,当我们坐下来盘点时,背后的工作量让人窒息 - 8只萌宠,每只至少要准备70-80张不同场景的照片,加起来至少需要630张!作为一个连专业设计师都没有的小团队,这几乎是一个不可能完成的任务。但这个功能实在太治愈了,我们不想放弃。
最后,我们决定试试Midjourney。通过不断调试提示词,让AI帮我们构建各种暖心场景:温暖的咖啡厅、安静的图书馆、星空下的小屋...很快,照片库就从0增长到了上百张。当我们收到用户反馈说"每天最期待收到宠物的照片了"时,那种成就感让人觉得一切努力都值得。
但Midjourney也有它的局限性。我们试过用AI来设计宠物角色,但发现两个问题:一是很难保证每次生成的角色形象完全一致,二是后期需要制作动态表情和动画,AI生成的图片不太好处理。最终我们找到了一个完美的解决方案:使用Midjourney生成的背景素材图,和设计师精心设计的宠物角色通过Photoshop进行融合,这样既保证了场景的丰富多样,又确保了角色形象的一致性。
总的来说,我觉得要把Midjourney用好,关键是要清楚它的边界。该用AI的地方就大胆用,比如批量生成背景、场景素材、图标素材;不适合用AI的地方,比如需要高度一致性或者后期制作动画的核心角色设计,就还是交给专业设计师更靠谱。这样做不仅能保证效率,还能确保产品的整体质量。
我用 AI 做了个应用:从方案到上线的完整实战复盘
Collect
四、开发阶段:让Cursor AI和Claude成为你的编程助手
我们团队中有1位前端和1位后端。在开发阶段,我们也大量使用AI进行提效,但AI 并不能完全替代开发工作。Cursor AI和Claude成了我们的得力助手。以前写代码经常要搜索、查文档、改bug,过程总是磕磕绊绊。有了AI,开发效率至少提升了40%。
它就像一个经验丰富的高级程序员,帮我们解决了很多开发难题。比如做后端接口,它能快速生成标准的API结构。特别是在处理一些复杂的业务逻辑时,Cursor AI总能给出不错的解决方案。
不过使用Cursor AI也要注意一点:它生成的代码仅供参考,需要我们理解后再使用。我们的做法是先让AI生成代码框架,然后再根据具体需求进行修改和优化。这样既保证了代码质量,又大大提升了开发速度。
最让我惊喜的是它的代码优化建议功能。当你写完一段代码,它会主动提出改进意见,比如指出潜在的性能问题、提供更优雅的写法,就像有个技术导师在身边及时指导。这对提升代码质量特别有帮助。
总的来说,Cursor AI让我们这个小团队也能快速交付高质量的代码。它不是用来完全替代程序员,而是帮助我们更高效地完成开发工作。
我用 AI 做了个应用:从方案到上线的完整实战复盘
Collect
AI正在改变设计师的天花板
以前,很多人会说设计师的职业天花板是设计总监。为什么?
因为向上发展最大的障碍是:设计师往往只专注于"如何做",而不是"做什么"。我们擅长把一个功能做得好看好用,但对于这个功能该不该做,却很少参与决策。
但AI的出现,正在改变这一切。还记得我们开发萌友会时的经历:
  • 用Claude帮我们做市场分析
  • 让AI生成产品框架
  • 通过大模型理解用户洞察
  • 用AI快速验证设计方案
这些工具不仅提升了效率,更重要的是,**它们让设计师更容易参与产品决策**。因为AI可以补足我们在商业分析、用户研究等方面的短板,让我们能快速跨越到产品层面的思考。
所以我建议设计师们与其焦虑,不如主动出击:
  • 多尝试各种AI工具,了解它们的特点和局限性
  • 学习一些基础的AI知识,知道它们是如何工作的
  • 培养商业思维,因为未来设计师需要思考的不仅是"好不好看",更是"有没有价值"
特别要强调的是,在AI时代,设计师的价值反而更重要了。因为工具越来越普及,真正能打动用户的是产品背后的情感和故事。就像这次我们的项目,最受用户欢迎的不是界面多么炫酷,而是产品传递的温暖和理解。
我用 AI 做了个应用:从方案到上线的完整实战复盘
Collect
「萌友会」治愈每一个焦虑的人
我深知当代年轻人面临的压力。焦虑、迷茫、孤独,这些情绪时常困扰着我们。萌友会 - 希望用AI的力量,为每个需要温暖的人搭建一座情感的桥梁。毕竟在这个时代,我们每个人都需要多一些倾听和理解。
如果你也在经历这些,不妨来「萌友会-治愈系AI宠物」小程序
我用 AI 做了个应用:从方案到上线的完整实战复盘
Collect
0
Report
|
收藏
Share
相关推荐
3D扫描仪套系Seal Lite
Homepage recommendation
内容含视频
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
【2025】创意AI动画合集(一)
Homepage recommendation
内容含视频
梦核短片 | 孤独症
Homepage recommendation
内容含视频
生命起源:水之道
Homepage recommendation
内容含视频
山海志 | 荆目异兽
Homepage recommendation
内容含视频
华为丨AI病毒广告《小艺小艺》
Homepage recommendation
内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
LANHE工作总结
Homepage recommendation
相关收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
一些小动物
一些小动物
一些小动物
一些小动物
精选收藏夹
作品收藏夹
大家都在看
Log in