症狀檢測 | 網頁改版&更新
2021
「症狀檢測」於2019年上線,是延伸自「康健知識庫」的 web-app 類型專案項目,期望康健積累並結構化的豐厚內容與資料,能有除了「百科」之外的其他應用的可能。
2020年11月時,公司決定隔年(2021)要將「症狀檢測」作為重點堆展的項目之一,因此負責「症狀檢測」專案的營運團隊找了我們設計部商討來年度的人力與時程規劃。因為專案特性的緣故,當時就決定除了 UI designer (我)之外也加入一位剛到職的前端工程師共同參與。
既然是重點項目,未來高頻率的調整與優化一定是免不了的。因此當時便立即遇到了兩個問題:網頁前端架構的選擇與網站 mockup 原始檔的整理。
/ 執行項目
在與前端工程師討論後,了解「改走框架形式」相較「沿用現有方式」約多10個工作天,但前者的方式因為和後端脫鉤後,對於將來長期的調整將較有彈性,我覺得可以透過壓縮 mockup 繪製的時程來爭取時間。
但 2019 年開發時,當時負責介面設計的設計師採用 Adobe XD 繪製 mockup,加上開發後期時程緊迫,設計師只能先跳過修改 XD 檔案的流程,直接修改線上版的 layout 與樣式,所以最後的版本內容皆與目前線上網頁的呈現上有段落差。剛好 2020 年底我決定改投 Figma 陣營,不再續約 Sketch,因此決定趁這個機會將「症狀檢測」的UI / mockup 全改由 Figma 來重新繪製。
/ 專案目標
執行重新繪製時,除了嘗試建立 design system / component asset 之外,也不只是照刻出一個一模一樣的介面,同時能將「症狀檢測」上線營運一年來的一些使用者反饋,化作設計方案納入新版本中。
在離開康健前約完成了70%頁面的重新繪製,componets 也完成了近 90%,交接後對後來接手的設計師與未來專案的優化能有所幫助。











