頁面放不放按鈕、按鈕放哪、字號多大、流程怎麼設計——在專案中，PM、RD、UX Researcher、Interaction Designer、Visual Designer 到底各司其職？以具體「迷你購物車」案例拆解職責邊界，建議收藏閱讀。

UX 與 UI 的集合關係

Dan Saffer 圖示：UX 涵蓋產品/服務整體體驗，包含 UI；UI 位於視覺設計與交互設計交集處，由「外觀感受」與「如何運作」組成。UI 必須包含輸入、輸出、運作內容，可互動才算 UI——靜態海報、DM、動畫皆非 UI。

實戰決策權歸屬對照表

決策場景	負責角色	說明
迷你購物車是否放商品圖	RD / PM	視資料端是否有圖片資料而定
Wireframe 畫面內容與狀態	Interaction Designer	決定包含哪些內容、各頁面狀態
應付金額字號是否放大	Visual Designer	ID 處理內容與用戶互動關係，內容長相屬 VD
為何要放大？發現問題	UX Researcher	負責「發現」問題，解決方案屬設計師「創造」
滑入/淡入等動畫細節	Interaction Designer / 專職動畫設計師	ID 考慮所有用戶相關互動行為
Modal 關閉邏輯（自動/手動）	Interaction Designer	畫 Wireframe 者決定；UXR 驗證是否流失用戶
Modal 寬度、按鈕位置	Visual Designer	視覺細節屬 VD；是否有 Modal/按鈕屬 ID
明細頁欄位顯示順序	Interaction Designer (VD 可微調)	ID 提出，VD 可改，UXR 可測試驗證
按鈕文案易誤解怎麼改	UX Researcher + 文案專員 / ID	UXR 發現問題並建議測試多組文案；Google 有 UX Writer 職位
改善流程避免誤操作	UX Researcher 找問題 → ID 設計新流程 → UXR 驗證	協作迭代循環
下載按鈕圖標：雲+箭頭 vs 磁盤	Visual Designer	視覺表達屬 VD；若用戶看不懂 UXR 會打回重做
新增按鈕顏色區隔現有紅/黃/藍	Visual Designer	視覺決策屬 VD；可用性 UXR 驗證
操作前 5 秒強制閱讀說明	Interaction Designer	流程邏輯屬 ID；時間長短 UXR 測試

核心協作原則

• 團隊合作非「誰說了算」，而是「提議經共識、共同負責」
• 上線前 UXR 把關品質，總比上線後被罵強
• 體驗不好非 UX 單方責任，全團隊共担
• 跨領域多懂一點、主動配合，工作更順遂

Google 職位分工極細（UX Writer、Filmmaker 等），參考其分工可優化團隊協作模式。