60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者要從裝置選取一個或多個檔案，並先確認基本限制。
- 不需要依賴拖放操作也能完成選檔。
不適合使用
- 多個檔案已開始傳輸，需要逐筆顯示進度與錯誤。
- 主要任務是確認已選內容，而不是新增檔案。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
限制在選檔前就說明
格式、單檔大小與最多幾個檔案放在控制附近，不讓人選完才猜規則。
Label 是欄位名稱
「選擇檔案」是操作，不是使用者正在上傳什麼的名稱。
accept 不是完整驗證
瀏覽器篩選只是提示；選後與伺服器端仍要驗證格式、大小與內容。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
尚未選檔
顯示用途、限制與可操作的選檔控制。
已選檔
顯示檔名、格式與大小，讓使用者知道選到了什麼。
格式或大小錯誤
保留檔名並說明哪一條規則不符合。
停用
無法選檔時說明原因，例如表單尚未填完或上傳名額已滿。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
活動附件選擇
先觀察：用途、格式、大小與目前檔案數是否一起出現。
操作：選取一個 PDF 或 XLSX，再嘗試選取不支援的格式。
預期結果：已選資訊與錯誤原因清楚；控制本身不假裝已經上傳。
可操作 Demo
選擇活動附件
支援 PDF、PNG、JPG、XLSX；單檔上限 10 MB，最多 3 個檔案。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立一個「活動附件」File Input。使用可見 Label，允許選取 PDF、PNG、JPG 與 XLSX，單檔上限 10 MB、最多 3 個檔案。選擇後顯示檔名、格式與大小；不符合格式或大小時保留檔案名稱並清楚說明原因。不要把 accept 屬性當成唯一驗證。驗收清單
不要只確認欄位能不能點。
- 是否有可見 Label 與檔案限制？
- 是否說明可選格式、大小與數量？
- 已選檔案是否看得到名稱與大小？
- 錯誤是否指出具體規則？
- 伺服器端是否仍會驗證檔案？