AI 協作
和 AI 一起開發官網,從做出來到做到想要的樣子
這次開發 Chiggago 新官網,我想試著和 AI 一起完成品牌定位、視覺、動畫與文章。過去比較熟悉的是軟體開發,這次也想把設計和內容一起做起來,看看能走到哪裡。
開始之後,版本一個個做出來了,但有些地方看起來完整,卻和我想表達的事情有點距離。
最先遇到的是方向。
品牌介紹用當時兩個產品的類型來概括 Chiggago,讀起來很清楚,卻把未來能做的事情也限縮了。設計上,我說想要明亮、乾淨、有活力,拿到的其中一版配色不錯,整體卻比較像藝術或書籍網站。
後來把品牌介紹改為能容納不同產品的方向,也將喜歡的配色、構圖和排版分開討論。幾輪比較下來,才逐漸找到科技與創作的感覺。原來一句「這版不錯」,還不足以說明哪些地方真的適合留下。
接著是做出來的東西,和腦中的畫面對不上。
動畫裡,我想讓一顆球慢慢展開成線,第一個結果卻像球拖著一條尾巴;首頁希望捲動時搭配淡入淡出,實作一度變得幾乎沒有捲動感。單看描述好像都說得通,打開來操作才知道差在哪裡。
於是直接對著畫面調整:線變長時,球也跟著縮小;首頁保留捲動,只讓內容隨焦點進出。動畫再修正動作順序與停留時間,到了第 30 版才定案。(版本號也算留下了來回討論的痕跡。)
文案也有類似情況。AI 參考了我以前的文章,但其中一篇把重心放在負面經驗,我想寫的卻是改善問題的動機。重新調整標題與開場後,才比較接近我原本想說的故事。
這幾件事放在一起看,其實都和「理解得是不是同一件事」有關。對著具體成果指出落差,比繼續補上更多形容詞,更容易讓下一版往想要的方向走。
最後一段工作,是確認成果能不能真的留下來。
驗證紀錄裡,有些事情需要分清楚:模擬手機尺寸測過,不代表真機完整測過;搜尋索引要求送出,也不代表已經收錄。這些狀態分別記下來,才知道哪些已確認、哪些還要追蹤。
整理檔案時,也發現最新版還在使用前一版的原始檔。先把必要來源移到目前版本,確認能重新建置、產物一致,才移走舊檔。最後留下建置方法和未完成事項,讓下一次接續工作時有依據。
做完這次官網,我覺得和 AI 協作很大一部分的工作,是把方向、判斷和確認的責任安排好。AI 可以協助提出選項、做出版本,也讓我能嘗試原本不熟悉的工作;自己則要持續判斷,成果是否符合目的,裡面的事實與完成狀態是否可信。
往後不管是開發產品、做設計或寫文章,我會保留這幾個協作習慣:
- 先對齊目標與範圍。說明想達成什麼,以及哪些事情需要另外確認。
- 用成果來溝通。先做出能檢視的版本,再針對具體落差調整。
- 以證據確認完成。核對內容、實際測試,把已驗證與尚未確認的部分分開。
- 把決定留下來。記錄採用的方向、必要來源與待辦,讓下一次協作接得下去。