官網上線之後:聊天室、FAQ 與持續更新的方法

主題插畫:小鹿在森林網站聊天室迎接訪客,狐狸替書架補上新筆記

前面三篇,我們從第一句指令一路講到網站公開上線、接上自己的網域。但網站上線,只是開始。

這一篇要回答的是:網站上線之後,要怎麼讓它繼續長大,又不會越改越亂? 我會用我的「小鹿選課聊天室」和「常見問答」兩個真實案例來說明,最後留給你一套可以持續更新的做法。

筆記裡的一句話
這一篇,記住這件事: 每一次新增,都要照顧原本的體驗。

小鹿選課聊天室,我改了三版才改對

一個新功能要好用,不只是做出來,而是要反覆調整「什麼時候出現、怎麼關掉」。我的選課聊天室就是這樣一版一版長出來的。

第一版:先解決「不知道選哪堂課」

我對 AI 說:

筆記裡的一句話
「在探索課程那邊幫我加入一個類似 chatbot 的東西,簡單詢問對方的對象和需求,推薦適合的課程給他們的功能。」

我同時指定要有 LINE 聊天室的感覺,保留動物偶與腳印。於是我們把流程整理成三個問題:授課對象、期待的能力或作品,以及可以安排的時間。

結果會從網站已經列出的課程裡挑選,並給出推薦原因與下一步:一般課程帶到邀約表單,營隊則引導到官方 LINE。

這裡有一個要說清楚的地方:它是點選選項的引導式推薦,不是可以自由對話的生成式 AI 客服。推薦只來自現有課程與規則,範圍好控制,也不需要假裝知道我還沒提供的資訊。

第二版:讓訪客自己決定要不要用

做出來之後,我喜歡這個功能,卻覺得整塊聊天室放在頁面上有點突兀。我就問:能不能變成彈跳視窗,讓訪客選擇自己逛,或接受初步詢問與推薦?

接著我又補充:

筆記裡的一句話
「或是先彈出來(像是廣告 DM 的感覺),然後他不需要這個服務的話,就按叉叉自己逛網頁。」

於是入口變成一張小鹿歡迎卡,有「幫我推薦課程」、「我想自己逛逛」兩個選項,右上角有叉叉。關閉後,頁面上仍保留一個浮動的小鹿入口,想用的人隨時可以點。

第三版:修正出現的時機

初版的歡迎卡設定為同一次瀏覽只主動出現一次。後來我明確要求:點進探索課程分頁時,就要自動彈出,其他部分維持原樣。

於是改成每次進入該頁都顯示。另外,如果訪客是從文章直接進入某一堂課的內容,就保留「先看那堂課」的流程,避免兩個視窗互相打斷。

筆記裡的一句話
這一章,記住這件事: 功能的規則,就是使用體驗的一部分。要說清楚何時出現、怎麼關閉、關閉後從哪裡找回,以及訪客完成後會到哪裡。

常見問答:新增一頁,整站都要跟著檢查

我把常見問答做成獨立分頁,放在選單裡,讓邀課單位先了解課程對象、設備帳號與合作流程。頁面整理了 12 個問題,分成三類:

  • 01 課程與對象
  • 02 設備與準備
  • 03 邀約與合作

展開後太單調,就加編號與顏色

做好之後,我覺得問答展開後有點單調,便要求每一題前面有顏色與數字。於是題目加上 01 到 12 的編號,三個分類用不同色系區分,展開後也有淡色背景。

這些改動沒有增加更多花俏的動畫,卻讓人比較容易辨認自己正在看哪一題。對資訊頁來說,適度的編號、色彩與間距,有時比再加一個大插圖更有效。

答案要留彈性,不要讓 AI 替你承諾

費用、檔期、設備與帳號方案如果還沒有全部定案,就寫清楚「需要討論的條件」。我會明確告訴 AI:價格、回覆時間與合作承諾不要自己訂,沒定案的一律寫「依需求討論」。

新增頁面,不只是補內容

FAQ 頁剛加上去時,我發現它的滑鼠游標不是腳掌,便請 AI 和其他頁統一。這件事提醒我:每新增一頁,除了內容,還要一起檢查選單、字型、游標、按鈕和手機導覽。

筆記裡的一句話
這一章,記住這件事: 新增頁面時,連同選單、字型、游標與手機導覽一起檢查。
← 回到AI 應用書架探索相關課程 ↗