iT邦幫忙

2025 iThome 鐵人賽

DAY 25
0
生成式 AI

學都學了:GenAI 從試錯到實用的實驗筆記系列 第 25

Day 25 Lovable 靜態到全端:功能很順,但設計去哪了?

  • 分享至 

  • xImage
  •  

今日主題

以 window-swap 這個網站為概念原型,主要試用 Lovable Cloud 功能,復刻自己可上傳街景或窗景介面

為什麼想做

  • 主要目的是試近期 Lovable 強推的後端功能
  • 窗景影片上傳的功能簡單直覺,剛好拿來練
  • 可以邀請正在數位遊牧 & 國外朋友上傳影片

思考如何做

只想測試 Agent 功能,直接丟白話需求,刻意不提供正式規格來看後端設計

Prompt
製作一個網站。介面可上傳窗外影片。影片上傳之後,自動存在後端資料庫。使用者在點擊這個網站進來之後,首頁即隨機隨機播放一個影片,展示這個景色,如果不喜歡,使用者可切換到下一個窗外的景色。基本先有以下功能:
1. 可以上傳影片的界面。
2. 影片上傳完之後,每次進入這個網站,就隨機從後端的影片中調取一個,並進行輪播。
3. 影片可隨機搭配一個背景音樂。 

成果校驗

  1. 功能完成度:100%,上傳功能順暢
  2. 設計滿意度:70%
  • UI:
    • 自動增加選填欄位:地點、簡短描述 (加分)
    • 拍攝技巧提醒 (加分)
    • 基本畫面破版 (減分)
  • 設計:不知是否因為多了後端功能,前端設計變得無(很)聊(醜),感覺不到原本強大的設計風格主打定位
    https://ithelp.ithome.com.tw/upload/images/20251009/20178815iVdmUvjCcK.jpg

對使用者的引導也OK
https://ithelp.ithome.com.tw/upload/images/20251009/20178815KXhjgMHTfx.png

隨機上傳一段年初在泰國街頭拍下的一段熱情的影片,效果如預期般呈現
https://ithelp.ithome.com.tw/upload/images/20251009/201788159M3kPFYQtc.jpg

  1. 後端完整性:待逐一檢查設定彈性&嚴謹度
    https://ithelp.ithome.com.tw/upload/images/20251009/20178815L4sEaywCtl.jpghttps://ithelp.ithome.com.tw/upload/images/20251009/20178815uHMEuCevHH.jpg
    https://ithelp.ithome.com.tw/upload/images/20251009/201788151vM1ByLVLk.jpg

今日總結

今天因爲工作到腦汁很乾,所以隨機拿了放在口袋名單點子。會想要拿 Lovable 來測,也是因爲前一兩週瘋狂推薦新功能。在 Discord 除了辦為期七天的一天一主題挑戰賽,邀請所有用戶分享他們成果,也做了很多場直播。 雖然沒逃過每逢 Demo 必翻車的定律,但完全可感受到行銷用力程度。

過往如果想要有前後端功能,多數人是推 Base44,自己也起來也頗順。但現在看來,一個產品該具有的基本前後端或串接,不同家產品對齊功能都是時間上的問題而已,而且很快。所以今天使用起來體感,的確也就跟 Base44 差不多。所以總結:

我做了什麼

  • 拿出無腦點子

工具幫我最多的地方

  • 還是快速具現化想法
  • 前後端設計
  • 自主加入更多的使用者引導流程

下一步

  • 基本優化:因為太無腦測試,所以還是要回頭改規格。譬如:拍攝的影片有它的自己的背景音,應該先以背景音為主,但使用者可選擇是否開啟或請系統搭配,但現在規格一律把背景音拿掉
  • 再進階:音樂能根據影片內容關聯搭配,但那應該是另一回事了

上一篇
Day 24 Metrics Dashboard 實驗:AI Studio vs GPT vs Claude
下一篇
Day 26 Spec Kit 實驗:clarify 、analyze 令人激賞的校正循環
系列文
學都學了:GenAI 從試錯到實用的實驗筆記27
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言