AI 協作

和 AI 一起開發官網,從做出來到做到想要的樣子

這次開發 Chiggago 新官網,我想試著和 AI 一起完成品牌定位、視覺、動畫與文章。過去比較熟悉的是軟體開發,這次也想把設計和內容一起做起來,看看能走到哪裡。

開始之後,版本一個個做出來了,但有些地方看起來完整,卻和我想表達的事情有點距離。

最先遇到的是方向。

品牌介紹用當時兩個產品的類型來概括 Chiggago,讀起來很清楚,卻把未來能做的事情也限縮了。設計上,我說想要明亮、乾淨、有活力,拿到的其中一版配色不錯,整體卻比較像藝術或書籍網站。

後來把品牌介紹改為能容納不同產品的方向,也將喜歡的配色、構圖和排版分開討論。幾輪比較下來,才逐漸找到科技與創作的感覺。原來一句「這版不錯」,還不足以說明哪些地方真的適合留下。

接著是做出來的東西,和腦中的畫面對不上。

動畫裡,我想讓一顆球慢慢展開成線,第一個結果卻像球拖著一條尾巴;首頁希望捲動時搭配淡入淡出,實作一度變得幾乎沒有捲動感。單看描述好像都說得通,打開來操作才知道差在哪裡。

於是直接對著畫面調整:線變長時,球也跟著縮小;首頁保留捲動,只讓內容隨焦點進出。動畫再修正動作順序與停留時間,到了第 30 版才定案。(版本號也算留下了來回討論的痕跡。)

文案也有類似情況。AI 參考了我以前的文章,但其中一篇把重心放在負面經驗,我想寫的卻是改善問題的動機。重新調整標題與開場後,才比較接近我原本想說的故事。

這幾件事放在一起看,其實都和「理解得是不是同一件事」有關。對著具體成果指出落差,比繼續補上更多形容詞,更容易讓下一版往想要的方向走。

最後一段工作,是確認成果能不能真的留下來。

驗證紀錄裡,有些事情需要分清楚:模擬手機尺寸測過,不代表真機完整測過;搜尋索引要求送出,也不代表已經收錄。這些狀態分別記下來,才知道哪些已確認、哪些還要追蹤。

整理檔案時,也發現最新版還在使用前一版的原始檔。先把必要來源移到目前版本,確認能重新建置、產物一致,才移走舊檔。最後留下建置方法和未完成事項,讓下一次接續工作時有依據。

做完這次官網,我覺得和 AI 協作很大一部分的工作,是把方向、判斷和確認的責任安排好。AI 可以協助提出選項、做出版本,也讓我能嘗試原本不熟悉的工作;自己則要持續判斷,成果是否符合目的,裡面的事實與完成狀態是否可信。

往後不管是開發產品、做設計或寫文章,我會保留這幾個協作習慣:

延伸閱讀:想改善買高賣低,先從看懂 K 線開始:AIKTalk 的起點

回到幕後故事