行銷自動化平台改版：從破碎體驗到系統性重構
專案背景與挑戰
本專案標的物是一套完整的行銷自動化平台，主要提供行銷人員一站式的工作環境，包含受眾管理、素材製作、活動劇本規劃，以及行銷活動的成效分析和資源控管等功能。這個專案找上我時，正面臨著初代產品使用體驗不佳的困境。
初版產品雖然採用了螞蟻金服的 Ant Design 系統，但因為沒有確實依循設計規範來套用元件，導致整體體驗相當零碎。使用者在操作過程中常常找不到方向，特別是在處理資料分析時，由於可視化呈現不夠完善，更讓使用體驗大打折扣。
改版策略與執行過程
第一階段：優化現有系統
接手專案後的首要任務，就是深入研究 Ant Design 系統的設計規範文件。透過徹底理解設計系統的原則，我開始著手重構主要流程中不合規範的介面，讓產品的可用性有了明顯的提升，也協助客戶順利達成階段性目標。
第二階段：重新打造產品體驗
在完成初期優化後，我們懷著更大的企圖心，開始籌劃第二代產品的設計工作。這次改版不只是要解決現有問題，更要為產品打造嶄新的面貌。
前期規劃工作相當紮實，包括：
- 完整的動線分析
- 詳細的功能盤點
- 資訊架構的重新梳理
- 蒐集參考案例做 moodboard
- 研究市面上成熟的設計系統
透過這些前期工作，我們得以勾勒出第二代產品的雛形，並且在團隊內部建立起共同的願景。
深入用戶研究
由於產品的主要規格和發展方向已經底定，我們的用戶研究特別著重在檢視產品思路是否有所疏漏，以及深入了解使用者的真實語言和操作習慣。我們特別挑選了三位在工作中需要管理行銷策略，而且本身就有使用過行銷自動化系統經驗的使用者進行訪談。
這些訪談讓我們發現許多寶貴的洞見，特別是在使用者如何稱呼某些功能、他們習慣的操作方式、對產品的期待等面向，都提供了重要的設計依據。
漸進式的設計發展
在設計階段，我們採取了由淺入深的漸進式開發方式：
首先從低傳真的線稿開始，快速勾勒出主要功能的操作流程。這個階段重點在於確認功能架構和使用邏輯是否合理，而不被視覺設計分散注意力。
接著，我們運用敏捷開發的精神，透過密集的迭代來逐步優化設計。每一次的修改都基於團隊的討論和反饋，確保設計方向始終符合產品目標。
在這個過程中，我們特別善用了 Figma 的互動原型功能，製作了可以實際操作的介面原型。這讓團隊能夠更直觀地理解設計提案，特別是在討論一些微互動細節時特別有幫助。
設計系統的建立
隨著設計方案逐漸成形，我們開始進行更細緻的 UI 元件定義工作。這個過程採取有機成長的方式，不是一次到位地定義所有元件，而是依據實際需求逐步建立起元件庫。這樣的方式讓我們能更準確地掌握每個元件的使用情境，確保設計系統的實用性。
最終，我們成功完成了包含首頁儀表板、各項關鍵功能頁面的設計，以及完整的識別系統規範。這些設計成果都整理成完整的設計系統文件，交付給客戶的前端開發團隊進行後續開發。
實際執行的反思與學習
敏捷設計流程的挑戰
在採用敏捷原則進行設計的過程中，我深刻體會到這種方式需要投入大量的心力在輸出和迭代上。更重要的是，在密集的開發節奏中，我們必須不斷回頭檢視產品的初衷和願景，才能避免各方對產品的認知產生太大的差異，導致後期難以聚焦。
設計系統的實務經驗
雖然市面上已經有許多成熟的設計系統可供參考，但在實際應用時，我們發現細部的互動需求往往會造成許多例外情況。這些例外的數量可能比原本規範內的情況還要多，因此堅持元件再利用的原則就變得特別重要。然而，隨著專案時間推進，要持續維持這個原則其實並不容易，這也導致設計系統的元件粒度難以完全細緻化。
設計檔案管理的重要性
在使用 Figma 進行設計時，由於頁面數量動輒上百張，良好的檔案管理變得格外重要。特別是在低傳真階段，就必須考慮到元件的參數化設定，否則在敏捷開發的過程中，很容易產生難以整合的元件狀態。這讓我深刻體認到，建立良好的設計稿整理習慣是非常重要的。
溝通與共識的建立
在專案執行過程中，我們發現各方利害關係人對產品的想像和市場判斷常常會有很大的差異。這個經驗讓我體認到，寧可在前期多花一些時間，用故事的方式好好定義產品的願景和初衷，對後續專案的推進會有很大的幫助。
因此，建議在進行 UX 研究時，不要輕易跳過使用旅程地圖、同理心地圖、人物誌等方法論。如果能將這些研究成果濃縮成完整的使用者故事，就能在專案推進過程中隨時找到共同點，讓團隊更容易達成共識。
結語
這個專案不僅是一次產品改版的工作，更是一次寶貴的學習經驗。從中我們體會到，好的設計不只是要解決當前的問題，更要為產品未來的發展打下良好的基礎。而在這個過程中，持續保持良好的設計習慣、重視團隊溝通，以及堅持設計原則的重要性，都是讓專案能夠成功的關鍵因素。
客戶見證
與 Zac 攜手合作，定義用戶新體驗 - 闕嘉宏 博士
在我們公司 CRM 行銷自動化平台的產品改版專案中，我們有幸與 Zac 合作。他的角色不僅僅是一位設計師，更是一位兼具商業視野與產品專業的全方位專家。
這次改版專案並不輕鬆，我們的產品在使用體驗上遇到許多挑戰。然而，Zac 的加入，為專案注入了全新的思維與活力。他不僅對用戶需求有敏銳的洞察，還能化繁為簡，提出既符合用戶期待又實現商業價值的創新設計方案。每一次設計提案，都讓我們眼前一亮。
更讓人敬佩的是 Zac 在專案管理上的能力。他善於溝通協調，能夠將複雜的專案進度梳理得井井有條，讓團隊成員與相關利害關係人都能保持步調一致。無論是階段性進度簡報還是細節上的調整，Zac 總是處理得面面俱到。
對於任何正在尋找設計專家的人，我誠摯推薦 Zac。他不僅僅是位設計師，更是一位懂得如何將產品價值最大化的專業夥伴。與他合作，不僅是一場設計之旅，更是一場深入思考用戶與商業價值的探索。