透過設計建立團隊共識：打造可擴展的系統，提升產品與團隊效率
- Allen Chen
- 7月17日
- 讀畢需時 4 分鐘
撰文：Allen Chen｜協力撰稿：Tsai-Ling Lei ｜特別感謝夥伴：Joanne, Via, Juni, Chrissy
概述
設計系統對於提供一致性的使用者體驗非常重要，同時也是設計師與工程師可以藉此高效擴展數位產品的核心基礎。不僅如此，設計系統也在支援終端使用者 —— 病理專業人員 —— 方面扮演關鍵角色，確保他們在操作時介面清晰、直覺。
在我擔任產品設計實習生期間，我專注於優化並建構 Enzyme 設計系統，以提升平台整體的操作與視覺的一致性與元件的重複使用性。這項工作包含打造一套具醫療辨識性的客製化圖示系統，以及建立可重複使用的元件庫，以協助終端使用者能快速完成資料複雜的的工作流程。
最終設計團隊對設計系統的 滿意度達 92%，設計系統的採用率提升 40% ，並顯著改善了產品視覺上的一致性。透過標準化的互動模式與明確的元件使用規範，我們降低了設計與開發間的合作溝通成本，減少了開發錯誤，並促進設計和工程與產品團隊之間的協作，為未來的產品與使用者體驗建立穩固基礎。
我們面臨的挑戰：圖示與元件沒統一標準，導致介面體驗不一致與降低團隊協作效率
隨著 aetherSlide 的產品功能逐步擴張，介面在視覺上變得複雜多樣，難以維護與擴充。圖示樣式不一與元件重複使用的情況，導致整體使用體驗變得不一致，不僅讓使用者在操作病理工作流程時更加困難，也讓設計師與工程師在維護產品時耗費更多時間與心力。
第一步：我們透過圖示標準化，讓醫療介面更清晰、操作更直覺
為了提升整體平台的清晰度與一致性，我們導入了一套統一的圖示規則系統。這套圖示建立在 Material Design 的網格系統上，並採用一致的線條粗細進行繪製，同時依循明確的比例、間距與結構規則。
不同於通用型的圖示庫，我們的產品面對的是高度專業的醫療領域，因此需要自行設計一套專屬圖示，以呈現如玻片、顯微鏡、倍率、掃描狀態等標準圖庫中找不到的對應醫療概念。這套圖示系統為整體產品帶來視覺語言上的一致性，強化品牌識別、提升可用性，同時支援病理平台中複雜的工作流程。此外，它也讓設計師能依據清楚且可重用的設計規則，更快速且準確地製作圖示，進一步提升設計效率。
透過這套專為醫療情境打造的圖示系統，我們不只統一了介面風格以及提升設計師的工作效率，也讓病理師在操作過程中能更快速且直覺地完成任務。
“ 這套全新的圖示系統讓整體介面看起來更一致、更具專業感。操作上也更直覺，能有效降低使用者在互動過程中的認知負擔 ” - Product Designer B
第二步：從設計到開發，一套可重複使用的元件與文件規範，提升團隊效率與產品擴展性
為了建立一套可擴展且易於維護的 UI 基礎架構，我與團隊夥伴共同設計並實作了一套可重複使用的元件庫，內容涵蓋通用元件，以及針對病理工作流程中專業需求所量身打造的元件。這套系統包含了如輸入欄位、下拉選單、按鈕、進度指示器等核心 UI 元件，每個元件都具備明確的互動狀態、一致的設計風格如間距設定與色調，確保設計師在操作上的直覺性與重用性，以及終端使用者的操作直覺性。
這套元件系統不僅提升了介面的一致性，還帶來以下幾項具體效益：
簡化設計與工程之間的協作流程
減少重複元件的建立與維護負擔
“這套系統幫助我們在實作時更快對齊設計，開發時也不需要一直來回確認” - Front-end Developer B
這套圖示與元件系統具擴展性、一致性，不僅為高效率的協同產品開發流程奠定了基礎，也確保使用者操作的互動一致性
這套圖示系統與元件庫，共同奠定了穩固且具擴展性的基礎。此系統大幅提升了視覺一致性、使用體驗以及跨團隊的協作對齊，使工作流程更流暢、溝通更清晰。
透過減少設計與開發合作過程中的不確定性，並在整體產品中統一的設計標準，我們成功達成以下成果：
設計系統採用率提升 40%
設計團隊滿意度達到 92%
開發實作速度提升，合作反覆溝通確認顯著下降
“元件庫很好用、結構清楚，讓我們在不同情境下都能快速完成畫面，還能維持一致的設計品質” - Product Designer E
設計系統的建立不是結束，而是一段持續與使用者對話、共創醫療互動體驗的開始
建立設計系統不只是為了設計師，更是為了讓每一位與產品互動的人，都能有更好的使用體驗。這其中包括需要考慮到讓介面一致、操作可重複使用元件的設計師，依賴明確文件高效開發的工程師，以及我們最終的使用者病理專業人員，他們仰賴直覺且可靠的介面來執行關鍵任務。
在建立此系統的途中 ，選擇優化與延續系統，而非完全推翻重建，這需要在視覺一致性與實務彈性之間取得平衡，同時具備系統性思維、對跨部門工作流程的同理心，以及對現有設計框架的深刻理解。現在，作為一位正職產品設計師，我成為了這套系統的實際使用者，將會從日常專案中驗證元件的適用性，並根據真實使用情境持續優化相關文件。
展望未來，我希望持續與這三類核心使用者緊密合作，特別是更深入了解病理專業人員在實際操作中對介面的感受與需求。如此，我們才能讓這套設計系統不僅為介面設計與合作效率的提升，更能真正貼近每位使用者的實際工作情境與價值。
你正在尋找一個能合作無間的團隊與一展長才的舞台嗎？
現在就查看雲象是否有適合你的職缺吧！
留言