60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者選檔後需要確認檔名、類型、大小或縮圖，再決定是否提交。
- 檔案類型可安全地提供縮圖、文字摘要或代表圖示。
不適合使用
- 檔案尚未選取。
- 檔案包含敏感內容或不適合在前端直接預覽。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
先確認身分，再談縮圖
完整檔名、格式與大小比一張漂亮縮圖更能避免選錯檔案。
預覽能力要誠實
PDF、圖片與試算表的預覽能力不同；不支援時要說明，不要畫出假的內容。
移除是可逆操作
移除按鈕要有檔案名稱，移除後要有回饋與合理的下一步。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
已選檔
顯示檔案基本資料與可用預覽。
可預覽
縮圖或內容摘要仍搭配完整名稱與類型。
不可預覽
改用代表圖示與原因說明。
已移除
說明附件已移除，不保留看似仍會提交的畫面。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
活動海報附件預覽
先觀察：檔名、格式、大小、預覽能力與移除操作是否可理解。
操作：切換為不可預覽的試算表，再移除附件。
預期結果：不可預覽時有誠實說明；移除後狀態清楚且可重新選檔。
可操作 Demo
確認活動附件預覽
活動海報.pdf
PDF · 2.4 MB · 可顯示首頁縮圖供確認確認檔名、格式與大小後即可送出。
目前正在預覽活動海報.pdf。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立一個 File Preview，供使用者確認已選附件。顯示檔案類型圖示、完整檔名、格式、大小與可預覽狀態；提供清楚的移除按鈕與移除後回饋。沒有可安全預覽的檔案時，要顯示可理解的替代說明，不要假裝已能預覽內容。驗收清單
不要只確認欄位能不能點。
- 完整檔名、格式與大小是否可見？
- 預覽是否符合真實檔案類型能力？
- 不可預覽時是否有替代說明？
- 移除按鈕是否帶有檔案名稱？
- 移除後是否有明確回饋？