真正的產出 · Real output
Spexo 交出的不是聊天記錄。每份都以真實頁面為依據——現在→改成、可勾驗收條件、真實 selector、改前→改後都在。以下多為生產環境的真實案例(已匿名),另一張為通用示意。
登入按鈕太不明顯,常常有人找不到。
| 視覺明顯度 | 灰底低對比,常被略過 | 主色實心,置於視線落點 |
| hover 回饋 | 無 | 加深底色 + 游標變手型 |
| 點擊回饋 | 3.5 秒無回應 | 立即進入「處理中…」狀態 |
.login-btnbutton[type="submit"]彈窗一次列 4 條件、只有兩顆按鈕,沒說不符合會怎樣;對法律敏感的國籍／稅籍議題,容易讓使用者有壓力或疑惑。
| 條件易讀性 | 1~4 編號列出,無說明 | 條列 / 分組 + 簡短說明(為何問=FATCA / KYC) |
| 後果清楚度 | 沒說不符合會怎樣 | 按鈕上方註明「不符合無法線上開戶」「按確認=聲明符合」 |
| 不符合下一步 | 按「我不符合」後行為未知 | 明確指引(客服 / 臨櫃 / 導頁) |
| 主次按鈕 | 易習慣性直接按主鈕 | 副標提醒先檢視條件再按確認 |
.condition-modal .modal-body.btn-primary.btn-outline-primary經辦審查照片時,若自動校正 / 先前編輯不理想,要能一鍵回到客戶最初上傳檔,並永久保留原始檔以利判讀與稽核。
| 恢復原始檔 | 要多步操作、甚至無法完全還原 | 編輯模式一鍵「恢復原上傳照片」立即切回 |
| 版本保存 | 可能僅留目前顯示版 | 永久保留唯讀原始檔 + 最後編輯版 |
| 恢復後再編輯 | 不確定支援 | 可在原始檔基礎上再編輯並儲存 |
| 狀態可見度 | 無版本提示 | 切換時畫面明顯變化 + 狀態文案 |
.photo-editor.btn-restore-original標「真實案例」者為生產環境實際產出、已移除可識別資訊(IP / 內部路徑 / selector);「示意範例」為通用示範。每份都可一鍵匯出 Markdown,直接餵給 RD 或 AI coding agent。
留個聯絡方式,我們在你自己的頁面上,把你的第一個需求變成上面這種規格。
