60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者可以一次處理多個檔案，且每筆檔案可能有不同結果。
- 需要看見等待、上傳中、完成、失敗、取消與重試。
不適合使用
- 只有單一檔案，且畫面只需要短暫顯示傳輸進度。
- 選檔後尚未開始傳輸，主要任務是檔案內容預覽。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
每一筆都有自己的狀態
不要只在頁面頂部寫「上傳中」；檔名、大小、進度與可採取操作應逐筆顯示。
失敗要有去處
失敗項目說明原因並提供重試或移除；其餘檔案不應被一起卡住。
摘要讓人知道還差多少
顯示總數、完成數與尚未完成數，避免多檔案時只能逐列心算。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
等待中
檔案已加入，但尚未開始傳輸。
上傳中
顯示目前進度與取消控制，避免重複送出。
完成
清楚標記成功，不再顯示會誤導的重試操作。
失敗或已取消
保留檔名與原因，提供重試或移除。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
活動素材上傳佇列
先觀察：同一個清單中不同檔案的狀態與動作是否各自清楚。
操作：取消正在上傳的檔案，重試失敗的檔案，再移除已取消項目。
預期結果：每筆檔案獨立更新；取消不會繼續跑；重試會回到可觀察的上傳狀態。
可操作 Demo
管理多檔上傳佇列
活動素材
每一筆檔案各自處理；取消或失敗不會擋住其他檔案。
- 活動海報.pdf2.4 MB · 正在上傳 62%
- 參與名單.xlsx18 KB · 上傳完成
- 活動佈置圖.png8.4 MB · 網路連線中斷，可重試
活動海報.pdf 正在上傳；活動佈置圖.png 需要重試或移除。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立一個多檔 Upload Queue。每筆檔案顯示檔名、大小、目前狀態與操作；要處理等待、上傳中、完成、失敗、取消與移除。失敗的檔案提供重試，取消後不應繼續上傳。佇列摘要要說明總數與尚未完成數量。驗收清單
不要只確認欄位能不能點。
- 每筆是否顯示檔名、大小、狀態與動作？
- 失敗是否有原因與重試？
- 取消後是否真的停止進度？
- 摘要是否說明完成與未完成數？
- 移除操作是否有可理解名稱？