我用 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 做了個應用:從方案到上線的完整實戰復盤

收藏 87
點贊 99

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。