LINE Bot Designer... 介面筆記
嗯... 來整理一下 LINE Bot Designer。很多人在用，好像是視覺化設計 LINE Bot 的工具。目標是不用寫程式碼... 聽起來不錯。
主要是拖拉元件，把對話流程弄出來。聽說有個模擬器可以看結果。 應該先從這個開始。 [待辦：下載安裝]
等等，開發終止了？
...查了一下。不對。官方文件說，LINE Bot Designer 的開發已經在 2022 年初就終止了。 現在他們推薦用另一個工具：Flex Message Simulator。
好吧，方向要改一下。所以 Bot Designer 算是... 遺產了？但它設計過的東西，像 Flex Message 跟 Rich Menu 的概念還在。 所以這篇筆記，重點就變成... 從舊工具的概念，看新工具怎麼用。
所以，現在的主力是 Flex Message Simulator
Flex Message... 彈性訊息。它是一種可以高度客製化版面的訊息格式。 比起只能傳文字或單張圖片，這個自由很多。可以想成是用 JSON 去堆出一個像卡片一樣的訊息。 這個 Simulator 就是一個網頁工具，讓你即時預覽你寫的 JSON 看起來怎麼樣。
左邊是視覺預覽，右邊是 JSON 程式碼。改右邊，左邊會馬上變。 這樣就不用一直發訊息到手機上看結果，方便很多。很多教學文章，像 iT 邦幫忙或 Medium 上的分享，現在也都圍繞著這個工具在打轉了。
舊的 Bot Designer 和現在的 Simulator 差在哪？
整理一下思緒。這兩個工具的定位不太一樣。
| 比較項目 | LINE Bot Designer (已停止開發) | Flex Message Simulator (現役) |
|---|---|---|
| 主要用途 | 弄出整個 Bot 的原型，包含對話流程。比較全面。 | 專門用來設計「Flex Message」這種訊息的版面。很專一。 |
| 操作方式 | 比較多是拖拉放的圖形介面。 | 主要是寫 JSON，然後即時預覽。 對不懂程式的人來說... 門檻高一點。 |
| 產出物 | 也是 JSON，但涵蓋了更多情境。 | 就是一包 Flex Message 的 JSON。 |
| Rich Menu 設計 | 內建功能，可以直接畫圖文選單的區塊。 | 它不管這個。Rich Menu 現在要透過 LINE Official Account Manager 或直接打 API 去設定。 |
Rich Menu (圖文選單) 的設計情境
雖然 Bot Designer 停了，但它以前最常用來設計的東西之一「Rich Menu」還是很重要。 這是在聊天視窗最下面，那一塊固定的選單。
設計這個的重點在於... 引導。使用者一進來，不知道你的 Bot 會幹嘛，Rich Menu 就是一個地圖。 常見的應用有：
- 電商： 最新商品、優惠活動、查詢訂單、聯絡客服。
- 餐廳： 線上訂位、看菜單、找分店。
- 客服： 常見問題、轉接專人、服務據點。
- 內容型帳號： 最新文章、熱門話題、訂閱通知。
甚至可以做到「分眾圖文選單」。 比如根據使用者的標籤，顯示不一樣的選單。給 VIP 客戶的選單，跟給一般用戶的就不一樣。這點在 Sprinklr 的說明文件裡有提到類似概念，雖然他們是用自己的平台，但想法是通的。 不過... 這功能就不是 Simulator 能處理的，要靠 Messaging API 寫程式來達成。
重點一句話
所以，結論是... LINE Bot Designer 已經是過去式了，現在要做 LINE Bot 的「視覺化設計」，其實是分成兩塊：用「Flex Message Simulator」設計訊息卡片，然後用「LINE Official Account Manager」或 API 設定圖文選單。 視覺化工具只是輔助，最終還是要跟 JSON 還有 API 打交道。
那你呢？你以前用過 Bot Designer 嗎？還是直接從 Flex Message Simulator 開始？在下面留言分享一下你都用它來做什麼樣的訊息吧。
