儀表板與完整驗收

貓老闆的簡報

我打開後台，要先知道有幾筆訂單等我處理。圖表很多卻不能帶我去做事，沒有幫助。

——貓掌櫃官網的老闆「掌櫃」下需求時的原話

這章做什麼

動手做

1. 總覽先放待處理訂單、待確認商品、待完成文章，數字來自對應資料，並標示範圍與更新時間；虛構資料與正式資料不可混用。
2. 每個待辦入口帶到正確區域及篩選條件，進列表後筆數與總覽一致。不是每個管理後台都需要營收圖表。
3. 逐一設計載入中、沒有資料、載入失敗與唯讀狀態。讀取失敗不能顯示成零筆，重試不能清掉既有變更。
4. 使用手機與鍵盤走一次總覽 → 列表 → 編輯 → 返回；驗證搜尋、篩選、分頁、未儲存提醒、批次取消與還原。
5. 把原型尚未連接的資料、權限、部分失敗與操作紀錄列出，接到下一門內容管理課程再落實。不要把唯讀介面模擬當成後端授權已完成。

這樣對 AI 說

請為貓掌櫃後台做待辦總覽，顯示待處理訂單、待確認商品、待完成文章，資料範圍、更新時間與虛構標示清楚。入口要帶到正確列表和篩選，筆數一致。設計載入、零筆、失敗、唯讀與可重試情境，失敗不能冒充零。用手機及鍵盤驗收跨區域操作、編輯回饋、離開提醒和批次還原，留下實際結果；尚未串後端或未驗證的項目清楚列出，接續內容管理課程完成。

本章驗收清單

每個數字都要能對回資料，每種狀態都要知道下一步。

• 總覽與對應列表的數量一致
• 待辦入口帶到正確篩選條件
• 載入失敗與零筆結果分得清楚
• 唯讀角色能查閱但不能變更
• 手機與鍵盤的關鍵操作有實測紀錄
• 未串接後端的項目明確標示

這章的相關詞條

詞條頁都有可以動的示範——卡住的時候，去把名詞弄清楚，回來繼續做。