FindSkin:從命名到體驗,把混亂收回來
Ingrelens 這次整理 FindSkin,我不只做功能,而是回到產品要解決什麼:先扎實研究文獻、設計情境題,再用權重公式準確定位膚質類型,最後把結果落到五維雷達圖的可視化呈現。
命名統一為 FindSkin:語意是一切互動的入口
過去「膚質檢測/肌膚分析/問卷調查」並列,容易讓溝通產生分岔,統一命名,等於把概念收攏成一條路,API、資料表、前端組件與 token 邏輯一起對齊,降低學習與維護成本,讓產品後續能長在同一根骨架上。
加上進度條與狀態管理:用可預期感建立信任
FindSkin 設計成 1 分鐘輕量工具,核心價值在「我知道還要多久、接下來會發生什麼」。進度顯示與提交後自動跳結果頁,是把不確定感清掉,讓人更願意完成。前端把標語做成層次分明的堆疊,哪怕是透明度 0.6 與 0.7 的選擇,都是在調整注意力,讓理解更快。
重寫首頁與介紹:從堆砌資訊改成引導決策
我希望讓 FindSkin 文案不再像課本,而是用生活化情境說明檢測原理(5 大膚況、13 道題),呼應「把複雜的研究交給我們,把簡單的保養交還給你」。
補可觀測性:把 debug 變成定位能力
歷史用戶重複登入的詭異狀態,不靠猜,靠明確登入態與初始化日誌。背後理念是:產品的速度來自可觀測性;團隊能快速定位,使用者就少遇到不明錯誤。清掉後端舊問卷文件,讓目錄回到可讀,是降低協作摩擦的工程選擇。
強化邊界驗證與留痕:把錯誤留在系統,不留給使用者
回答限制在 1–4、異常必記 log 並綁用戶 ID,確保資料品質。分析結果整合進 UserProfile,是把「膚況輪廓」貼近「人」,讓後續的建議、成分方向、歷史回看與分享都能成立。這直接支持頁面上承諾的雷達圖與照護建議,不是多做,而是把承諾兌現。
為什麼現在做這些看似小事?
因為 FindSkin 的價值主張是「1 分鐘、生活化、可理解」。這些工程調整讓主張站得住腳:流程更可預期(願意完成)、資料更可信(能持續迭代)、團隊更快(能長期維護)。
我想做的是一個用起來舒服、說得清楚、能長的產品。這次 FindSkin 的整理,等於把理念落地成五個原則:語意一致、流程可預期、呈現能引導、狀態可觀測、邊界可驗證,讓「1 分鐘讀懂肌膚」不只是一句話,而是可被執行、可被維護、可被信任的體驗。
這一版本的FindSkin 歷經了七次調整雖然效果不錯,但我仍覺得不滿意,我希望下一代是更加全面準確的,雖然技術實現上還需要一些時間。