這篇文章來分享如何製作自己的產品「吃吃記帳」的流程圖。
前面幾篇文章已經完成了User Story Map，還有Jira的設定。最近有點想趕進度，所以決定進入到主要功能 - Line Bot的設定。但是！要完成這個功能，流程圖是不可或缺的，因為我需要知道使用者和Bot是怎麼互動，在哪個一個流程交集，如何紀錄資料等，這樣才能正確地設定Bot 的 prompt 和 workflow。
除此之外，和User Story Map一樣，流程圖也有助於我跟其他人說明、討論自己的專案，甚至我也想將它放在未來的使用者網站上，讓他們了解整個服務的模式。
總之，我要先畫出第一版的流程圖！
選擇流程圖的工具 - Whimsical
可以製作流程圖的工具非常多，像是常見的有無所不能的 Figma 、傳統的 Visio，或是完全免費的 Draw.io 等，甚至我拿來當白板的 Miro工具也可以。
不過，受到工具控的男友的強烈推薦，加上 Miro 的免費帳號有諸多限制，電腦玩物和 Star Rocket 的文章也都有這兩者的比較。因此，我決定試試看 Whimsical 這個工具。
體驗過後，我喜歡它的幾個優點：
- 介面清爽：我喜歡它的配色和簡單的工具列，視覺上很舒服。
- 體貼的介紹文件：它的整體操作很直觀，不會強迫使用者一開始就要學習和點擊功能 (雖然我知道這通常是為了便利使用者，但我不喜歡! )，只是告知說明文件在哪裡，這點非常棒。
而且它的說明文件也是用 Whimsical 自己的工具來展示，所以可以順便了解把這個工具用好，它可以做出什麼樣的成果，非常聰明，我覺得這點比 Miro 厲害。 - 立即套用的模板：它有流程圖、心智圖、文件等等的模板可供選擇，不需要從頭打造。我選擇了流程圖模板，很貼心的是，它同時把說明文件丟在裡面了，可以直接查看製作的介紹，每個形狀的意義等。
- 直覺式設定：每輸入一個流程，都可以直接點選圖案的邊緣，直接生成下一個步驟；還有對齊輔助線、複製功能，真的能省下很多手工。
- AI 功能：這是現在工具不可或缺的功能了! Whimsical 內建了 AI，可以用自然語言說明自己的目的，描述想像的流程，它就能幫忙產出範本，把模糊的語言變成一格一格清楚的步驟。
雖然我覺得內建AI的準確度還有待加強 (例如我的描述並沒有決策點，但是它生成有決策的步驟)，但絕對可以省下很多手動輸入的時間。
如果你是 GPT 的付費用戶，還可以直接用 Whimsical 的 GPTs 來生成，我覺得相比內建的AI聰明非常多，而且會直接生成一個 Whimsical 的檔案，方便後續編輯，非常喜歡。
Whimsical的缺點 - 流程圖的方向
不過，這個工具有一個我不太喜歡的地方。不知道為什麼，它的內建 AI 和GPTs 產出的圖檔都是「由上到下」的流程圖，而我個人偏好「由左到右」的方式，比較適合呈現和在下方註解。特別是 Whimsical 自己的範例圖也是由左到右，我不確定為什麼它的 AI 產出的圖都是由上到下？
我嘗試了各式各樣的 prompt，不管怎麼調整都無法修正，工具內部好像也沒辦法一次全部調整，要手動拉十多個框框我覺得不太便利。
我也試著確認這是不是 AI 的限制，可是改用 Lucidchart 的 GPTs ，用相同的 prompt 就可以產生「由左到右」的流程圖的，所以好像也不是這個問題。中間我也想過換工具去 Lucidchart，但還是比較喜歡 Whimsical 的介面XD
最後我有寫信給支援團隊，很遺憾的是，他們暫時也沒有解決的辦法，所以還是手動建立了圖表。
吃吃記帳的流程圖
一邊畫流程，一邊梳理我的想法，最後確定我的整個產品大致可以分為五個主要的步驟，並把它們標註在圖上。
而其他次要步驟，我決定把關於 Bot 的流程都標註為綠色，使用者的流程標誌為紫色，方便快速查看。
另外也決定了產出的兩項資料，還有兩個使用者決策的節點，也用顏色標註了出來。原本只是在腦袋裡的東西，畫出來就清楚多了。
這只是初代的版本，後續等確定飲食紀錄如何查詢，還有網站如何製作後，還需要大更新一次，也會把它弄得更好看一寫。
我把目前的圖給 AI 看了之後，它建議我可以考慮新增「每週或每月回顧」的步驟，提供使用者週期性的建議，不只限於單日。我很喜歡這個建議，但還要研究怎麼做才能在 Bot 上實現。
另外，它也建議我考慮，如果使用者一直無法確認飲食目標，或是對飲食紀錄有疑義時，Bot應該要給予提示。可是考慮到我已經使用 LLM（大語言模型）的 AI ，理論上已經可以根據上下文進行推理並回應，就可以指導使用者和調整溝通方式了，所以我還沒想清楚這是否有必要。
心得 - 新手友善的流程圖工具
寫這篇文章的當下，我已經和 Bot 的 prompt 和 workflow 奮鬥了一段時間，幸好有流程圖，不然在設定的過程真的會打結，不知道下一步會跑到哪裡。
我覺得 Whimsical 這個工具真的蠻適合新手，快速完成圖給我很多成就感，對於急性子的我來說，非常的友善。而且它也有進階的潛力，還有各式各樣的功能，我想它說不定也適合製作簡報，就像沒有動畫Prezi？最棒的是他們的客服很友善，回應速度超快！
以後有機會，我還打算用它試試看心智圖或文件的功能，推薦大家嘗試！
