首頁 · 用 AI 做出能跑的原型 · 第 5 課,共 6 課
用 AI 做出能跑的原型
最小介面
介面一旦比範圍單富,客戶就會以為那些按鈕都算交付。第一版的畫面應該窮。
三個元件就夠
一個輸入框,標明只收訂單編號。一個輸出區,只顯示三選一、原因、以及工具有沒有查到。一個失敗狀態,用完整句子說現在請照舊流程,不要用空白或無限轉圈。
不要加歷史對話、不要加「重寫得更有禮」、不要加上傳圖片。那些是下一版的產品討論。加了,你就得為它們的失敗負責。
讓事實被看見
輸出區旁用小字顯示這次帶回的日期與品類。專員看得到根據,才敢用,你也才敢除錯。藏起根據、只留一句漂亮結論,是在訓練大家相信語氣。
失敗狀態要區分:查無此單、逾時、你沒有權限。三種下一手不同。都寫成「系統忙碌」會讓資訊與客服互相誤會。
誰的畫面
若你一時做不出嵌進工單的版本,就用一個最普通的表單,但標題寫「模擬放在工單旁」。不要做成品牌形象網站。視覺完成度不是這一課的完成定義。專員看得懂、壞輸入有退路,才是。
範例 · 畫面上的字
想像專員的螢幕只有這些。
- 欄位:訂單編號。
- 結果:轉人工。原因:查無此單。
- 旁註:訂單工具已呼叫,帶回空值。請照現有流程,不要把這句話貼給客人當承諾。
練習
用紙畫出三格:輸入、輸出、失敗。刪掉任何不能對上範圍單的按鈕。
請一位沒看過這案的人只看畫面,說出系統什麼時候不該被相信。若他說不出來,失敗路徑的字還不夠。
完成的時候
- 介面只承諾範圍單裡的那一刀。
- 三種失敗(查無、逾時、無權限)在畫面上長得不一樣。